Bones/index.html

<!doctype html>
<!--[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]-->
<!--[if (gte IE 9)|!(IE)]><!--> 	<html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">	<!-- Force Latest IE rendering engine -->
	<title>Your Page Title Here :)</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 
	
	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="stylesheets/base.css">
	<link rel="stylesheet" href="stylesheets/skeleton.css">
	<link rel="stylesheet" href="stylesheets/layout.css">
	
	<!-- Favicon
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico">
	
</head>
<body>


	<!-- Primary Page Layout
	================================================== -->
	
	<!-- Delete everything in this .container and get started on your own site! -->

	<div class="container">	
		<div class="sixteen columns">
			<h1 class="remove-bottom" style="margin-top: 40px">Skeleton</h1>
			<h5>Version 1.0</h5>
			<hr />
		</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 -->

		
	<!-- JS
	================================================== -->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
	<script>window.jQuery || document.write("<script src='javascripts/jquery-1.5.1.min.js'>\x3C/script>")</script>
	<script src="javascripts/app.js"></script>
	
<!-- End Document
================================================== -->
</body>
</html>
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00			`<!doctype html>`
			`<!--[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]-->`
			`<!--[if (gte IE 9)\|!(IE)]><!--> <html lang="en"> <!--<![endif]-->`
			`<head>`

			`<!-- Basic Page Needs`
			`================================================== -->`
			`<meta charset="utf-8" />`
			`<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <!-- Force Latest IE rendering engine -->`
changed the initial download page to have some quick information about the product 2011-05-16 19:06:10 -04:00			`<title>Your Page Title Here :)</title>`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00			`<meta name="description" content="">`
			`<meta name="author" content="">`
changed the git repo to the src folder, browser tested, changed the tabs to work cross browser and to stack...removed the IE conditional stylesheet 2011-05-15 19:13:52 -04:00			`<!--[if lt IE 9]>`
			`<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>`
			`<![endif]-->`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00
			`<!-- Mobile Specific Metas`
			`================================================== -->`
broke the grid into a spearate file from base called skeleton, really really refined the grid across different devices (although it still needs a lot of testing). I've also started a documentation 2011-05-04 21:20:56 -04:00			`<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00
			`<!-- CSS`
			`================================================== -->`
changed the git repo to the src folder, browser tested, changed the tabs to work cross browser and to stack...removed the IE conditional stylesheet 2011-05-15 19:13:52 -04:00			`<link rel="stylesheet" href="stylesheets/base.css">`
			`<link rel="stylesheet" href="stylesheets/skeleton.css">`
			`<link rel="stylesheet" href="stylesheets/layout.css">`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00
yeah, added examples and rewrote some tabs n' button code 2011-05-06 21:30:05 -04:00			`<!-- Favicon`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00			`================================================== -->`
changed the initial download page to have some quick information about the product 2011-05-16 19:06:10 -04:00			`<link rel="shortcut icon" href="images/favicon.ico">`
changed the git repo to the src folder, browser tested, changed the tabs to work cross browser and to stack...removed the IE conditional stylesheet 2011-05-15 19:13:52 -04:00
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00			`</head>`
			`<body>`


recleaned all of the code and formatting to be BEAUTIFUL 2011-05-15 19:50:51 -04:00


changed the git repo to the src folder, browser tested, changed the tabs to work cross browser and to stack...removed the IE conditional stylesheet 2011-05-15 19:13:52 -04:00			`<!-- Primary Page Layout`
			`================================================== -->`
changed the initial download page to have some quick information about the product 2011-05-16 19:06:10 -04:00
			`<!-- Delete everything in this .container and get started on your own site! -->`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00
changed the git repo to the src folder, browser tested, changed the tabs to work cross browser and to stack...removed the IE conditional stylesheet 2011-05-15 19:13:52 -04:00			`<div class="container">`
			`<div class="sixteen columns">`
changed the initial download page to have some quick information about the product 2011-05-16 19:06:10 -04:00			`<h1 class="remove-bottom" style="margin-top: 40px">Skeleton</h1>`
			`<h5>Version 1.0</h5>`
			`<hr />`
			`</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>`
changed the git repo to the src folder, browser tested, changed the tabs to work cross browser and to stack...removed the IE conditional stylesheet 2011-05-15 19:13:52 -04:00			`</div>`
changed the initial download page to have some quick information about the product 2011-05-16 19:06:10 -04:00			`<div class="one-third column">`
			`<h3>Docs & 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>`

changed the git repo to the src folder, browser tested, changed the tabs to work cross browser and to stack...removed the IE conditional stylesheet 2011-05-15 19:13:52 -04:00			`</div><!-- container -->`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00

recleaned all of the code and formatting to be BEAUTIFUL 2011-05-15 19:50:51 -04:00


changed the git repo to the src folder, browser tested, changed the tabs to work cross browser and to stack...removed the IE conditional stylesheet 2011-05-15 19:13:52 -04:00			`<!-- JS`
			`================================================== -->`
			`<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>`
			`<script>window.jQuery \|\| document.write("<script src='javascripts/jquery-1.5.1.min.js'>\x3C/script>")</script>`
			`<script src="javascripts/app.js"></script>`

			`<!-- End Document`
			`================================================== -->`
			`</body>`
started building out the documentation and trying to include a fluid grid (but nesting seems impossible) 2011-05-03 10:36:26 -04:00			`</html>`