РУС

ENG

hello@verstaburo.com

ХОЧУ СОТРУДНИЧАТЬ

БЮРО ВЕРСТКИ ВЕБ-САЙТОВ

Доверьте верстку сайтов ваших клиентов
надежной команде. Мы верстаем сайты
с 99% точностью соответствия
макету в сроки от 1 дня.

НАМ ДОВЕРЯЮТ

@@

Адаптивный лендинг для промоакции «КредитЕвропаБанка»

3 дня

@@

Адаптивная страница списка спикеров бизнес-форума «Атланты»

2 дня

@@

Адаптивный лендинг производителя жалюзи «ЛЕВ»

3 дня

@@

Адаптивная главная страница интернет-магазина часов «Золотое Время»

3 дня

@@

Адаптивный лендинг интегратора системы бизнес-аналитики «myBI»

3 дня

@@

Адаптивный лендинг сервиса «ВерниДолг»

2 дня

@@

Адаптивный лендинг спецпроекта форума «Атланты» с Алексеем Кудриным

2 дня

@@

Адаптивный лендинг видеостудии «SL Media»

2 дня

@@

Сайт крупнейшего производителя торгового оборудования в России «Абботт»

3 дня

@@

Адаптивный лендинг конкурса от JOY BY JOY

3 дня

@@

Адаптивный лендинг сервиса для SEO-продвижения «GetGoodQuote»

3 дня

@@

Сайт для промоакции «Asus» в мегасжатые сроки

2 дня

@@

Адаптивный лендинг ЖК «Архангельская Ривьера»

4 дня

@@

Адаптивный лендинг компании «SMS-ассистент»

3 дня

@@

Сайт сервиса проверки надежности продавцов eBay

2 дня

Наша главная и единственная услуга —
верстка сайтов. Уже более 8 лет мы
оттачиваем свое мастерство превращать
макеты Photoshop/Sketch в аккуратный и
структурированный код HTML+CSS+jQuery

Чистый и понятный код

Минимум тегов, только нужные классы и т.д. В нашем коде при необходимости
легко разберется любая команда — ваша или вашего заказчика

  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
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
<header>
    <div class="container cols">
        <div>
            <img src="img/logo.svg" class="logo">
            <div class="language">
                <p>РУС</p>
                <div class="circle"><span></span></div>
                <p>ENG</p>
            </div>
        </div>
        <div>
            <p class="spacing"><a href="mailto:hello@verstaburo.ru" target="_blank">hello@verstaburo.ru</a></p>
            <a data-form="partner" class="button empty arrow openform">ХОЧУ СОТРУДНИЧАТЬ<img src="img/buttonarrow.svg"></a>
        </div>
    </div>
</header>

<section class="offer">
    <div class="container">
        <p class="spacing">БЮРО ВЕРСТКИ ВЕБ-САЙТОВ</p>

        <div class="biglogo">
            <img src="img/verstabig.svg" alt="@@">
            <div class="backgrounds">
                <img src="img/topbg.jpg" alt="@@">
            </div>
        </div>

        <h1>Доверьте верстку сайтов ваших клиентов<br/> надежной команде. Мы верстаем <span class="typed"></span><br/> с 99% точностью соответствия<br/> макету в сроки от 1 дня.</h1>

        <p class="spacing">НАМ ДОВЕРЯЮТ</p>
        <div class="logos">
            <a href="http://www.asus.com/" target="_blank"><img src="img/logo1.png"></a>
            <a href="https://www.crediteurope.ru/" target="_blank"><img src="img/logo3.png"></a>
            <a href="http://golden-time.ru/" target="_blank"><img src="img/logo4.png"></a>
            <a href="http://event.ru/" target="_blank"><img src="img/logo2.png"></a>
        </div>
    </div>
</section>

<!-- ///////////////////////////////////// !-->

<section class="cases">
    <div class="container cols">
        <div>
            <a class="case" href="works/keb/">
                <img src="img/cases/case1.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Адаптивный лендинг для промоакции «КредитЕвропаБанка»</p>
                    <p class="spacing">3 дня</p>
                </div>
            </a>
            <a class="case" href="works/atlantes/speakerlist.php">
                <img src="img/cases/case6-1.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Адаптивная страница списка спикеров бизнес-форума «Атланты»</p>
                    <p class="spacing">2 дня</p>
                </div>
            </a>
            <a class="case" href="works/lionblinds/">
                <img src="img/cases/lionblinds.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Адаптивный лендинг производителя жалюзи «ЛЕВ»</p>
                    <p class="spacing">3 дня</p>
                </div>
            </a>
            <a class="case" href="works/goldentime/">
                <img src="img/cases/case9.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Адаптивная главная страница интернет-магазина часов «Золотое Время»</p>
                    <p class="spacing">3 дня</p>
                </div>
            </a>
        </div>
        <div>
            <a class="case" href="works/mybi/">
                <img src="img/cases/case2.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Адаптивный лендинг интегратора системы бизнес-аналитики «myBI»</p>
                    <p class="spacing">3 дня</p>
                </div>
            </a>
            <a class="case" href="works/ggq/">
                <img src="img/cases/case5.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Адаптивный лендинг сервиса для SEO-продвижения «GetGoodQuote»</p>
                    <p class="spacing">3 дня</p>
                </div>
            </a>
            <a class="case" href="works/russia2035/">
                <img src="img/cases/case6-2.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Адаптивный лендинг спецпроекта форума «Атланты» с Алексеем Кудриным</p>
                    <p class="spacing">2 дня</p>
                </div>
            </a>
            <a class="case" href="works/slmedia/">
                <img src="img/cases/slmedia.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Адаптивный лендинг видеостудии «SL Media»</p>
                    <p class="spacing">2 дня</p>
                </div>
            </a>
            <a class="case" href="works/abbott/">
                <img src="img/cases/case10.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Сайт крупнейшего производителя торгового оборудования в России «Абботт»</p>
                    <p class="spacing">3 дня</p>
                </div>
            </a>
        </div>
        <div>
            <a class="case" href="works/glebov/">
                <img src="img/cases/case3.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Адаптивный сайт одного ведущего Ильи Глебова</p>
                    <p class="spacing">3 дня</p>
                </div>
            </a>
            <a class="case" href="works/dolg/">
                <img src="img/cases/case4.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Адаптивный лендинг сервиса «ВерниДолг»</p>
                    <p class="spacing">2 дня</p>
                </div>
            </a>
            <a class="case" href="works/joybyjoy/">
                <img src="img/cases/jbj.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Адаптивный лендинг конкурса #ОСТОРОЖНОБЛОГЕРЫ</p>
                    <p class="spacing">3 дня</p>
                </div>
            </a>
            <a class="case" href="works/asus/">
                <img src="img/cases/case7.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Сайт для промоакции «Asus» в мегасжатые сроки</p>
                    <p class="spacing">1 сутки</p>
                </div>
            </a>
            <a class="case" href="works/rivera/">
                <img src="img/cases/rivera.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Адаптивный лендинг ЖК «Архангельская Ривьера»</p>
                    <p class="spacing">4 дня</p>
                </div>
            </a>
            <a class="case" href="works/sms-assistent/">
                <img src="img/cases/smsassistent.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Адаптивный лендинг компании «SMS-ассистент»</p>
                    <p class="spacing">3 дня</p>
                </div>
            </a>
            <a class="case" href="works/ebay/">
                <img src="img/cases/ebay.jpg"/>
                <div class="overlay"><img src="img/link.svg" alt=""></div>
                <div class="content">
                    <p class="header">Сайт сервиса проверки надежности продавцов eBay</p>
                    <p class="spacing">2 дня</p>
                </div>
            </a>
            
        </div>
    </div>
</section>

<!-- ///////////////////////////////////// !-->

<section class="maingood" data-color="d2cbbb">
    <div class="container">
        <h1>Наша главная и единственная услуга —<br/> верстка сайтов. Уже более 8 лет мы<br/> оттачиваем свое мастерство превращать<br/> макеты Photoshop/Sketch в аккуратный и<br/> структурированный код HTML+CSS+jQuery</h1>
        <div class="imgcontainer">
            <img src="img/pstohtml.svg">
            <div class="bg1"></div>
            <div class="bg2"></div>
            <div class="bg3"></div>
        </div>
    </div>
</section>  

<!-- ///////////////////////////////////// !-->

<section class="clearcode">
    <div class="container">
        <h2>Чистый и понятный код</h2>
        <p class="big">Минимум тегов, только нужные классы и т.д. В нашем коде при необходимости<br/> легко разберется любая команда — ваша или вашего заказчика</p>
        <div class="codescroll">
        </div>
    </div>
</section>  

<!-- ///////////////////////////////////// !-->

<section class="pluses">
    <div class="container cols">
        <div class="four-col">
            <div class="imgcont"><img src="img/icon1.svg" alt=""></div>
            <h3>Адаптивная<br> верстка</h3>
            <p>Верстаем сайты с идеальным отображением на любом экране и устройстве</p>
        </div>
        <div class="four-col">
            <div class="imgcont"><img src="img/icon2.svg" alt=""></div>
            <h3>SEO-оптимизация<br> кода</h3>
            <p>Кривой код понижает позиции сайта в поисковой выдаче. Мы такого не допустим</p>
        </div>
        <div class="four-col">
            <div class="imgcont"><img src="img/icon3.svg" alt=""></div>
            <h3>Оптимизация скорости загрузки сайта</h3>
            <p>Оптимизируем вес изображений, число строчек кода и число запросов. Подключаем кеш и сжатие данных</p>
        </div>
        <div class="four-col">
            <div class="imgcont"><img src="img/icon4.svg" alt=""></div>
            <h3>Анимация элементов, параллакс, галереи и др.</h3>
            <p>Реализуем любые дизайнерские идеи с помощью JavaScript</p>
        </div>
        <div class="four-col">
            <div class="imgcont"><img src="img/icon5.svg" alt=""></div>
            <h3>Формы<br> обратной связи</h3>
            <p>Подключаем отправку форм без перезагрузки страницы с помощью Ajax, PHP и JavaScript</p>
        </div>
        <div class="four-col">
            <div class="imgcont">
                <a href="#" class="hardbutton"><span></span><span></span>CSS-КНОПКА</a>
            </div>
            <h3>Минимум<br> изображений</h3>
            <p>Все, что может быть сверстано кодом (кнопки, блоки нестандартной формы), будет сверстано кодом</p>
        </div>
    </div>
</section>  


<!-- ///////////////////////////////////// !-->

<section class="partners">
    <div class="container">
        <p class="spacing">Успешные агентства доверяют нам</p>
        <div class="logos">
            <a href="http://artilleria.ru/?utm_source=verstaburo.com" target="_blank"><img src="img/partner1.svg" alt=""></a>
            <a href="http://broccolidev.ru/?utm_source=verstaburo.com" target="_blank"><img src="img/partner2.svg" alt=""></a>
            <a href="http://www.resultative.ru/?utm_source=verstaburo.com" target="_blank"><img src="img/partner3.svg" alt=""></a>
            <a href="http://bureau.agency/?utm_source=verstaburo.com" target="_blank"><img src="img/partner4.svg" alt=""></a>
        </div>
    </div>
</section>

<!-- ///////////////////////////////////// !-->

<section class="finish">
    <div class="container">
        <h1>Есть проект? Получите оценку<br/> стоимости и сроков в течение часа</h1>
        <a data-form="ocenka" class="button empty arrow gold openform">Отправить проект на оценку<img src="img/buttonarrow.svg"></a>
        <div class="imgcontainer">
            <img src="img/mousehand.png" class="hand" alt="">
            <div class="bg1"></div>
            <div class="bg2"></div>
            <div class="bg3"></div>
        </div>
    </div>
</section>  

<!-- ///////////////////////////////////// !-->

<footer>
    <div class="container cols">
        <div>
            <p>© VERSTA, бюро верстки, 2016<br>ИП Горохов Г. В., ОГРНИП 314632005700037</p>
            <!--<p class="spacing"><a href="#">Политика конфиденциальности</a></p>!-->
        </div>
        <div>
            <img src="img/phone.svg"/>
            <p class="phone">8 (812) 426-32-50</p>
            <p class="spacing"><a href="mailto:hello@verstaburo.ru">hello@verstaburo.ru</a></p>
        </div>
    </div>
</footer>

Адаптивная
верстка

Верстаем сайты с идеальным отображением на любом экране и устройстве

SEO-оптимизация
кода

Кривой код понижает позиции сайта в поисковой выдаче. Мы такого не допустим

Оптимизация скорости загрузки сайта

Оптимизируем вес изображений, число строчек кода и число запросов. Подключаем кеш и сжатие данных

Анимация элементов, параллакс, галереи и др.

Реализуем любые дизайнерские идеи с помощью JavaScript

Формы
обратной связи

Подключаем отправку форм без перезагрузки страницы с помощью Ajax, PHP и JavaScript

Минимум
изображений

Все, что может быть сверстано кодом (кнопки, блоки нестандартной формы), будет сверстано кодом

Успешные агентства доверяют нам

Есть проект? Получите оценку
стоимости и сроков в течение часа

Отправить проект на оценку