e1fd0398c1c28b738baac0f9985a7dc0e50806f5
[apps-fullscreen] / www / index.html
1 <!DOCTYPE html>
2 <html lang='en'>
3         <head>
4                 <title>Application Fullscreener</title>
5                 <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
6                 <!--[if lt IE 9]><script type='text/javascript' src='assets/javascript/html5.js'></script><![endif]-->
7                 <script type='text/javascript' src='assets/javascript/prettify.js'></script>
8                 <link rel='stylesheet' type='text/css' href='assets/css/skeleton/stylesheets/base.css' />
9                 <link rel='stylesheet' type='text/css' href='assets/css/skeleton/stylesheets/skeleton.css' />
10                 <link rel='stylesheet' type='text/css' href='assets/css/prettify.css' />
11                 <link rel='stylesheet' type='text/css' href='assets/css/style.css' />
12         </head>
13         
14         <body onload='prettyPrint()'>
15                 <div class='container'>
16                         <header class='sixteen columns'>
17                                 <div class='nine columns alpha'>
18                                         <h1>Application's Fullscreener</h1>
19                                         <h2>My projects description</h2>
20                                         
21                                         <p>Longer description of your project here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer convallis erat sit amet leo hendrerit in laoreet diam tempus. Morbi luctus congue purus id ultrices. Aliquam erat volutpat. Sed facilisis lacus nec sapien venenatis ultrices. In vel erat nisi, vel posuere tortor. Phasellus pharetra nunc at odio euismod rutrum.</p>
22                                 </div>
23                                 
24                                 <div class='six columns 
25 offset-by-one omega'>
26                                         <a href='https://github.com/USER/REPOSITORY/zipball/master' class='download-button'>
27                                                 Install
28                                                 <span>Latest version from Maemo</span>
29                                         </a>
30                                 </div>
31                         </header>
32                         
33                         <div class='sixteen columns'>
34                                 <h3>Usage and examples</h3>
35                                 
36                                 <div class='eight columns alpha'>
37                                         <code>
38 <pre class='prettyprint'>
39 function codeExample() {
40         console.log('This is a code example.');
41 }
42 </pre>
43                                         </code>
44                                         
45                                         <h4>Example number 1</h4>
46                                         <p>Some example code here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia, enim quis interdum accumsan, odio velit ultricies lectus, sit amet pellentesque eros velit.</p>
47                                 </div>
48                                 
49                                 <div class='eight columns omega'>
50                                         <code>
51 <pre class='prettyprint'>
52 function codeExample() {
53         console.log('This is a code example.');
54 }
55 </pre>
56                                         </code>
57                                         
58                                         <h4>Example number 2</h4>
59                                         <p>Some example code here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia, enim quis interdum accumsan, odio velit ultricies lectus, sit amet pellentesque eros velit venenatis leo. Morbi lacinia tempor metus in viverra.</p>
60                                 </div>
61                         </div>
62                         
63                         <div class='sixteen columns'>
64                                 <h3>See it in action</h3>
65                                 
66                                 <p>Here you could put a live example if your project happens to be something to do with web development, or maybe you could insert some images.</p>
67                         </div>
68                 </div>
69                 
70                 <footer>
71                         <div class='container'>
72                                 <div class='ten columns offset-by-three repo-author'>
73                                         <img src='http://placehold.it/100x105' class='repo-author-logo' />
74                                         
75                                         <p>
76                                                 Here you can put a bit of information about the author. Maybe a link to your twitter account or website. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia, enim quis interdum accumsan, odio velit ultricies lectus, sit amet pellentesque eros velit venenatis leo.
77                                         </p>
78                                 </div>
79                                 
80                                 <div class='sixteen columns credits'>
81                                         <p>GitHub release template built with HTML5, CSS3 and JS by <a href='http://fublo.net'>Fublo</a></p>
82                                 </div>
83                         </div>
84                 </footer>
85                 
86                 <!-- a href='https://github.com/USER/REPOSITORY' class='github-ribbon'><img src='assets/images/github-ribbons/red.png' /></a -->
87         </body>
88 </html>