git.maemo.org Git - apps-fullscreen/blob - www/assets/css/skeleton/index.html

   1 <!DOCTYPE html>
   2 <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
   3 <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
   4 <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
   5 <!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
   6 <head>
   7
   8         <!-- Basic Page Needs
   9   ================================================== -->
  10         <meta charset="utf-8">
  11         <title>Applications Fullscreener</title>
  12         <meta name="description" content="">
  13         <meta name="author" content="">
  14         <!--[if lt IE 9]>
  15                 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  16         <![endif]-->
  17
  18         <!-- Mobile Specific Metas
  19   ================================================== -->
  20         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  21
  22         <!-- CSS
  23   ================================================== -->
  24         <link rel="stylesheet" href="stylesheets/base.css">
  25         <link rel="stylesheet" href="stylesheets/skeleton.css">
  26         <link rel="stylesheet" href="stylesheets/layout.css">
  27
  28         <!-- Favicons
  29         ================================================== -->
  30         <link rel="shortcut icon" href="images/favicon.ico">
  31         <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
  32         <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
  33         <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
  34
  35 </head>
  36 <body>
  37
  38
  39
  40         <!-- Primary Page Layout
  41         ================================================== -->
  42
  43         <!-- Delete everything in this .container and get started on your own site! -->
  44
  45         <div class="container">
  46                 <div class="sixteen columns">
  47                         <h1 class="remove-bottom" style="margin-top: 40px">Skeleton</h1>
  48                         <h5>Version 1.1</h5>
  49                         <hr />
  50                 </div>
  51                 <div class="one-third column">
  52                         <h3>About Skeleton?</h3>
  53                         <p>Skeleton is a small collection of well-organized CSS &amp; 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>
  54                 </div>
  55                 <div class="one-third column">
  56                         <h3>Three Core Principles</h3>
  57                         <p>Skeleton is built on three core principles:</p>
  58                         <ul class="square">
  59                                 <li><strong>A Responsive Grid Down To Mobile</strong>: Elegant scaling from a browser to tablets to mobile.</li>
  60                                 <li><strong>Fast to Start</strong>: It's a tool for rapid development with best practices</li>
  61                                 <li><strong>Style Agnostic</strong>: It provides the most basic, beautiful styles, but is meant to be overwritten.</li>
  62                         </ul>
  63                 </div>
  64                 <div class="one-third column">
  65                         <h3>Docs &amp; Support</h3>
  66                         <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>
  67                 </div>
  68
  69         </div><!-- container -->
  70
  71
  72
  73         <!-- JS
  74         ================================================== -->
  75         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  76         <script src="javascripts/tabs.js"></script>
  77
  78 <!-- End Document
  79 ================================================== -->
  80 </body>
  81 </html>