-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (165 loc) · 5.87 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<!--
Interphase by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Whateverthefuckname</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-xlarge.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body class="landing">
<!-- Header -->
<header id="header">
<h1><a href="index.html">Whateverthefuckname</a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="generic.html">About</a></li>
<li><a href="elements.html">Elements</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<h2>Whateverthefuckname</h2>
<p>Some bullshit to say click this shit to see whatever </p>
<ul class="actions">
<li>
<a href="#" class="button big">Learn More</a>
</li>
</ul>
</section>
<!-- One -->
<section id="one" class="wrapper style1 align-center">
<div class="container">
<header>
<h2>We're better than errbody else</h2>
<p>Lay down the people's elbow right here dawg</p>
</header>
<div class="row 200%">
<section class="4u 12u$(small)">
<i class="icon big rounded fa-clock-o"></i>
<p>These fuckin icons can change, but you get the picture.</p>
</section>
<section class="4u 12u$(small)">
<i class="icon big rounded fa-comments"></i>
<p>Same here. Fuck this icon too.</p>
</section>
<section class="4u$ 12u$(small)">
<i class="icon big rounded fa-user"></i>
<p>This isn't a person icon</p>
</section>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style2 align-center">
<div class="container">
<header>
<h2>Section for product choices</h2>
<p>Pick and choose whatever the fuck you want</p>
</header>
<div class="row">
<section class="feature 6u 12u$(small)">
<img class="image fit" src="images/108.jpg" alt="" />
<h3 class="title">Option 1</h3>
<p>Explain option 1 and why it's the best fuckin choice don't let them fools even look past this fuckin shit. The rest is basically white noise. Ya heard? </p>
</section>
<section class="feature 6u$ 12u$(small)">
<img class="image fit" src="images/60.jpg" alt="" />
<h3 class="title">Option 2</h3>
<p>Nonsensical bullshit right here. Still showing off some fuckin shit yo</p>
</section>
<section class="feature 6u 12u$(small)">
<img class="image fit" src="images/48.jpg" alt="" />
<h3 class="title">Option 3</h3>
<p>And here starts the shit for the weak ass fools that don't want none</p>
</section>
<section class="feature 6u$ 12u$(small)">
<img class="image fit" src="images/36.jpg" alt="" />
<h3 class="title">Option 4</h3>
<p>Think of some fuckin content. We need pictures of a pile of the shit we're using. Real fuckin pictures. No fuckin stolen from the internet like this fuckin layout</p>
</section>
</div>
<footer>
<ul class="actions">
<li>
<a href="#" class="button alt big">Learn More</a>
</li>
</ul>
</footer>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="container">
<div class="row">
<section class="4u 6u(medium) 12u$(small)">
<h3>Footer</h3>
<p>Some shit can go down here like pages to recent installs</p>
<ul class="alt">
<li><a href="#">Click this shit.</a></li>
<li><a href="#">Or this.</a></li>
<li><a href="#">How about this?</a></li>
<li><a href="#">Not this one.</a></li>
</ul>
</section>
<section class="4u 6u$(medium) 12u$(small)">
<h3>Some more shit</h3>
<p>Maybe links to suppliers, or just delete this section. IDK</p>
<ul class="alt">
<li><a href="#">Lorem ipsum dolor sit amet.</a></li>
<li><a href="#">Id inventore, qui necessitatibus sunt.</a></li>
<li><a href="#">Deleniti eum odit nostrum eveniet.</a></li>
<li><a href="#">Illum consectetur quibusdam eos corporis.</a></li>
</ul>
</section>
<section class="4u$ 12u$(medium) 12u$(small)">
<h3>Contact Us</h3>
<ul class="icons">
<li><a href="#" class="icon rounded fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon rounded fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon rounded fa-pinterest"><span class="label">Pinterest</span></a></li>
<li><a href="#" class="icon rounded fa-google-plus"><span class="label">Google+</span></a></li>
<li><a href="#" class="icon rounded fa-linkedin"><span class="label">LinkedIn</span></a></li>
</ul>
<ul class="tabular">
<li>
<h3>Address</h3>
1234 Somewhere Road<br>
Nashville, TN 00000
</li>
<li>
<h3>Mail</h3>
<a href="#">[email protected]</a>
</li>
<li>
<h3>Phone</h3>
(000) 000-0000
</li>
</ul>
</section>
</div>
<ul class="copyright">
<li>© Whateverthefuckname. All rights reserved.</li>
</ul>
</div>
</footer>
</body>
</html>