-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
164 lines (142 loc) · 8.03 KB
/
index.html
File metadata and controls
164 lines (142 loc) · 8.03 KB
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
<!DOCTYPE HTML>
<!--
This site made by yarossia u can contact with me by e-mail: gtibmx11@gmail.com
-->
<html>
<head>
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<title>Будівнцво</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,700,500,900' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
</head>
<body class="homepage">
<div id="header">
<div id="nav-wrapper">
<nav id="nav">
<ul>
<li><a href="#main">Головна</a></li>
<li><a href="#rowee">Переваги</a></li>
<li><a href="#footer">Контакти</a></li>
<script src="js/scroll.js"></script>
</ul>
</nav>
</div>
<div class="container">
<div id="logo">
<h1><a href="#"><!--sss--></a></h1>
<span class="tag"><!--yarossia--></span>
</div>
</div>
</div>
<div id="featured">
<div class="container">
<header>
<h2>Заголовок, мабуть, назва компанії</h2>
</header>
<p><strong>"Назва фірми"</strong> - фірма, яка займається тим-то, тим-то, а також коротка істроія<br>Lorem ipsum dolor sit amet, per te fuisset probatus. Eu eam detraxit inimicus cotidieque, vis possit accusamus an. Sanctus complectitur est ei. Ad pro ridens aliquam erroribus. Debet democritum incorrupte his et. Ei mei tritani nominati instructior.
Admodum rationibus elaboraret id vim, simul quaerendum ius et. Stet scripta ad eam, et fierent verterem molestiae quo, id cum omittam menandri. Usu tibique rationibus voluptatibus eu, inciderint repudiandae id sit. Id sed falli altera voluptua, ad per soleat offendit. His an copiosae vivendum, mucius vidisse feugiat sea no.
Ea sea reque causae. Ius perfecto gubergren vulputate ne, epicurei placerat adipisci vel cu. Quem quidam viderer ea qui. Eu sonet conclusionemque his, et illum audiam deseruisse his, cu delectus intellegat usu. Vis ad eros instructior voluptatibus, ius tibique propriae signiferumque an, ad indoctum sadipscing eum.
An sed accusam nominavi, vix aeque meliore suscipiantur ut. Mei ne probo affert, dicunt accommodare ullamcorper id vix, pri semper eirmod ei. Vel quem choro denique cu, audiam discere omittam in nec. Ut nam explicari constituto temporibus, per debet detracto ut. Mea minimum eligendi concludaturque te, te veniam utinam partiendo eos. Quo an assum albucius molestie, sea consul populo voluptaria ei.
Cu vel labores oporteat praesent, nibh harum duo et. Ad prima audiam eruditi est. Eu mei purto phaedrum. Pro propriae electram eu, an tantas omnesque sit. Velit nusquam salutandi quo ut.</p>
<hr />
<div class="row" id="rowee">
<section class="4u">
<span class="pennant"><span class="fa fa-briefcase"></span></span>
<h3>Індивідуальний підхід</h3>
<p>Ми знайдемо підхід до кожного замовника, надамо консультацію, як краще зробити - щось типу цього</p>
<a href="#" class="button button-style1">Читати більше</a>
</section>
<section class="4u">
<span class="pennant"><span class="fa fa-lock"></span></span>
<h3>Гарантія якості</h3>
<p>Оскільки ми займаємося серйозною справою, ми надаємо гарантію на виконані роботи</p>
<a href="#" class="button button-style1">Читати більше</a>
</section>
<section class="4u">
<span class="pennant"><span class="fa fa-globe"></span></span>
<h3>Наші роботи</h3>
<p>Фото будинків, які ми будували<br>.<br>.</p>
<a href="#" class="button button-style1">Читати більше</a>
</section>
</div>
</div>
</div>
<div id="main">
<div id="content" class="container">
<div class="row">
<section class="6u">
<a href="#" class="image full"><img src="images/pic01.jpg" alt=""></a>
<header>
<h2>Розробка та проектування</h2>
</header>
<p>Lorem ipsum dolor sit amet, usu fabellas indoctum an, audire splendide omittantur cu vix, vim ei moderatius voluptatibus. Qui wisi blandit deterruisset ex. An modo habeo inimicus sit, nam etiam imperdiet efficiantur in. Debet honestatis ne vis, odio graeco verterem vix ne, liber deserunt vis et. Has ei magna aperiam explicari, at erroribus disputando pro, cu viderer equidem mea.
</p>
</section>
<section class="6u">
<a href="#" class="image full"><img src="images/pic02.jpg" alt=""></a>
<header>
<h2>Будівництво котеджів під ключ</h2>
</header>
<p>Lorem ipsum dolor sit amet, usu fabellas indoctum an, audire splendide omittantur cu vix, vim ei moderatius voluptatibus. Qui wisi blandit deterruisset ex. An modo habeo inimicus sit, nam etiam imperdiet efficiantur in. Debet honestatis ne vis, odio graeco verterem vix ne, liber deserunt vis et. Has ei magna aperiam explicari, at erroribus disputando pro, cu viderer equidem mea.
</p>
</section>
</div>
<div class="row">
<section class="6u">
<a href="#" class="image full"><img src="images/pic03.jpg" alt=""></a>
<header>
<h2>Ремонт та оздоблювальні роботи в новобудові(квартитрі) </h2>
</header>
<p>Lorem ipsum dolor sit amet, usu fabellas indoctum an, audire splendide omittantur cu vix, vim ei moderatius voluptatibus. Qui wisi blandit deterruisset ex. An modo habeo inimicus sit, nam etiam imperdiet efficiantur in. Debet honestatis ne vis, odio graeco verterem vix ne, liber deserunt vis et. Has ei magna aperiam explicari, at erroribus disputando pro, cu viderer equidem mea.
</p>
</section>
<section class="6u">
<a href="#" class="image full"><img src="images/pic04.jpg" alt=""></a>
<header>
<h2>Ландшафтний дизайн та його втілення</h2>
</header>
<p><br>Lorem ipsum dolor sit amet, usu fabellas indoctum an, audire splendide omittantur cu vix, vim ei moderatius voluptatibus. Qui wisi blandit deterruisset ex. An modo habeo inimicus sit, nam etiam imperdiet efficiantur in. Debet honestatis ne vis, odio graeco verterem vix ne, liber deserunt vis et. Has ei magna aperiam explicari, at erroribus disputando pro, cu viderer equidem mea.
</p>
</section>
</div>
</div>
</div>
<div id="tweet">
<div class="container">
<section>
<blockquote>“veni vidi vici ”</blockquote>
</section>
</div>
</div>
<div id="footer">
<div class="container">
<section>
<header>
<h2>Контакти</h2>
<span class="byline">mob: +380972995835</span>
<span class="email">e-mail: ymoto@ukr.net</span>
</header>
</section>
</div>
</div>
<div id="copyright">
<div class="container">
<header>
<span class="Yarossia">Some Design & Full Development: <a href="http://ua.linkedin.com/in/yarossia"> Yarossia</a> Images: <a href="http://unsplash.com">Unsplash</a></span>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="http://arrow.scrolltotop.com/arrow89.js"></script>
</header>
</div>
</div>
</body>
</html>