2011-08-17 21:37:22 -04:00
<!DOCTYPE html>
2011-05-03 10:36:26 -04:00
<!-- [if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif] -->
<!-- [if IE 7 ]><html class="ie ie7" lang="en"> <![endif] -->
<!-- [if IE 8 ]><html class="ie ie8" lang="en"> <![endif] -->
2011-05-29 12:46:46 -04:00
<!-- [if (gte IE 9)|!(IE)]><! --> < html lang = "en" > <!-- <![endif] -->
2011-05-03 10:36:26 -04:00
< head >
<!-- Basic Page Needs
================================================== -->
2011-08-18 00:05:28 -04:00
< meta charset = "utf-8" >
2011-05-16 19:06:10 -04:00
< title > Your Page Title Here :)< / title >
2011-05-03 10:36:26 -04:00
< meta name = "description" content = "" >
< meta name = "author" content = "" >
2011-08-17 21:37:22 -04:00
2011-05-03 10:36:26 -04:00
<!-- Mobile Specific Metas
================================================== -->
2011-08-18 00:05:28 -04:00
< meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1" >
2011-08-17 21:37:22 -04:00
2011-05-03 10:36:26 -04:00
<!-- CSS
================================================== -->
2011-08-18 00:05:28 -04:00
< link rel = "stylesheet" href = "stylesheets/base.css" >
< link rel = "stylesheet" href = "stylesheets/skeleton.css" >
< link rel = "stylesheet" href = "stylesheets/layout.css" >
2011-08-17 21:37:22 -04:00
2011-11-20 20:43:27 -05:00
<!-- this is a nitpick but moving *after* css due to comment here:
http://code.google.com/p/html5shim/
To use this script, it must be included before the < body > element (i.e. in the < head > ) but doesn't matter
if it appears before or after the CSS - but for the sake of performance, it would make better sense to include
the CSS first then this script.
-->
<!-- [if lt IE 9]>
< script src = "http://html5shim.googlecode.com/svn/trunk/html5.js" > < / script >
<![endif]-->
2011-05-17 20:54:18 -04:00
<!-- Favicons
2011-05-03 10:36:26 -04:00
================================================== -->
2011-08-18 00:05:28 -04:00
< link rel = "shortcut icon" href = "images/favicon.ico" >
< link rel = "apple-touch-icon" href = "images/apple-touch-icon.png" >
< link rel = "apple-touch-icon" sizes = "72x72" href = "images/apple-touch-icon-72x72.png" >
< link rel = "apple-touch-icon" sizes = "114x114" href = "images/apple-touch-icon-114x114.png" >
2011-08-17 21:37:22 -04:00
2011-05-03 10:36:26 -04:00
< / head >
< body >
2011-05-15 19:50:51 -04:00
2011-05-15 19:13:52 -04:00
<!-- Primary Page Layout
================================================== -->
2011-08-17 21:37:22 -04:00
2011-05-16 19:06:10 -04:00
<!-- Delete everything in this .container and get started on your own site! -->
2011-05-03 10:36:26 -04:00
2011-08-17 21:37:22 -04:00
< div class = "container" >
2011-05-15 19:13:52 -04:00
< div class = "sixteen columns" >
2011-05-16 19:06:10 -04:00
< h1 class = "remove-bottom" style = "margin-top: 40px" > Skeleton< / h1 >
2011-08-18 01:22:11 -04:00
< h5 > Version 1.1< / h5 >
2011-05-16 19:06:10 -04:00
< hr / >
< / div >
< div class = "one-third column" >
2011-08-17 21:37:22 -04:00
< h3 > About Skeleton?< / h3 >
2011-08-18 00:06:51 -04:00
< 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 >
2011-05-16 19:06:10 -04:00
< / div >
< div class = "one-third column" >
2011-08-17 21:37:22 -04:00
< h3 > Three Core Principles< / h3 >
2011-05-16 19:06:10 -04:00
< 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 >
2011-05-15 19:13:52 -04:00
< / div >
2011-05-16 19:06:10 -04:00
< div class = "one-third column" >
2011-08-17 21:37:22 -04:00
< h3 > Docs & Support< / h3 >
2011-05-16 19:09:48 -04:00
< 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 > . Skeleton is also open-source and has a < a href = "https://github.com/dhgamache/skeleton" > project on git< / a > , so check that out if you want to report bugs or create a pull request. 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 >
2011-05-16 19:06:10 -04:00
< / div >
2011-05-15 19:13:52 -04:00
< / div > <!-- container -->
2011-05-03 10:36:26 -04:00
2011-08-17 21:37:22 -04:00
2011-05-15 19:13:52 -04:00
<!-- JS
================================================== -->
2011-09-17 13:30:18 -04:00
< script src = "http://code.jquery.com/jquery-1.6.4.min.js" > < / script >
2011-08-18 00:06:51 -04:00
< script src = "javascripts/tabs.js" > < / script >
2011-08-17 21:37:22 -04:00
2011-05-15 19:13:52 -04:00
<!-- End Document
================================================== -->
< / body >
2011-05-03 10:36:26 -04:00
< / html >
