BitGoblin/Bones
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

changed the initial download page to have some quick information about the product

Browse Source
This commit is contained in:
Dave Gamache 2011-05-16 16:06:10 -07:00
parent 44f4156977
commit f07ab65b1d
1 changed files with 25 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
index.html
View File

@ -9,7 +9,7 @@
================================================== -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- Force Latest IE rendering engine -->
<title>Page Title</title>
<title>Your Page Title Here :)</title>
<meta name="description" content="">
<meta name="author" content="">
<!--[if lt IE 9]>
@ -28,7 +28,7 @@
<!-- Favicon
================================================== -->
<link rel="shortcut icon" href="favicon.ico">
<link rel="shortcut icon" href="images/favicon.ico">
</head>
<body>
@ -40,27 +40,32 @@
<!-- Primary Page Layout
================================================== -->
<!-- Delete everything in this .container and get started on your own site! -->
<div class="container">
<div class="sixteen columns">
<h1 class="bottomless">Skeleton</h1>
<p class="lead"><a href="http://www.getskeleton.com">www.getskeleton.com</a></p>
<h1 class="remove-bottom" style="margin-top: 40px">Skeleton</h1>
<h5>Version 1.0</h5>
<hr />
</div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one column" style="background: #999; height: 400px;"></div>
<div class="one-third column">
<h3>About Skeleton?</h3>
<p>Skeleton is a small collection of well-organized CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. It's based on a responsive grid, but also provides very basic CSS for typography, buttons, tabs, forms and media queries. Go ahead, resize this super basic page to see the grid in action.</p>
</div>
<div class="one-third column">
<h3>Three Core Principles</h3>
<p>Skeleton is built on three core principles:</p>
<ul class="square">
<li><strong>A Responsive Grid Down To Mobile</strong>: Elegant scaling from a browser to tablets to mobile.</li>
<li><strong>Fast to Start</strong>: It's a tool for rapid development with best practices</li>
<li><strong>Style Agnostic</strong>: It provides the most basic, beautiful styles, but is meant to be overwritten.</li>
</ul>
</div>
<div class="one-third column">
<h3>Docs &amp; Support</h3>
<p>The easiest way to really get started with Skeleton is to check out the full docs and info at <a href="http://www.getskeleton.com">www.getskeleton.com.</a>. If you have any questions, thoughts, concerns or feedback, please don't hesitate to email me at <a href="mailto:hi@getskeleton.com">hi@getskeleton.com</a>.</p>
</div>
</div><!-- container -->