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" >
2013-04-23 15:56:43 -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
================================================== -->
2013-04-23 15:56:43 -04:00
< link rel = "stylesheet" href = "css/skeleton.css" >
2011-08-17 21:37:22 -04:00
2012-01-26 00:38:24 -05:00
<!-- [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
================================================== -->
2013-04-23 15:56:43 -04:00
< link rel = "shortcut icon" href = "img/favicon.ico" >
< link rel = "apple-touch-icon" href = "img/apple-touch-icon.png" >
< link rel = "apple-touch-icon" sizes = "72x72" href = "img/apple-touch-icon-72x72.png" >
< link rel = "apple-touch-icon" sizes = "114x114" href = "img/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: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" >
2013-04-23 15:56:43 -04:00
< h1 class = "remove-bottom" style = "margin-top: 40px" > Skeleton-SCSS< / h1 >
< h5 > Version 1.0< / 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 >
2012-06-20 21:05:52 -04:00
< p > Skeleton is a small collection of well-organized CSS 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, 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 >
2013-04-23 15:56:43 -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 > - this is the main set of docs for the original css project, but will provide all of the needed insight. Skeleton SCSS is also open-source and has a < a href = "https://github.com/nickpack/Skeleton-SCSS" > project on github< / 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:nick@nickpack.com" > nick@nickpack.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
<!-- End Document
================================================== -->
< / body >
2011-05-03 10:36:26 -04:00
< / html >