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

This commit is contained in:
Dave Gamache 2011-05-16 16:06:10 -07:00
parent 44f4156977
commit f07ab65b1d

View File

@ -9,7 +9,7 @@
================================================== --> ================================================== -->
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- Force Latest IE rendering engine --> <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="description" content="">
<meta name="author" content=""> <meta name="author" content="">
<!--[if lt IE 9]> <!--[if lt IE 9]>
@ -28,7 +28,7 @@
<!-- Favicon <!-- Favicon
================================================== --> ================================================== -->
<link rel="shortcut icon" href="favicon.ico"> <link rel="shortcut icon" href="images/favicon.ico">
</head> </head>
<body> <body>
@ -39,28 +39,33 @@
<!-- Primary Page Layout <!-- Primary Page Layout
================================================== --> ================================================== -->
<!-- Delete everything in this .container and get started on your own site! -->
<div class="container"> <div class="container">
<div class="sixteen columns"> <div class="sixteen columns">
<h1 class="bottomless">Skeleton</h1> <h1 class="remove-bottom" style="margin-top: 40px">Skeleton</h1>
<p class="lead"><a href="http://www.getskeleton.com">www.getskeleton.com</a></p> <h5>Version 1.0</h5>
<hr />
</div> </div>
<div class="one column" style="background: #999; height: 400px;"></div> <div class="one-third column">
<div class="one column" style="background: #999; height: 400px;"></div> <h3>About Skeleton?</h3>
<div class="one column" style="background: #999; height: 400px;"></div> <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 class="one column" style="background: #999; height: 400px;"></div> </div>
<div class="one column" style="background: #999; height: 400px;"></div> <div class="one-third column">
<div class="one column" style="background: #999; height: 400px;"></div> <h3>Three Core Principles</h3>
<div class="one column" style="background: #999; height: 400px;"></div> <p>Skeleton is built on three core principles:</p>
<div class="one column" style="background: #999; height: 400px;"></div> <ul class="square">
<div class="one column" style="background: #999; height: 400px;"></div> <li><strong>A Responsive Grid Down To Mobile</strong>: Elegant scaling from a browser to tablets to mobile.</li>
<div class="one column" style="background: #999; height: 400px;"></div> <li><strong>Fast to Start</strong>: It's a tool for rapid development with best practices</li>
<div class="one column" style="background: #999; height: 400px;"></div> <li><strong>Style Agnostic</strong>: It provides the most basic, beautiful styles, but is meant to be overwritten.</li>
<div class="one column" style="background: #999; height: 400px;"></div> </ul>
<div class="one column" style="background: #999; height: 400px;"></div> </div>
<div class="one column" style="background: #999; height: 400px;"></div> <div class="one-third column">
<div class="one column" style="background: #999; height: 400px;"></div> <h3>Docs &amp; Support</h3>
<div class="one column" style="background: #999; height: 400px;"></div> <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 --> </div><!-- container -->