-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
109 lines (106 loc) · 4.53 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8 oldie"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="keyword" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:image" content="apple-touch-icon-144x144.png" />
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- For first- and second-generation iPad: -->
<link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
<!-- For iPhone with high-resolution Retina display: -->
<link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
<!-- For third-generation iPad with high-resolution Retina display: -->
<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144.png">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<script src="js/libs/modernizr-2.5.3.min.js"></script>
</head>
<body>
<div class="container">
<section class="row">
<header id="logo">
<h1>Future<span>GS</span></h1>
<h2>Future Proof, Mobile First, Semantic, Responsive CSS Framework</h2>
</header>
<nav class="github">
<ul>
<li>View on Github</li>
<li>Follow on Github</li>
</ul>
</nav>
</section>
<section class="row">
<article>
<p>Cras sed ante. Phasellus in massa. Curabitur dolor eros, gravida et, hendrerit ac, cursus non, massa. Aliquam lorem. In hac habitasse platea dictumst. Cras eu mauris. Quisque lacus. Donec ipsum. Nullam vitae sem at nunc pharetra ultricies. Vivamus elit eros, ullamcorper a, adipiscing sit amet, porttitor ut, nibh. Maecenas adipiscing mollis massa. Nunc ut dui eget nulla venenatis aliquet. Sed luctus posuere justo. Cras vehicula varius turpis. Vivamus eros metus, tristique sit amet, molestie dignissim, malesuada et, urna.</p>
</article>
</section>
<section id="demo">
<div class="row">
<div class="uno"><strong>Uno</strong></div>
<div class="uno"><strong>Uno</strong></div>
<div class="uno"><strong>Uno</strong></div>
<div class="uno"><strong>Uno</strong></div>
<div class="uno"><strong>Uno</strong></div>
<div class="uno"><strong>Uno</strong></div>
<div class="uno"><strong>Uno</strong></div>
<div class="uno"><strong>Uno</strong></div>
<div class="uno"><strong>Uno</strong></div>
<div class="uno"><strong>Uno</strong></div>
<div class="uno"><strong>Uno</strong></div>
<div class="uno"><strong>Uno</strong></div>
</div>
<div class="row">
<div class="dos"><strong>Dos</strong></div>
<div class="dos"><strong>Dos</strong></div>
<div class="dos"><strong>Dos</strong></div>
<div class="dos"><strong>Dos</strong></div>
<div class="dos"><strong>Dos</strong></div>
<div class="dos"><strong>Dos</strong></div>
</div>
<div class="row">
<div class="tres"><strong>Tres</strong></div>
<div class="tres"><strong>Tres</strong></div>
<div class="tres"><strong>Tres</strong></div>
<div class="tres"><strong>Tres</strong></div>
</div>
<div class="row">
<div class="cuatro"><strong>Cuatro</strong></div>
<div class="cuatro"><strong>Cuatro</strong></div>
<div class="cuatro"><strong>Cuatro</strong></div>
</div>
<div class="row">
<div class="siete"><strong>Siete</strong></div>
<div class="siete"><strong>Siete</strong></div>
</div>
<div class="row">
<div class="cuatro"><strong>Cuatro</strong></div>
<div class="ocho"><strong>Ocho</strong></div>
</div>
<div class="row">
<div class="fee"><strong>Fee</strong></div>
<div class="fie"><strong>Fie</strong></div>
<div class="foe"><strong>Foe</strong></div>
<div class="fum"><strong>Fum</strong></div>
</div>
</section> <!-- /demo -->
</div>
<script type="text/javascript" src="js/scripts-ck.js"></script>
<!--[if lt IE 7 ]>
<script src="js/libs/dd_belatedpng.js"></script>
<script> DD_belatedPNG.fix('img, .png_bg');</script>
<![endif]-->
</body>
</html>