-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
176 lines (175 loc) · 6.62 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
172
173
174
175
176
<!DOCTYPE html>
<html lang="en-US">
<head>
<!-- Specify the character encoding for the HTML document. The default character encoding in HTML-5 is UTF-8 -->
<meta charset="utf-8" />
<!-- Will force Internet Explorer 8/9/10 to render the webpage in the highest available mode in the various cases when it may not -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- The user's visible area of a web page that gives the browser instructions on how to control the page's dimensions and scaling -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->
<!-- Define a description of your web page -->
<meta name="description" content="" />
<!-- Define keywords for search engines -->
<meta name="keywords" content="" />
<!-- Define the author of a page -->
<meta name="author" content="Dima Porhovniuk" />
<title>Forty - Main Page</title>
<!-- Normalize v4.1.1 -->
<link rel="stylesheet" href="css/normalize.min.css" />
<!-- Just Bootstrap grid -->
<!-- <link rel="stylesheet" href="css/boots_grid.min.css" /> -->
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i" rel="stylesheet">
<!-- Icons from Font Awesome -->
<link rel="stylesheet" href="css/fonts_awesome_icons.min.css" />
<!-- Work CSS field -->
<link rel="stylesheet" href="css/main.min.css" />
<!-- animation -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<!-- .container>.row>.col-lg-12.col-md-12.col-sm-12.col-xs-12 -->
</head>
<body>
<nav>
<ul class="close">
<li></li>
<li></li>
</ul>
<ul class="menu">
<li><a href="#">home</a></li>
<li><a href="#">landing</a></li>
<li><a href="#">generic</a></li>
<li><a href="#">elements</a></li>
<li>
<ul class="btns">
<li><a href="#">get started</a></li>
<li><a href="#">log in</a></li>
</ul>
</li>
</ul>
</nav>
<div class="content_wrapper">
<header class="banner bann lighten_main">
<div></div>
<header class="clearfix to_down_head">
<a href="#" class="log"><span>forty</span><span>by pixelarity</span></a>
<div class="menu_click">
<span>menu</span>
<ul class="burger">
<li></li>
<li></li>
<li></li>
</ul>
</div>
</header>
<section class="intro to_right">
<h1>Hi, my name is Forty</h1>
<p>A aliquet diam aliquam integer at Cubilia <span></span> sed aliquam lorem dis Egestas Commodo.</p>
<div><span>get started</span></div>
</section>
</header>
<section class="link_gallery">
<a href="html/index_descr.html">
<div>
<h3>Aliquam</h3>
<p>Ipsum dolor sit amet</p>
</div>
</a>
<a href="html/index_descr.html">
<div>
<h3>Tempus</h3>
<p>feugiat amet tempus</p>
</div>
</a>
<a href="html/index_descr.html">
<div>
<h3>Magna</h3>
<p>Lorem etiam nullam</p>
</div>
</a>
<a href="html/index_descr.html">
<div>
<h3>Ipsum</h3>
<p>Nisl sed aliquam</p>
</div>
</a>
<a href="html/index_descr.html">
<div>
<h3>Consequat</h3>
<p>Ipsum dolor sit amet</p>
</div>
</a>
<a href="html/index_descr.html">
<div>
<h3>Etiam</h3>
<p>Feugiat amet tempus</p>
</div>
</a>
</section>
<section class="descript">
<h2>Massa libero</h2>
<p>Nullam et orci eu lorem consequat tincidunt vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus pharetra. Pellentesque condimentum sem. In efficitur ligula tate urna. Maecenas laoreet massa vel lacinia pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus amet pharetra et feugiat tempus.</p>
<a href="#"><span>get started</span></a>
</section>
<footer>
<section class="for_form">
<form action="get">
<fieldset>
<div>
<label for="user_name">name</label>
<input type='text' name='name' id='user_name' placeholder="Enter your name">
</div>
<div>
<label for='user_email'>email</label>
<input type='email' name='email' id='user_email' placeholder="Enter your email">
</div>
<label for='user_message'>message</label>
<textarea name='message' id='user_message' rows="6" placeholder="Enter your message"></textarea>
<input type="submit" value='send message'>
<input type="reset" value='clear'>
</fieldset>
</form>
</section>
<address class="contacts">
<ul class='email'>
<li class='contact'>Email</li>
<li>
<ul>
<li><a href="mailto:[email protected]">[email protected]</a></li>
</ul>
</li>
</ul>
<ul class='phone'>
<li class='contact'>Phone</li>
<li>
<ul>
<li>(000) 000-0000 x12387</li>
</ul>
</li>
</ul>
<ul class='address'>
<li class='contact'>Address</li>
<li>
<ul>
<li>1234 Somewhere Road #5432</li>
<li>Nashville, TN 00000</li>
<li>United States of America</li>
</ul>
</li>
</ul>
</address>
<section class='socweb'>
<ul>
<li class='contact'></li>
<li class='contact'></li>
<li class='contact'></li>
<li class='contact'></li>
<li class='contact'></li>
</ul>
<p>© Untitled.</p>
</section>
</footer>
</div>
<script src='js/scrpt.min.js'></script>
</body>
</html>