forked from devluis/fitgrd
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
128 lines (112 loc) · 4.35 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="en">
<head>
<title>fitgrid</title>
<meta charset="utf-8">
<meta name="robots" content="index,follow">
<meta name="description" content="your description of your site goes here">
<meta name="keywords" content="put in some tags">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="initial-scale = 1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="shortcut icon" type="image/x-icon" href="images/icons/favicon.ico">
<link rel="apple-touch-icon-precomposed" href="images/icons/phone.jpg">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/icons/tablet.jpg">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/icons/retina.jpg">
<link rel="stylesheet" href="css/fitgrd.pack.css">
<link rel="stylesheet" href="css/core.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js"></script>
</head>
<body>
<!-- header -->
<header>
<div class="center">
<div class="row">
<section class="fg3"><strong>fitgrd</strong></section>
<section class="fg9">navigation</section>
</div>
</div>
</header>
<!-- header -->
<!-- START sample content -->
<article class="slide first-content">
<div class="center">
<div class="row">
<section class="fg12">.fg12</section>
<section class="fg6">.fg6</section>
<section class="fg6">.fg6</section>
<section class="fg4">.fg4</section>
<section class="fg4">.fg4</section>
<section class="fg4">.fg4</section>
<section class="fg3">.fg3</section>
<section class="fg3">.fg3</section>
<section class="fg3">.fg3</section>
<section class="fg3">.fg3</section>
<section class="fg2">.fg2</section>
<section class="fg2">.fg2</section>
<section class="fg2">.fg2</section>
<section class="fg2">.fg2</section>
<section class="fg2">.fg2</section>
<section class="fg2">.fg2</section>
</div>
</div>
</article>
<!-- END sample content -->
<!-- START sample content -->
<article class="slide second-content">
<div class="center">
<div class="row">
<section class="fg6">.fg6</section>
<section class="fg6">.fg6</section>
<section class="fg6">.fg6</section>
<section class="fg6">.fg6</section>
</div>
</div>
</article>
<!-- END sample content -->
<!-- START sample content - IMAGE GRID -->
<article class="slide third-content">
<div class="center">
<div class="row fg-no-gutter">
<section class="fg6"><img src="http://placehold.it/700x400/333333/ffffff&text=fitgrd" alt="placeholder"/></section>
<section class="fg6"><img src="http://placehold.it/700x400/222222/ffffff&text=fitgrd" alt="placeholder"/></section>
<section class="fg4"><img src="http://placehold.it/700x400/111111/ffffff&text=fitgrd" alt="placeholder"/></section>
<section class="fg4"><img src="http://placehold.it/700x400/444444/ffffff&text=fitgrd" alt="placeholder"/></section>
<section class="fg4"><img src="http://placehold.it/700x400/555555/ffffff&text=fitgrd" alt="placeholder"/></section>
</div>
</div>
</article>
<!-- END sample content -->
<!-- START sample content -->
<article class="slide fourth-content fg-no-mobile">
<div class="center">
<div class="row">
<section class="fg12 headline">This content is not visible on mobile devices.</section>
<section class="fg5">.fg5</section>
<section class="fg7">.fg7</section>
<section class="fg7">.fg7</section>
<section class="fg5">.fg5</section>
<section class="fg6">.fg6</section>
<section class="fg3">.fg3</section>
<section class="fg3">.fg3</section>
<section class="fg6 push3">.fg6 .push3</section>
</div>
</div>
</article>
<!-- END sample content -->
<!-- footer -->
<footer>
<section class="center">
<div class="row">
<section class="fg4">footer copyright</section>
<section class="fg4">footer navigation</section>
<section class="fg4">footer navigation</section>
</div>
</section>
</footer>
<!-- footer -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
<script type="text/javascript" src="script/core.js"></script>
</body>
</html>