-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (167 loc) · 7.32 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>TITLE HERE</title>
<link href="css/style.css" rel="stylesheet">
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/owl.theme.css" rel="stylesheet">
</head>
<body>
<header>
<div class="wrap__header">
<div class="logo"><a href="#">site name</a></div>
<nav class="menu">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">service</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">contact</a></li>
</ul>
</nav>
</div>
<div class="slider">
<div class="owl-carousel">
<div class="item slide1"><img src="img/slider__pic1170px.png" alt="pictures"></div>
<div class="item slide2"><img src="img/slider__pic1170px.png" alt="pictures"></div>
<div class="item slide3"><img src="img/slider__pic1170px.png" alt="pictures"></div>
<div class="item slide4"><img src="img/slider__pic1170px.png" alt="pictures"></div>
<div class="item slide5"><img src="img/slider__pic1170px.png" alt="pictures"></div>
<div class="item slide6"><img src="img/slider__pic1170px.png" alt="pictures"></div>
<div class="item slide7"><img src="img/slider__pic1170px.png" alt="pictures"></div>
</div>
<div class="wrap">
<div class="customNavigation"><a class="btn prev"><i class="icons icon-prev"></i></a><a class="btn next"><i class="icons icon-next"></i></a></div>
</div>
</div>
</header>
<main class="wrap__main">
<div class="wrap">
<section class="underheader">
<div class="underheader__rocket">
<h2 class="underheader__rocket_title">aliquam tincidunt</h2>
<p class="underheader__rocket_description">
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci.
Aenean dignissim pellentesq
</p><a href="#" class="underheader__rocket_link">=> more</a>
</div>
<div class="underheader__shield">
<h2 class="underheader__shield_title">aliquam tincidunt</h2>
<p class="underheader__shield_description">
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci.
Aenean dignissim pellentesq
</p><a href="#" class="underheader__shield_link">=> more</a>
</div>
<div class="underheader__firehelper">
<h2 class="underheader__firehelper_title">aliquam tincidunt</h2>
<p class="underheader__firehelper_description">
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci.
Aenean dignissim pellentesq
</p><a href="#" class="underheader__firehelper_link">=> more</a>
</div>
</section>
<section class="mid">
<div class="mid__picture"></div>
<div class="mid__articles">
<h2 class="mid__aticles_title">
Donec nec justo eget felis facilisis fermentum. Aliquam porttitor
sit amet orci. Aenean dignissim pellentesque felis
</h2>
<h3 class="mid__articles_subtitle">Civamus vestibulum nulla nec ante</h3>
<div class="articles__subarticle1">
<h4>Sed egestas anteet</h4>
<p>
Eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero,
faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum
hendrerit tortor. Ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien
ornare nisl.
</p><a href="#">more</a>
</div>
<div class="articles__subarticle2">
<h4>Sed egestas anteetb</h4>
<p>
Eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero,
faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum
hendrerit tortor. Ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien
ornare nisl.
</p><a href="#">more</a>
</div>
</div>
</section>
<section class="subscribe">
<div class="quote">
<h2>Festus, clemens boreass</h2>
<p>Historias cadunt in primus antverpia! Caculas tolerare in brema! Hercle, spatii primus!.</p>
</div>
<div class="form">
<h2>Nunquam perdere adelphis.</h2>
<input type="email" placeholder="enter your email id here..."><a href="#">subscribe</a>
</div>
</section>
<section class="prefooter">
<div class="topics">
<div class="item1">
<h2>Planets reproduce with vision!</h2>
<p>Mash up each side of the pumpkin seeds with one container of blood oranges.</p><a href="#">more=></a>
</div>
<div class="item2">
<h2>Death, love, and faith.</h2>
<p>Cum deus favere, omnes habitioes imitari alter, placidus fluctuies.</p><a href="#">more=></a>
</div>
<div class="item3">
<h2>Aye, arg.</h2>
<p>Cum deus favere, omnes habitioes imitari alter, placidus fluctuies.</p><a href="#">more=></a>
</div>
</div>
<div class="feedback">
<h2>demissios credere!</h2>
<form>
<p>Ecce. Volare hic ducunt ad raptus gallus. Onus de superbus navis, promissio consilium!</p>
<input type="text" placeholder="name...">
<input type="email" placeholder="email...">
<input type="textarea" placeholder="your query..."><a href="#">send</a>
</form>
</div>
<div class="contacts">
<h2>fraticinidas peregrinatione!
<div class="subitem4">
<h3>historias velum!</h3>
<p>Mash up each side of the pumpkin seeds with one container of blood oranges.</p>
</div>
<div class="subitem5">
<h3>monss resistere!</h3>
<p>Cum deus favere, omnes habitioes imitari alter, placidus fluctuies.</p>
</div>
<div class="subitem6">
<h3>hilotaes tolerare!</h3>
<p>Cum deus favere, omnes habitioes imitari alter, placidus fluctuies.</p>
</div>
</h2>
</div>
</section>
</div>
</main>
<footer>
<div class="wrap footer">
<div class="footermenu">
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
<div><a href="#"></a>
<p>Sunt musaes perdere pius, salvus terrores.</p>
</div>
<div class="social"><i></i><i></i><i></i></div>
</div>
</footer>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/plugins/owl.carousel.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>