-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
168 lines (136 loc) · 8.01 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Сайт для бізнесу</title>
<link rel="stylesheet" type="text/css" href="CSS/Normalize.css">
<link rel="stylesheet" type="text/css" href="CSS/style_main.css">
</head>
<body>
<div id="mainWrapper">
<div id="wrap">
<div id="header">
<div id="nameGroup">
<h1> Веб-студія</h1>
<h4>Яка створена для тебе</h4>
</div>
<div id="menu">
<ul>
<li><a href="#">Головна</a></li>
<li><a href="Content/about.html">Про Нас</a></li>
<li><a href="Content/services.html">Послуги</a></li>
<li><a href="Content/portfolio.html">Портфоліо</a></li>
<li><a href="Content/contact.html">Контакти</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="MainContentText">
<h2>У нас є те, щоб піднести, ваш сайт на нову вершину успіху</h2>
<!--<a href="#" title="Натисніть тут щоб почати !">Натисніть тут</a>-->
<button id="MainContentButton">Натисніть тут щоб почати !</button>
<img src="images/secondImage.jpg" id="secondImage">
<img src="images/backround_header.jpg" id="mainImages">
</div>
<div id="secondMenu">
<div id="blockNews">
<div id="blockNews1">
<img src="images/Purse.png">
<p><strong>Заощаджуйте з нами,</strong> з нами завжди вигідно! Акції та супер пропозиції.</p>
</div>
<div id="blockNews2">
<img src="images/clock.png">
<p><strong>Завжди вчасно,</strong> ми надаємо гарантію що ваш проект буде готовий вчасно.</p>
</div>
<div id="blockNews3">
<img src="images/phone.png">
<p><strong>Зв'яжіться з нами,</strong> напишіть нам у будь-яку годину доби. Або зв’яжіться з нашим консультантом.</p>
</div>
</div>
</div>
<div class="clear"></div>
<div id="logoBlockNews">
<div id="blockContent1">
<h3>Хто ми ?</h3>
<img src="images/secondImage.jpg" class="imagesLogoBlockNews">
<div class="collectionsText">
<p>Портфоліо сайтів є одним з найголовніших критеріїв, на який звертають увагу потенційні замовники, під час вибору виконавця.
За своєю суттю портфоліо веб-студії вважається візитною карткою компанії, і в більшості випадків саме портфоліо грає
вирішальну роль в тому,
чи вибере клієнт компанію або ж продовжить пошуки.</p>
<p>Портфоліо сайтів є одним з найголовніших критеріїв, на який звертають увагу потенційні замовники, під час вибору виконавця.
За своєю суттю портфоліо веб-студії вважається візитною карткою компанії.</p>
</div>
<button class="continueReadContent" onclick="showText(this)">Читати далі...</button>
</div>
<div id="blockContent2">
<h3>Що ми робимо ?</h3>
<img src="images/secondImage.jpg" class="imagesLogoBlockNews">
<p>Портфоліо сайтів є одним з найголовніших критеріїв, на який звертають увагу потенційні замовники, під час вибору виконавця.
За своєю суттю портфоліо веб-студії вважається візитною карткою компанії.</p>
<details class="details">
<summary><a href="#">Веб-дизайн сайту</a></summary>
</details>
<details class="details">
<summary><a href="#">Дизайн блогу</a></summary>
</details>
<details class="details">
<summary><a href="#">Верстка сайту</a></summary>
</details>
</div>
<div id="blockContent3">
<h3>Чому саме ми ?</h3>
<img src="images/secondImage.jpg" class="imagesLogoBlockNews">
<div class="collectionsText">
<p>Портфоліо сайтів є одним з найголовніших критеріїв, на який звертають увагу потенційні замовники, під час вибору виконавця.
За своєю суттю портфоліо веб-студії вважається візитною карткою компанії, і в більшості випадків саме портфоліо грає вирішальну роль в тому,
чи вибере клієнт компанію або ж продовжить пошуки.</p>
<p>Портфоліо сайтів є одним з найголовніших критеріїв, на який звертають увагу потенційні замовники, під час вибору виконавця.
За своєю суттю портфоліо веб-студії вважається візитною карткою компанії.</p>
</div>
<button class="continueReadContent" onclick="showText(this)">Читати далі...</button>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<div class="clear"></div>
<div id="block1" class="blocks_elements_footer">
<h3>Перегляд сайту</h3>
<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>
<li><a href="#">Відгуки клієнтів</a></li>
</ul>
</div>
<div id="block2" class="blocks_elements_footer">
<h3>Відгуки про нас</h3>
<h4>User1</h4>
<p>Портфоліо сайтів є одним з найголовніших критеріїв, на який звертають увагу потенційні замовники, під час вибору виконавця.</p>
<h4>User1</h4>
<p>За своєю суттю портфоліо веб-студії вважається візитною карткою компанії.</p>
<button class="continueRead">Читати далі...</button>
</div>
<div id="block3" class="blocks_elements_footer">
<h3>З нашого блогу</h3>
<p><a href="#">Портфоліо</a> сайтів є одним з найголовніших критеріїв, на який звертають увагу потенційні замовники, під час вибору виконавця. За своєю суттю портфоліо <a href="#">веб-студії</a> вважається візитною карткою компанії, і в більшості випадків саме портфоліо грає вирішальну роль в тому, чи вибере клієнт компанію або ж продовжить пошуки.</p>
<button class="continueRead">Читати далі...</button>
</div>
<div class="clear"></div>
<div id="information">
<p>Copyright © 2017. Усі права захищено.</p>
</div>
<div id="socialNetworks">
<div class="share42init">
<script type="text/javascript" src="socialNetworks/share42/share42.js"></script>
</div>
</div>
</div>
</div>
<script src="script/main.js"></script>
</body>
</html>