-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
190 lines (186 loc) · 8.98 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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<html a="22" b="223">
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
<title>ITSTANDART</title>
<meta name="description" content="This is ITSTANDART website"/>
<meta name="keywords" content="it,standart,itstandart">
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/main.css"/>
</head>
<body>
<nav id="sidebar">
<div class="sb_rec">
<a href="#" class="sblink">О сервисе</a>
</div>
<div class="sb_rec">
<a href="#" class="sblink">Как мы работаем</a>
</div>
<div class="sb_rec">
<a href="#" class="sblink">Преимущества</a>
</div>
<div class="sb_rec">
<a href="#" class="sblink">Наши работы</a>
</div>
<div class="sb_rec">
<a href="#" class="sblink">Как заказать наши услуги</a>
</div>
<div class="sb_rec">
<a href="#" class="sblink">Как развить свою идею</a>
</div>
<div class="sb_rec">
<a href="#" class="sblink">Тестирование</a>
</div>
<div class="sb_rec">
<a href="#" class="sblink">Поддержка и доработка</a>
</div>
</nav>
<div id="header">
<div class="header_content main">
<img src="img/logo.jpg" class="logo">
<div class="left_button">
<img src="img/head_info.jpg">
<p>Как заказать
<br>наши услуги</p>
</div>
<div class="right_button">
<img src="img/header_writeUs.png">
<p>Напишите нам</p>
</div>
</div>
</div>
<div id="content">
<div id="web_app">
<div class="main ">
<h2>Web приложение</h2>
<p class="sub_h">Выведите свой бизнес на новый уровень</p>
<div class="webapp_level">
<div class="levels">
<div class="round"><img src="img/brush.png" class="round_img"></div>
<div>
<p class="design">Оригинальный
<br>дизайн</p>
</div>
</div>
<div class="levels">
<div class="round"><img src="img/optimization.png" class="round_img mt45"></div>
<div>
<p class="optimize">Грамотная
<br>оптимизация</p>
</div>
</div>
<div class="levels">
<div class="round no_right_margin"><img src="img/world.png" class="round_img mt38"></div>
<div>
<p class="world">О вас может узнать
<br>весь мир</p>
</div>
</div>
</div>
</div>
</div>
<div id="reality">
<div class="main ">
<h2>Мы воплотим в реальность ваши идеи</h2>
<div class="lText">
<p>Наша компания специализируется на разработке Web приложения. Мы можем сделать сами или помочь Вам сделать техническое задание, где будут учтены все ваши требования.</p>
</div>
<div class="rText">
<p>Наша компания специализируется на разработке Web приложений. Все работы выполняются качественно и в срок, в соответствии с Вашим техническим заданием. Нет ТЗ?! Не проблема, наш специалист поможет Вам его составить! (Наши специалисты разработают его для Вас с учетом всех требований и пожеланий к проекту)</p>
</div>
</div>
</div>
<div id="works">
<div class="main ">
<h2>Наши работы</h2>
</div>
</div>
<div id="how_we_work">
<div class="main">
<h2>Как мы работаем</h2>
<div>
<img class="how_iw_img fst_step" src="img/how_iw1.png">
<div class="fst_hint">
<p class="steps_text_header">Выберите идею</p>
<p class="steps_text">Придумайте идею
<br>для вашего бизнеса.</p>
</div>
<img class="how_iw_img hoiwmg" src="img/how_iw2.png">
<div class="scnd_hint">
<p class="steps_text_header">Составление
<br>технического задания</p>
<p class="steps_text">Под вашу идею разрабатываем
<br>техническое задание</p>
</div>
</div>
<div class="hiw_font">
<div class="scnd_step">
<img class="how_iw_img floatleft" src="img/how_iw3.png">
<div class="thrd_hint">
<p class="steps_text_header">Разработка дизайна</p>
<p class="steps_text">Далее мы занимаемся разработкой
<br>программного обеспечения.</p>
</div>
<img class="how_iw_img frth_step" src="img/how_iw4.png">
<div class="frth_hint">
<p class="steps_text_header">Разработка программного
<br>обеспечения</p>
<p class="steps_text">Под вашу идею разрабатываем
<br>техническое задание.</p>
</div>
</div>
<div class="ffth_step">
<img class="how_iw_img floatleft ml73" src="img/how_iw5.png">
<div class="ffth_hint">
<p class="steps_text_header">Тестирование</p>
<p class="steps_text">Наш отдел тестирования гарантирует
<br>качество приложения.</p>
</div>
</div>
<div class="lst_step">
<img class="how_iw_img floatleft" src="img/how_iw6.png">
<div class="lst_hint">
<p class="steps_text_header">В результате</p>
<p class="steps_text">Вы получаете качественное,
<br>креативное Web приложение</p>
</div>
</div>
</div>
</div>
</div>
<div id="advantages">
<div class="main">
<h2>Преимущества</h2>
<div class="ml6">
<div class="adv_ul">
<div class="adv_round">
<span class="adv_li">1</span>
</div>
<p class="adv_txt">Слаженная команда профессионалов</p>
</div>
<div>
<div class="adv_round">
<span class="adv_li">1</span>
</div>
<p class="adv_txt">Уникальный и креативный дизайн</p>
</div>
<div>
<div class="adv_round">
<span class="adv_li">1</span>
</div>
<p class="adv_txt">Лучшие технологии Web разработки</p>
</div>
</div>
</div>
</div>
<div id="order"></div>
<div id="idea"></div>
<div id="testing"></div>
<div id="support"></div>
</div>
<div id="footer"></div>
</body>
<custom-selector id="qwerty">
<newCustom></newCustom>
<br>
</custom-selector>
</html>