PageSourceSearch

https://sibserver.org/

html sibserver.org collected 2026-10-08 13:07:38 UTC 112,009 bytes, 1,659 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru" dir="ltr">
3  <head>
4   <meta content="СибирьСервер" name="keywords">    <meta charset="utf-8" />
5    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><![endif]-->
6    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
7    <!-- Css -->
8    <link rel="stylesheet" href="/skins/sibserver/css/style.css?1791464857" />
9	<link rel="stylesheet" href="/skins/sibserver/css/breadcrumb.css" />
10    <!-- Dark Mode JS -->
11    
11<script src="/skins/sibserver/js/darkMode.bundle.js"></script>
11
12    <!-- Favicons -->
13    <link rel="shortcut icon" href="/skins/sibserver/img/favicon.ico" />
14    <link rel="apple-touch-icon" href="/skins/sibserver/img/apple-touch-icon.png" />
15    <link rel="apple-touch-icon" sizes="72x72" href="/skins/sibserver/img/apple-touch-icon-72x72.png" />
16    <link rel="apple-touch-icon" sizes="114x114" href="/skins/sibserver/img/apple-touch-icon-114x114.png" />
17	
17<script>(function () { var widget = document.createElement('script'); widget.dataset.pfId = '505f0b06-43bb-4cca-b205-2f7b01e6e39d'; widget.src = 'https://widget.yourgood.app/script/widget.js?id=505f0b06-43bb-4cca-b205-2f7b01e6e39d&now='+Date.now(); document.head.appendChild(widget); })()</script>
17<title>Создание сайтов в Новосибирске — Разработка сайта в веб-студии | СибирьСервер</title><meta content="✅ Закажите сайт под ключ в Новосибирске. • Продающий сайт за 5-7 дней «под ключ». • Удобная и понятная CMS. • Обслуживание год - 0 руб.. ✓ Вывод в ТОП-10. Звоните: ☎ (383) 214-70-71" name="description"><meta name="author" content="SIBSERVER"><meta name="generator" content="SIBSERVER">
18		<!-- Open Graph -->
19		<meta property="og:locale" content="ru_RU" />
20		<meta property="og:type" content="website">
21		<meta property="og:url" content="https://sibserver.org/">
22		<meta property="og:title" content="Создание сайтов в Новосибирске — Разработка сайта в веб-студии">
23		<meta property="og:description" content="Закажите сайт под ключ в Новосибирске. • Продающий сайт за 5-7 дней «под ключ». • Удобная и понятная CMS. • Обслуживание год - 0 руб.. ✓ Вывод в ТОП-10. Звоните: ☎ (383) 214-70-71">
24		<meta property="og:image" content="/preview.jpg">  </head>
25
26  <body class="overflow-x-hidden font-body text-jacarta-500 dark:bg-jacarta-900" itemscope itemtype="http://schema.org/WebPage">
27    <!-- Header -->
28		<header class="js-page-header fixed top-0 z-20 w-full backdrop-blur transition-colors">
29	<div class="flex items-center px-6 py-6 xl:px-24">
30        <!-- Logo -->
31        <a href="/" class="shrink-0">
32          <img src="/skins/sibserver/img/logo_b.png" class="max-h-7 dark:hidden" alt="СибирьСервер dark logo b| Разработка веб-сайтов" />
33          <img src="/skins/sibserver/img/logo_w.png" class="hidden max-h-7 dark:block" alt="СибирьСервер logo w | Разработка веб-сайтов" />
34        </a>
35
36        <!-- Search -->	
37        <form method="GET" action="/search" class="relative ml-12 mr-8 hidden basis-3/12 lg:block xl:ml-[8%]">
38          <input
39            type="text"
40			name="search1"
41            class="w-full rounded-2xl border border-jacarta-100 py-[0.6875rem] px-4 pl-10 text-jacarta-700 placeholder-jacarta-500 focus:ring-accent dark:border-transparent dark:bg-white/[.15] dark:text-white dark:placeholder-white"
42            placeholder="Поиск"
43			autocomplete="off"
44          />
45          <span class="absolute left-0 top-0 flex h-full w-12 items-center justify-center rounded-2xl">
46            <svg
47              xmlns="http://www.w3.org/2000/svg"
48              viewBox="0 0 24 24"
49              width="24"
50              height="24"
51              class="h-4 w-4 fill-jacarta-500 dark:fill-white"
52            >
53              <path fill="none" d="M0 0h24v24H0z" />
54              <path
55                d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"
56              />
57            </svg>
58          </span>
59        </form>
60
61        <!-- Menu / Actions -->
62        <div
63          class="js-mobile-menu invisible lg:visible fixed inset-0 z-10 ml-auto items-center bg-white opacity-0 dark:bg-jacarta-800 lg:relative lg:inset-auto lg:flex lg:bg-transparent lg:opacity-100 dark:lg:bg-transparent"
64        >
65          <!-- Mobile Logo / Menu Close -->
66          <div
67            class="t-0 fixed left-0 z-10 flex w-full items-center justify-between bg-white p-6 dark:bg-jacarta-800 lg:hidden"
68          >
69            <!-- Mobile Logo -->
70            <a href="/" class="shrink-0">
71              <img src="/skins/sibserver/img/logo_b.png" class="max-h-7 dark:hidden" alt="СибирьСервер dark logo b| Разработка веб-сайтов" />
72              <img src="/skins/sibserver/img/logo_w.png" class="hidden max-h-7 dark:block" alt="СибирьСервер logo w| Разработка веб-сайтов" />
73            </a>
74
75            <!-- Mobile Menu Close -->
76            <button
77              class="js-mobile-close group ml-2 flex h-10 w-10 items-center justify-center rounded-full border border-jacarta-100 bg-white transition-colors hover:border-transparent hover:bg-accent focus:border-transparent focus:bg-accent dark:border-transparent dark:bg-white/[.15] dark:hover:bg-accent"
78              aria-label="close mobile menu"
79            >
80              <svg
81                xmlns="http://www.w3.org/2000/svg"
82                viewBox="0 0 24 24"
83                width="24"
84                height="24"
85                class="h-4 w-4 fill-jacarta-700 transition-colors group-hover:fill-white group-focus:fill-white dark:fill-white"
86              >
87                <path fill="none" d="M0 0h24v24H0z" />
88                <path
89                  d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"
90                />
91              </svg>
92            </button>
93          </div>
94
95          <!-- Mobile Search -->
96          <form action="search" class="relative mt-24 mb-8 w-full lg:hidden">
97            <input
98              type="search"
99              class="w-full rounded-2xl border border-jacarta-100 py-3 px-4 pl-10 text-jacarta-700 placeholder-jacarta-500 focus:ring-accent dark:border-transparent dark:bg-white/[.15] dark:text-white dark:placeholder-white"
100              placeholder="Поиск"
101            />
102            <span class="absolute left-0 top-0 flex h-full w-12 items-center justify-center rounded-2xl">
103              <svg
104                xmlns="http://www.w3.org/2000/svg"
105                viewBox="0 0 24 24"
106                width="24"
107                height="24"
108                class="h-4 w-4 fill-jacarta-500 dark:fill-white"
109              >
110                <path fill="none" d="M0 0h24v24H0z" />
111                <path
112                  d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"
113                />
114              </svg>
115            </span>
116          </form>
117
118          <!-- Primary Nav -->
119          
120<nav class="navbar w-full"><ul class="flex flex-col lg:flex-row"><li class="js-nav-dropdown group relative"><a href="#" class="dropdown-toggle flex items-center justify-between py-3.5 font-display text-base text-jacarta-700 hover:text-accent focus:text-accent dark:text-white dark:hover:text-accent dark:focus:text-accent lg:px-5" aria-expanded="false" role="button" data-bs-toggle="dropdown">Разработка <i class="lg:hidden">
121                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" class="h-4 w-4 dark:fill-white"><path fill="none" d="M0 0h24v24H0z" /><path d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z" /></svg></i></a><ul class="dropdown-menu group-hover:visible lg:invisible -left-6 top-[85%] z-10 hidden grid-flow-row grid-cols-[repeat(2,_1fr)] gap-x-4 whitespace-nowrap rounded-xl bg-white transition-all will-change-transform group-hover:opacity-100 dark:bg-jacarta-800 lg:absolute lg:!grid lg:translate-y-4 lg:py-8 lg:px-5 lg:opacity-0 lg:shadow-2xl lg:group-hover:translate-y-2"><li><a href="/sozdanie-saytov" class="flex items-center rounded-xl px-5 py-2 transition-colors hover:bg-jacarta-50 hover:text-accent focus:text-accent dark:hover:bg-jacarta-600"><span class="font-display text-sm text-jacarta-700 dark:text-white">Создание сайтов</span></a></li><li><a href="/tehnicheskaya-podderzhka" class="flex items-center rounded-xl px-5 py-2 transition-colors hover:bg-jacarta-50 hover:text-accent focus:text-accent dark:hover:bg-jacarta-600"><span class="font-display text-sm text-jacarta-700 dark:text-white">Техническая поддержка</span></a></li></ul></li><li class="js-nav-dropdown group relative"><a href="#" class="dropdown-toggle flex items-center justify-between py-3.5 font-display text-base text-jacarta-700 hover:text-accent focus:text-accent dark:text-white dark:hover:text-accent dark:focus:text-accent lg:px-5" aria-expanded="false" role="button" data-bs-toggle="dropdown">Продвижение <i class="lg:hidden">
122                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" class="h-4 w-4 dark:fill-white"><path fill="none" d="M0 0h24v24H0z" /><path d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z" /></svg></i></a><ul class="dropdown-menu group-hover:visible lg:invisible -left-6 top-[85%] z-10 hidden grid-flow-row grid-cols-[repeat(2,_1fr)] gap-x-4 whitespace-nowrap rounded-xl bg-white transition-all will-change-transform group-hover:opacity-100 dark:bg-jacarta-800 lg:absolute lg:!grid lg:translate-y-4 lg:py-8 lg:px-5 lg:opacity-0 lg:shadow-2xl lg:group-hover:translate-y-2"><li><a href="/prodvizhenie-za-trafik" class="flex items-center rounded-xl px-5 py-2 transition-colors hover:bg-jacarta-50 hover:text-accent focus:text-accent dark:hover:bg-jacarta-600"><span class="font-display text-sm text-jacarta-700 dark:text-white">Продвижение за трафик</span></a></li><li><a href="/prodvizhenie-za-pozicii" class="flex items-center rounded-xl px-5 py-2 transition-colors hover:bg-jacarta-50 hover:text-accent focus:text-accent dark:hover:bg-jacarta-600"><span class="font-display text-sm text-jacarta-700 dark:text-white">Продвижение за позиции</span></a></li><li><a href="/seo-audit" class="flex items-center rounded-xl px-5 py-2 transition-colors hover:bg-jacarta-50 hover:text-accent focus:text-accent dark:hover:bg-jacarta-600"><span class="font-display text-sm text-jacarta-700 dark:text-white">SEO-аудит</span></a></li></ul></li>
122<li class="js-nav-dropdown group relative"><a href="#" class="dropdown-toggle flex items-center justify-between py-3.5 font-display text-base text-jacarta-700 hover:text-accent focus:text-accent dark:text-white dark:hover:text-accent dark:focus:text-accent lg:px-5" aria-expanded="false" role="button" data-bs-toggle="dropdown">Реклама <i class="lg:hidden">
123                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" class="h-4 w-4 dark:fill-white"><path fill="none" d="M0 0h24v24H0z" /><path d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z" /></svg></i></a><ul class="dropdown-menu group-hover:visible lg:invisible -left-6 top-[85%] z-10 hidden grid-flow-row grid-cols-[repeat(2,_1fr)] gap-x-4 whitespace-nowrap rounded-xl bg-white transition-all will-change-transform group-hover:opacity-100 dark:bg-jacarta-800 lg:absolute lg:!grid lg:translate-y-4 lg:py-8 lg:px-5 lg:opacity-0 lg:shadow-2xl lg:group-hover:translate-y-2"><li><a href="/kontekstnaya-reklama" class="flex items-center rounded-xl px-5 py-2 transition-colors hover:bg-jacarta-50 hover:text-accent focus:text-accent dark:hover:bg-jacarta-600"><span class="font-display text-sm text-jacarta-700 dark:text-white">Контекстная реклама</span></a></li><li><a href="/targetirovannaya-reklama" class="flex items-center rounded-xl px-5 py-2 transition-colors hover:bg-jacarta-50 hover:text-accent focus:text-accent dark:hover:bg-jacarta-600"><span class="font-display text-sm text-jacarta-700 dark:text-white">Таргетированная реклама</span></a></li><li><a href="/audit-kontekstnoy-reklamy" class="flex items-center rounded-xl px-5 py-2 transition-colors hover:bg-jacarta-50 hover:text-accent focus:text-accent dark:hover:bg-jacarta-600"><span class="font-display text-sm text-jacarta-700 dark:text-white">Аудит контекстной рекламы</span></a></li></ul></li><li class="group"><a href="/maketplace" class="flex items-center justify-between py-3.5 font-display text-base text-jacarta-700 hover:text-accent focus:text-accent dark:text-white dark:hover:text-accent dark:focus:text-accent lg:px-5">Магазин</a></li><li class="group"><a href="/portfolio" class="flex items-center justify-between py-3.5 font-display text-base text-jacarta-700 hover:text-accent focus:text-accent dark:text-white dark:hover:text-accent dark:focus:text-accent lg:px-5">Портфолио</a></li><li class="group"><a href="/contacts" class="flex items-center justify-between py-3.5 font-display text-base text-jacarta-700 hover:text-accent focus:text-accent dark:text-white dark:hover:text-accent dark:focus:text-accent lg:px-5">Контакты</a></li></ul></nav>          
124
125          <!-- Mobile Connect Wallet / Socials -->
126          <div class="mt-10 w-full lg:hidden">
127            <a
128              href="#modal"
129              class="block w-full rounded-full bg-accent py-3 px-8 text-center font-semibold text-white shadow-accent-volume transition-all hover:bg-accent-dark"
130            >
131              Оставить заявку
132            </a>
133
134            <hr class="my-5 h-px border-0 bg-jacarta-100 dark:bg-jacarta-600" />
135
136            <!-- Socials -->
137            <div class="flex items-center justify-center space-x-5">
138              <a href="https://vk.com/sibirserver" target="_blank" rel="nofollow" class="group">
139                <svg
140                  aria-hidden="true"
141                  focusable="false"
142                  data-prefix="fab"
143                  data-icon="vk"
144                  class="h-5 w-5 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
145                  role="img"
146                  xmlns="http://www.w3.org/2000/svg"
147                  viewBox="0 0 512 512"
148                >
149                  <path d="M484.7,132c3.56-11.28,0-19.48-15.75-19.48H416.58c-13.21,0-19.31,7.18-22.87,14.86,0,0-26.94,65.6-64.56,108.13-12.2,12.3-17.79,16.4-24.4,16.4-3.56,0-8.14-4.1-8.14-15.37V131.47c0-13.32-4.06-19.47-15.25-19.47H199c-8.14,0-13.22,6.15-13.22,12.3,0,12.81,18.81,15.89,20.84,51.76V254c0,16.91-3,20-9.66,20-17.79,0-61-66.11-86.92-141.44C105,117.64,99.88,112,86.66,112H33.79C18.54,112,16,119.17,16,126.86c0,13.84,17.79,83.53,82.86,175.77,43.21,63,104.72,96.86,160.13,96.86,33.56,0,37.62-7.69,37.62-20.5V331.33c0-15.37,3.05-17.93,13.73-17.93,7.62,0,21.35,4.09,52.36,34.33C398.28,383.6,404.38,400,424.21,400h52.36c15.25,0,22.37-7.69,18.3-22.55-4.57-14.86-21.86-36.38-44.23-62-12.2-14.34-30.5-30.23-36.09-37.92-7.62-10.25-5.59-14.35,0-23.57-.51,0,63.55-91.22,70.15-122" style="fill-rule:evenodd"/>
150                </svg>
151              </a>
152              <a href="https://ok.ru/group/54627367518425" target="_blank" rel="nofollow" class="group">
153                <svg
154                  aria-hidden="true"
155                  focusable="false"
156                  data-prefix="fab"
157                  data-icon="odnoklassniki-square"
158                  class="h-5 w-5 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
159                  role="img"
160                  xmlns="http://www.w3.org/2000/svg"
161                  viewBox="0 0 512 512"
162                >
163                  <path d="M184.2 177.1c0-22.1 17.9-40 39.8-40s39.8 17.9 39.8 40c0 22-17.9 39.8-39.8 39.8s-39.8-17.9-39.8-39.8zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-305.1 97.1c0 44.6 36.4 80.9 81.1 80.9s81.1-36.2 81.1-80.9c0-44.8-36.4-81.1-81.1-81.1s-81.1 36.2-81.1 81.1zm174.5 90.7c-4.6-9.1-17.3-16.8-34.1-3.6 0 0-22.7 18-59.3 18s-59.3-18-59.3-18c-16.8-13.2-29.5-5.5-34.1 3.6-7.9 16.1 1.1 23.7 21.4 37 17.3 11.1 41.2 15.2 56.6 16.8l-12.9 12.9c-18.2 18-35.5 35.5-47.7 47.7-17.6 17.6 10.7 45.8 28.4 28.6l47.7-47.9c18.2 18.2 35.7 35.7 47.7 47.9 17.6 17.2 46-10.7 28.6-28.6l-47.7-47.7-13-12.9c15.5-1.6 39.1-5.9 56.2-16.8 20.4-13.3 29.3-21 21.5-37z"/>
164				  </svg>
165              </a>
166            </div>
167          </div>
168
169          <!-- Actions -->
170          <div class="ml-8 hidden lg:flex xl:ml-12">
171            <!-- Dark Mode -->
172            <a
173              href="#"
174              class="js-dark-mode-trigger group ml-2 flex h-10 w-10 items-center justify-center rounded-full border border-jacarta-100 bg-white transition-colors hover:border-transparent hover:bg-accent focus:border-transparent focus:bg-accent dark:border-transparent dark:bg-white/[.15] dark:hover:bg-accent"
175            >
176              <svg
177                xmlns="http://www.w3.org/2000/svg"
178                viewBox="0 0 24 24"
179                width="24"
180                height="24"
181                class="dark-mode-light h-4 w-4 fill-jacarta-700 transition-colors group-hover:fill-white group-focus:fill-white dark:hidden"
182              >
183                <path fill="none" d="M0 0h24v24H0z" />
184                <path
185                  d="M11.38 2.019a7.5 7.5 0 1 0 10.6 10.6C21.662 17.854 17.316 22 12.001 22 6.477 22 2 17.523 2 12c0-5.315 4.146-9.661 9.38-9.981z"
186                />
187              </svg>
188              <svg
189                xmlns="http://www.w3.org/2000/svg"
190                viewBox="0 0 24 24"
191                width="24"
192                height="24"
193                class="dark-mode-dark hidden h-4 w-4 fill-jacarta-700 transition-colors group-hover:fill-white group-focus:fill-white dark:block dark:fill-white"
194              >
195                <path fill="none" d="M0 0h24v24H0z" />
196                <path
197                  d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"
198                />
199              </svg>
200            </a>
201          </div>
202        </div>
203
204        <!-- Mobile Menu Actions -->
205        <div class="ml-auto flex lg:hidden">         
206
207          <!-- Dark Mode -->
208          <a
209            href="#"
210            class="js-dark-mode-trigger group ml-2 flex h-10 w-10 items-center justify-center rounded-full border border-jacarta-100 bg-white transition-colors hover:border-transparent hover:bg-accent focus:border-transparent focus:bg-accent dark:border-transparent dark:bg-white/[.15] dark:hover:bg-accent"
211          >
212            <svg
213              xmlns="http://www.w3.org/2000/svg"
214              viewBox="0 0 24 24"
215              width="24"
216              height="24"
217              class="dark-mode-light h-4 w-4 fill-jacarta-700 transition-colors group-hover:fill-white group-focus:fill-white dark:hidden"
218            >
219              <path fill="none" d="M0 0h24v24H0z" />
220              <path
221                d="M11.38 2.019a7.5 7.5 0 1 0 10.6 10.6C21.662 17.854 17.316 22 12.001 22 6.477 22 2 17.523 2 12c0-5.315 4.146-9.661 9.38-9.981z"
222              />
223            </svg>
224            <svg
225              xmlns="http://www.w3.org/2000/svg"
226              viewBox="0 0 24 24"
227              width="24"
228              height="24"
229              class="dark-mode-dark hidden h-4 w-4 fill-jacarta-700 transition-colors group-hover:fill-white group-focus:fill-white dark:block dark:fill-white"
230            >
231              <path fill="none" d="M0 0h24v24H0z" />
232              <path
233                d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"
234              />
235            </svg>
236          </a>
237
238          <!-- Mobile Menu Toggle -->
239          <button
240            class="js-mobile-toggle group ml-2 flex h-10 w-10 items-center justify-center rounded-full border border-jacarta-100 bg-white transition-colors hover:border-transparent hover:bg-accent focus:border-transparent focus:bg-accent dark:border-transparent dark:bg-white/[.15] dark:hover:bg-accent"
241            aria-label="open mobile menu"
242          >
243            <svg
244              xmlns="http://www.w3.org/2000/svg"
245              viewBox="0 0 24 24"
246              width="24"
247              height="24"
248              class="h-4 w-4 fill-jacarta-700 transition-colors group-hover:fill-white group-focus:fill-white dark:fill-white"
249            >
250              <path fill="none" d="M0 0h24v24H0z" />
251              <path d="M18 18v2H6v-2h12zm3-7v2H3v-2h18zm-3-7v2H6V4h12z" />
252            </svg>
253          </button>
254        </div>
255      </div>
256    </header>	 <main class="pt-[5.5rem] lg:pt-24">	 
257      <!-- Hero --><section class="relative px-6 pb-8"><div class="flex flex-col gap-5 lg:flex-row">
258              <div class="w-full lg:w-1/3">
259            <div class="grid grid-cols-2 grid-rows-2 gap-5"><article>
260                <div class="relative overflow-hidden rounded-2.5xl bg-white dark:bg-jacarta-700">
261                  <figure class="relative">
262                    <a
263                      href="/portfolio/avtovykup-avtomix59"
264                      class="group block after:absolute after:inset-0 after:block after:bg-jacarta-900/20"
265					  rel="nofollow"
266					  target="_blank"
267                    >
268                      <img
269                        src="/img/shop/168586834855.jpg"
270                        alt="Выкуп авто"
271                        class="w-full object-cover transition-transform duration-[1600ms] will-change-transform group-hover:scale-105"
272                        height="293"
273                        width="293"
274                      />
275                    </a>
276                  </figure>
277                  <div class="pointer-events-none absolute bottom-0 w-full p-5">
278                    <h2 class="font-display text-base leading-none text-white xl:text-lg">Выкуп авто</h2>
279                  </div>
280                </div>
281              </article><article>
282                <div class="relative overflow-hidden rounded-2.5xl bg-white dark:bg-jacarta-700">
283                  <figure class="relative">
284                    <a
285                      href="/portfolio/antikorroziynaya-obrabotka-avtomobilya-allcar54"
286                      class="group block after:absolute after:inset-0 after:block after:bg-jacarta-900/20"
287					  rel="nofollow"
288					  target="_blank"
289                    >
290                      <img
291                        src="/img/shop/169163649167.jpg"
292                        alt="Антикор авто"
293                        class="w-full object-cover transition-transform duration-[1600ms] will-change-transform group-hover:scale-105"
294                        height="293"
295                        width="293"
296                      />
297                    </a>
298                  </figure>
299                  <div class="pointer-events-none absolute bottom-0 w-full p-5">
300                    <h2 class="font-display text-base leading-none text-white xl:text-lg">Антикор авто</h2>
301                  </div>
302                </div>
303              </article><article>
304                <div class="relative overflow-hidden rounded-2.5xl bg-white dark:bg-jacarta-700">
305                  <figure class="relative">
306                    <a
307                      href="/portfolio/vasabi-dostavka-sushi-i-rollov"
308                      class="group block after:absolute after:inset-0 after:block after:bg-jacarta-900/20"
309					  rel="nofollow"
310					  target="_blank"
311                    >
312                      <img
313                        src="/img/shop/168586826956.jpg"
314                        alt="Доставка суши"
315                        class="w-full object-cover transition-transform duration-[1600ms] will-change-transform group-hover:scale-105"
316                        height="293"
317                        width="293"
318                      />
319                    </a>
320                  </figure>
321                  <div class="pointer-events-none absolute bottom-0 w-full p-5">
322                    <h2 class="font-display text-base leading-none text-white xl:text-lg">Доставка суши</h2>
323                  </div>
324                </div>
325              </article><article>
326                <div class="relative overflow-hidden rounded-2.5xl bg-white dark:bg-jacarta-700">
327                  <figure class="relative">
328                    <a
329                      href="/portfolio/avtoservis-allcar54"
330                      class="group block after:absolute after:inset-0 after:block after:bg-jacarta-900/20"
331					  rel="nofollow"
332					  target="_blank"
333                    >
334                      <img
335                        src="/img/shop/168586813877.jpg"
336                        alt="Автосервис"
337                        class="w-full object-cover transition-transform duration-[1600ms] will-change-transform group-hover:scale-105"
338                        height="293"
339                        width="293"
340                      />
341                    </a>
342                  </figure>
343                  <div class="pointer-events-none absolute bottom-0 w-full p-5">
344                    <h2 class="font-display text-base leading-none text-white xl:text-lg">Автосервис</h2>
345                  </div>
346                </div>
347              </article></div>
348        </div><div class="w-full lg:w-1/3"><article>
349              <div class="relative overflow-hidden rounded-2.5xl bg-white dark:bg-jacarta-700">
350                <figure class="relative">
351                  <a
352                    href="/portfolio/muzykal-nyy-portal"
353                    class="group block after:absolute after:inset-0 after:block after:bg-jacarta-900/20"
354					rel="nofollow"
355					target="_blank"
356                  >
357                    <img
358                      src="/img/shop/169163897248.jpg"
359                      alt="Музыкальный портал"
360                      class="w-full object-cover transition-transform duration-[1600ms] will-change-transform group-hover:scale-105"
361                      height="959"
362                      width="959"
363                    />
364                  </a>
365                </figure>
366                <div class="pointer-events-none absolute bottom-0 w-full p-5">
367                  <h2 class="font-display text-2xl leading-none text-white">Музыкальный портал</h2>
368                </div>
369              </div>
370            </article></div>		  
371            <div class="w-full lg:w-1/3">
372            <div class="grid grid-cols-2 grid-rows-2 gap-5"><article>
373                <div class="relative overflow-hidden rounded-2.5xl bg-white dark:bg-jacarta-700">
374                  <figure class="relative">
375                    <a
376                      href="/portfolio/stroitel-stvo-domov-iz-sip-paneley"
377                      class="group block after:absolute after:inset-0 after:block after:bg-jacarta-900/20"
378					  rel="nofollow"
379					  target="_blank"
380                    >
381                      <img
382                        src="/img/shop/169163840533.jpg"
383                        alt="Строительство домов"
384                        class="w-full object-cover transition-transform duration-[1600ms] will-change-transform group-hover:scale-105"
385                        height="293"
386                        width="293"
387                      />
388                    </a>
389                  </figure>
390                  <div class="pointer-events-none absolute bottom-0 w-full p-5">
391                    <h2 class="font-display text-base leading-none text-white xl:text-lg">Строительство домов</h2>
392                  </div>
393                </div>
394              </article><article>
395                <div class="relative overflow-hidden rounded-2.5xl bg-white dark:bg-jacarta-700">
396                  <figure class="relative">
397                    <a
398                      href="/portfolio/torgovyy-dom-masel"
399                      class="group block after:absolute after:inset-0 after:block after:bg-jacarta-900/20"
400					  rel="nofollow"
401					  target="_blank"
402                    >
403                      <img
404                        src="/img/shop/169163861881.jpg"
405                        alt="Магазин автомасел"
406                        class="w-full object-cover transition-transform duration-[1600ms] will-change-transform group-hover:scale-105"
407                        height="293"
408                        width="293"
409                      />
410                    </a>
411                  </figure>
412                  <div class="pointer-events-none absolute bottom-0 w-full p-5">
413                    <h2 class="font-display text-base leading-none text-white xl:text-lg">Магазин автомасел</h2>
414                  </div>
415                </div>
416              </article><article>
417                <div class="relative overflow-hidden rounded-2.5xl bg-white dark:bg-jacarta-700">
418                  <figure class="relative">
419                    <a
420                      href="/portfolio/remont-mayning-oborudovaniya"
421                      class="group block after:absolute after:inset-0 after:block after:bg-jacarta-900/20"
422					  rel="nofollow"
423					  target="_blank"
424                    >
425                      <img
426                        src="/img/shop/169163760429.jpg"
427                        alt="Майнинг"
428                        class="w-full object-cover transition-transform duration-[1600ms] will-change-transform group-hover:scale-105"
429                        height="293"
430                        width="293"
431                      />
432                    </a>
433                  </figure>
434                  <div class="pointer-events-none absolute bottom-0 w-full p-5">
435                    <h2 class="font-display text-base leading-none text-white xl:text-lg">Майнинг</h2>
436                  </div>
437                </div>
438              </article><article>
439                <div class="relative overflow-hidden rounded-2.5xl bg-white dark:bg-jacarta-700">
440                  <figure class="relative">
441                    <a
442                      href="/portfolio/asp-instrument"
443                      class="group block after:absolute after:inset-0 after:block after:bg-jacarta-900/20"
444					  rel="nofollow"
445					  target="_blank"
446                    >
447                      <img
448                        src="/img/shop/169163818926.jpg"
449                        alt="АСП-Инструмент"
450                        class="w-full object-cover transition-transform duration-[1600ms] will-change-transform group-hover:scale-105"
451                        height="293"
452                        width="293"
453                      />
454                    </a>
455                  </figure>
456                  <div class="pointer-events-none absolute bottom-0 w-full p-5">
457                    <h2 class="font-display text-base leading-none text-white xl:text-lg">АСП-Инструмент</h2>
458                  </div>
459                </div>
460              </article></div>
461        </div>        </div>
462      </section>
463      <!-- end hero -->
464    <!-- Statistic / Promo --><section class="relative pt-28 pb-24"><div class="container -mt-20">          
465          <div class="grid grid-cols-2 gap-8 md:grid-cols-4">
466            <div>
467              <div>
468                <span
469                  class="text-blue inline-block bg-clip-text font-display text-5xl font-semibold"
470                  >2012</span>
471              </div>
472              <span class="text-lg text-black dark:text-white">Год основания</span>
473            </div>
474            <div>
475              <div>
476                <span
477                  class="text-blue inline-block bg-clip-text font-display text-5xl font-semibold"
478                  >60.000₽</span>
479              </div>
480              <span class="text-lg text-black dark:text-white">Средняя стоимость</span>
481            </div>
482            <div>
483              <div>
484                <span
485                  class="text-blue inline-block bg-clip-text font-display text-5xl font-semibold"
486                  >1 из 3</span>
487              </div>
488              <span class="text-lg text-black dark:text-white">Становятся постоянными клиентами</span>
489            </div>
490            <div>
491              <div>
492                <span
493                  class="text-blue inline-block bg-clip-text font-display text-5xl font-semibold"
494                  >380+</span>
495              </div>
496              <span class="text-lg text-black dark:text-white">Проектов реализовано</span>
497            </div>
498          </div>
499        </div>
500      </section>
501      <!-- end statistic / promo -->
502	   
503      <!-- Browse by Category -->
504      <section class="pt-10 pb-10 relative">
505        <picture class="pointer-events-none absolute inset-0 -z-10 dark:hidden">
506          <img src="/skins/sibserver/img/gradient_light.jpg" alt="gradient" class="h-full w-full" />
507        </picture>
508        <h2 class="mb-8 text-center font-display text-3xl font-medium text-jacarta-700 dark:text-white">Наши услуги</h2>
509
510        <!-- Slider -->
511        <div class="relative">
512          <div class="swiper centered-slider !pb-5">
513            <div class="swiper-wrapper">
514              <!-- Slides -->
515              <div class="swiper-slide">
516                <article>
517                  <a
518                    href="/sozdanie-saytov"
519                    class="block rounded-2.5xl border border-jacarta-100 bg-white p-[1.1875rem] transition-shadow hover:shadow-lg dark:border-jacarta-700 dark:bg-jacarta-700"
520                  >
521                    <figure class="rounded-t-[0.625rem]">
522                      <img
523                        src="/skins/sibserver/img/categories/category_1.jpg"
524                        alt="Разработка сайтов"
525                        class="w-full rounded-[0.625rem]"
526                        loading="lazy"
527                      />
528                    </figure>
529                    <div class="mt-4 text-center">
530                      <span class="font-display text-lg text-jacarta-700 dark:text-white">Разработка сайтов</span>
531                    </div>
532                  </a>
533                </article>
534              </div>
535              <div class="swiper-slide">
536                <article>
537                  <a
538                    href="/prodvizhenie-za-trafik"
539                    class="block rounded-2.5xl border border-jacarta-100 bg-white p-[1.1875rem] transition-shadow hover:shadow-lg dark:border-jacarta-700 dark:bg-jacarta-700"
540                  >
541                    <figure class="rounded-t-[0.625rem]">
542                      <img
543                        src="/skins/sibserver/img/categories/category_2.jpg"
544                        alt="SEO-продвижение сайтов"
545                        class="w-full rounded-[0.625rem]"
546                        loading="lazy"
547                      />
548                    </figure>
549                    <div class="mt-4 text-center">
550                      <span class="font-display text-lg text-jacarta-700 dark:text-white">SEO-продвижение</span>
551                    </div>
552                  </a>
553                </article>
554              </div>
555              <div class="swiper-slide">
556                <article>
557                  <a
558                    href="/kontekstnaya-reklama"
559                    class="block rounded-2.5xl border border-jacarta-100 bg-white p-[1.1875rem] transition-shadow hover:shadow-lg dark:border-jacarta-700 dark:bg-jacarta-700"
560                  >
561                    <figure class="rounded-t-[0.625rem]">
562                      <img
563                        src="/skins/sibserver/img/categories/category_3.jpg"
564                        alt="Контекстная реклама"
565                        class="w-full rounded-[0.625rem]"
566                        loading="lazy"
567                      />
568                    </figure>
569                    <div class="mt-4 text-center">
570                      <span class="font-display text-lg text-jacarta-700 dark:text-white">Контекстная реклама</span>
571                    </div>
572                  </a>
573                </article>
574              </div>
575              <div class="swiper-slide">
576                <article>
577                  <a
578                    href="/targetirovannaya-reklama"
579                    class="block rounded-2.5xl border border-jacarta-100 bg-white p-[1.1875rem] transition-shadow hover:shadow-lg dark:border-jacarta-700 dark:bg-jacarta-700"
580                  >
581                    <figure class="rounded-t-[0.625rem]">
582                      <img
583                        src="/skins/sibserver/img/categories/category_4.jpg"
584                        alt="Таргетированная реклама"
585                        class="w-full rounded-[0.625rem]"
586                        loading="lazy"
587                      />
588                    </figure>
589                    <div class="mt-4 text-center">
590                      <span class="font-display text-lg text-jacarta-700 dark:text-white">Таргетированная реклама</span>
591                    </div>
592                  </a>
593                </article>
594              </div>
595              <!--div class="swiper-slide">
596                <article>
597                  <a
598                    href="/mobilnye-prilozheniya"
599                    class="block rounded-2.5xl border border-jacarta-100 bg-white p-[1.1875rem] transition-shadow hover:shadow-lg dark:border-jacarta-700 dark:bg-jacarta-700"
600                  >
601                    <figure class="rounded-t-[0.625rem] bg-[#737EF2]">
602                      <img
603                        src="/skins/sibserver/img/categories/category_5.png"
604                        alt="Разработка мобильных приложений"
605                        class="w-full rounded-[0.625rem]"
606                        loading="lazy"
607                      />
608                    </figure>
609                    <div class="mt-4 text-center">
610                      <span class="font-display text-lg text-jacarta-700 dark:text-white">Мобильные приложения</span>
611                    </div>
612                  </a>
613                </article>
614              </div>
615              <div class="swiper-slide">
616                <article>
617                  <a
618                    href="/vkontakte-prilozheniya"
619                    class="block rounded-2.5xl border border-jacarta-100 bg-white p-[1.1875rem] transition-shadow hover:shadow-lg dark:border-jacarta-700 dark:bg-jacarta-700"
620                  >
621                    <figure class="rounded-t-[0.625rem] bg-blue">
622                      <img
623                        src="/skins/sibserver/img/categories/category_6.png"
624                        alt="ВКонтакте приложения"
625                        class="w-full rounded-[0.625rem]"
626                        loading="lazy"
627                      />
628                    </figure>
629                    <div class="mt-4 text-center">
630                      <span class="font-display text-lg text-jacarta-700 dark:text-white">ВКонтакте приложения</span>
631                    </div>
632                  </a>
633                </article>
634              </div-->              
635            </div>
636          </div>
637        </div>
638 </section>
639 
640      <!-- Services -->
641      <section class="py-24 dark:bg-jacarta-900">
642        <div class="container">
643          <div class="mx-auto mb-12 max-w-xl text-center">
644            <h2 class="mb-6 text-center font-display text-3xl font-medium text-jacarta-700 dark:text-white">
645              Преимущества
646            </h2>
647          </div>
648          <div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3">
649            <div
650              class="relative rounded-2.5xl border border-jacarta-100 bg-white p-10 pt-12 transition-shadow hover:shadow-xl dark:border-jacarta-700 dark:bg-jacarta-700"
651            >
652              <span class="absolute top-10 left-12 block h-10 w-10 rounded-full bg-[#CDDFFB] dark:bg-accent"></span>
653              <svg
654                xmlns="http://www.w3.org/2000/svg"
655                viewBox="0 0 24 24"
656                width="24"
657                height="24"
658                class="relative mb-6 h-8 w-8 fill-blue dark:fill-white"
659              >
660                <path fill="none" d="M0 0h24v24H0z" />
661                <path
662                  d="M19 7h5v2h-5V7zm-2 5h7v2h-7v-2zm3 5h4v2h-4v-2zM2 22a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H2zm8-9c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6zm0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z"
663                />
664              </svg>
665              <h3 class="mb-4 font-display text-lg text-jacarta-700 dark:text-white">Индивидуальный подход</h3>
666              <p class="dark:text-jacarta-300">
667               Каждый сайт разрабатывается с учетом ваших уникальных потребностей и целей.
668              </p>
669            </div>
670
671            <div
672              class="relative rounded-2.5xl border border-jacarta-100 bg-white p-10 pt-12 transition-shadow hover:shadow-xl dark:border-jacarta-700 dark:bg-jacarta-700"
673            >
674              <span class="absolute top-10 left-12 block h-10 w-10 rounded-full bg-[#CDDFFB] dark:bg-accent"></span>
675              <svg
676                xmlns="http://www.w3.org/2000/svg"
677                viewBox="0 0 24 24"
678                width="24"
679                height="24"
680                class="relative mb-6 h-8 w-8 fill-blue dark:fill-white"
681              >
682                <path fill="none" d="M0 0h24v24H0z" />
683                <path
684                  d="M6.455 19L2 22.5V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455zm-.692-2H20V5H4v13.385L5.763 17zM11 10h2v2h-2v-2zm-4 0h2v2H7v-2zm8 0h2v2h-2v-2z"
685                />
686              </svg>
687              <h3 class="mb-4 font-display text-lg text-jacarta-700 dark:text-white">Система управления контентом</h3>
688              <p class="dark:text-jacarta-300">
689                Наша разработка основана на современных системах управления контентом, что позволяет вам легко обновлять и редактировать содержимое.
690              </p>
691            </div>
692
693            <div
694              class="relative rounded-2.5xl border border-jacarta-100 bg-white p-10 pt-12 transition-shadow hover:shadow-xl dark:border-jacarta-700 dark:bg-jacarta-700"
695            >
696              <span class="absolute top-10 left-12 block h-10 w-10 rounded-full bg-[#CDDFFB] dark:bg-accent"></span>
697              <svg
698                xmlns="http://www.w3.org/2000/svg"
699                viewBox="0 0 24 24"
700                width="24"
701                height="24"
702                class="relative mb-6 h-8 w-8 fill-blue dark:fill-white"
703              >
704                <path fill="none" d="M0 0h24v24H0z" />
705                <path
706                  d="M2 18h7v2H2v-2zm0-7h9v2H2v-2zm0-7h20v2H2V4zm18.674 9.025l1.156-.391 1 1.732-.916.805a4.017 4.017 0 0 1 0 1.658l.916.805-1 1.732-1.156-.391c-.41.37-.898.655-1.435.83L19 21h-2l-.24-1.196a3.996 3.996 0 0 1-1.434-.83l-1.156.392-1-1.732.916-.805a4.017 4.017 0 0 1 0-1.658l-.916-.805 1-1.732 1.156.391c.41-.37.898-.655 1.435-.83L17 11h2l.24 1.196c.536.174 1.024.46 1.434.83zM18 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"
707                />
708              </svg>
709              <h3 class="mb-4 font-display text-lg text-jacarta-700 dark:text-white">Адаптивность под устройства</h3>
710              <p class="dark:text-jacarta-300">
711                 Все наши сайты адаптированы под различные устройства — от смартфонов до настольных компьютеров, обеспечивая удобство для всех пользователей.
712              </p>
713            </div>
714
715            <div
716              class="relative rounded-2.5xl border border-jacarta-100 bg-white p-10 pt-12 transition-shadow hover:shadow-xl dark:border-jacarta-700 dark:bg-jacarta-700"
717            >
718              <span class="absolute top-10 left-12 block h-10 w-10 rounded-full bg-[#CDDFFB] dark:bg-accent"></span>
719              <svg
720                xmlns="http://www.w3.org/2000/svg"
721                viewBox="0 0 24 24"
722                width="24"
723                height="24"
724                class="relative mb-6 h-8 w-8 fill-blue dark:fill-white"
725              >
726                <path fill="none" d="M0 0h24v24H0z" />
727                <path
728                  d="M5 12.5c0 .313.461.858 1.53 1.393C7.914 14.585 9.877 15 12 15c2.123 0 4.086-.415 5.47-1.107 1.069-.535 1.53-1.08 1.53-1.393v-2.171C17.35 11.349 14.827 12 12 12s-5.35-.652-7-1.671V12.5zm14 2.829C17.35 16.349 14.827 17 12 17s-5.35-.652-7-1.671V17.5c0 .313.461.858 1.53 1.393C7.914 19.585 9.877 20 12 20c2.123 0 4.086-.415 5.47-1.107 1.069-.535 1.53-1.08 1.53-1.393v-2.171zM3 17.5v-10C3 5.015 7.03 3 12 3s9 2.015 9 4.5v10c0 2.485-4.03 4.5-9 4.5s-9-2.015-9-4.5zm9-7.5c2.123 0 4.086-.415 5.47-1.107C18.539 8.358 19 7.813 19 7.5c0-.313-.461-.858-1.53-1.393C16.086 5.415 14.123 5 12 5c-2.123 0-4.086.415-5.47 1.107C5.461 6.642 5 7.187 5 7.5c0 .313.461.858 1.53 1.393C7.914 9.585 9.877 10 12 10z"
729                />
730              </svg>
731              <h3 class="mb-4 font-display text-lg text-jacarta-700 dark:text-white">Оптимизация под SEO</h3>
732              <p class="dark:text-jacarta-300">
733                Мы уделяем особое внимание оптимизации для поисковых систем, что помогает вашему сайту легче находиться вашей аудиторией.
734              </p>
735            </div>
736
737            <div
738              class="relative rounded-2.5xl border border-jacarta-100 bg-white p-10 pt-12 transition-shadow hover:shadow-xl dark:border-jacarta-700 dark:bg-jacarta-700"
739            >
740              <span class="absolute top-10 left-12 block h-10 w-10 rounded-full bg-[#CDDFFB] dark:bg-accent"></span>
741              <svg
742                xmlns="http://www.w3.org/2000/svg"
743                viewBox="0 0 24 24"
744                width="24"
745                height="24"
746                class="relative mb-6 h-8 w-8 fill-blue dark:fill-white"
747              >
748                <path fill="none" d="M0 0h24v24H0z" />
749                <path
750                  d="M21 8v12.993A1 1 0 0 1 20.007 22H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.449 2 4.002 2h10.995L21 8zm-2 1h-5V4H5v16h14V9zM8 7h3v2H8V7zm0 4h8v2H8v-2zm0 4h8v2H8v-2z"
751                />
752              </svg>
753              <h3 class="mb-4 font-display text-lg text-jacarta-700 dark:text-white">Быстрая загрузка</h3>
754              <p class="dark:text-jacarta-300">
755               Мы следим за скоростью загрузки страниц, что улучшает взаимодействие пользователей с вашим сайтом и способствует удержанию посетителей.
756              </p>
757            </div>
758
759            <div
760              class="relative rounded-2.5xl border border-jacarta-100 bg-white p-10 pt-12 transition-shadow hover:shadow-xl dark:border-jacarta-700 dark:bg-jacarta-700"
761            >
762              <span class="absolute top-10 left-12 block h-10 w-10 rounded-full bg-[#CDDFFB] dark:bg-accent"></span>
763              <svg
764                xmlns="http://www.w3.org/2000/svg"
765                viewBox="0 0 24 24"
766                width="24"
767                height="24"
768                class="relative mb-6 h-8 w-8 fill-blue dark:fill-white"
769              >
770                <path fill="none" d="M0 0h24v24H0z" />
771                <path
772                  d="M10.758 11.828l7.849-7.849 1.414 1.414-1.414 1.415 2.474 2.474-1.414 1.415-2.475-2.475-1.414 1.414 2.121 2.121-1.414 1.415-2.121-2.122-2.192 2.192a5.002 5.002 0 0 1-7.708 6.294 5 5 0 0 1 6.294-7.708zm-.637 6.293A3 3 0 1 0 5.88 13.88a3 3 0 0 0 4.242 4.242z"
773                />
774              </svg>
775              <h3 class="mb-4 font-display text-lg text-jacarta-700 dark:text-white">Портфолио успешных проектов</h3>
776              <p class="dark:text-jacarta-300">
777               Наши успешные проекты — это лучшая рекомендация нашей работы. Посмотрите наше портфолио, чтобы оценить наш опыт и качество.
778              </p>
779            </div>
780          </div>
781        </div>
782      </section>
783      <!-- end services -->
784	   
785        <!-- Содержимое -->
786      <section class="relative py-16 dark:bg-jacarta-800 md:py-24">
787        <picture class="pointer-events-none absolute inset-0 -z-10 dark:hidden">
788          <img src="/skins/sibserver/img/gradient_light.jpg" alt="gradient light" class="h-full w-full" />
789        </picture>
790        <div class="container">
791		 <h1 class="text-center font-display text-4xl font-medium text-jacarta-700 dark:text-white">Разработка сайтов в Новосибирске</h1>          <div class="article-content mx-auto max-w-[48.125rem]">
792            <p>Качественный сайт важен для самых разных категорий клиентов &ndash; от интернет-магазинов и организаций до частных специалистов и фрилансеров. Он помогает привлекать клиентов, создает хорошую репутацию, делает вас более узнаваемым. Компания &laquo;СибирьСервер&raquo; предлагает эффективную разработку &laquo;под ключ&raquo;. Это позволит вам получить весь набор услуг по наиболее доступной цене.</p>
793
794<h2>Что значит разработка сайта &laquo;под ключ&raquo;</h2>
795
796<p>Разработка &laquo;под ключ&raquo; предполагает, что вы заказываете сразу весь пакет услуг &ndash; от создания проекта и разработки дизайна до непосредственного запуска. Вы платите один раз заранее согласованную сумму.</p>
797
798<p>Сегодня многие веб-студии предлагают работу с оплатой за часы. Это приводит к тому, что вы не знаете конечной цены, и она может сильно увеличиться по факту завершения проекта. Мы предлагаем принципиально иной подход.</p>
799
800<p>&laquo;СибирьСервер&raquo; работает с заказчиками в условиях максимальной открытости и прозрачности. Мы подробно прорабатываем техническое задание, рассчитываем смету. Цена включается в договор и не меняется, если сам клиент не меняет ТЗ.</p>
801
802<h2>Сколько стоит разработка сайта</h2>
803
804<p>На итоговую цену разработки сайта влияют его технические особенности, сложность поставленной задачи, а также ряд других факторов. Мы работаем со следующими видами продуктов:</p>
805
806<ul>
807	<li><strong>Сайт-визитка</strong>. Рассказывает о предоставляющей услуги компании. Позволяет привлекать клиентов, доносить до них нужную информацию, стимулирует сделать целевой действие &ndash; позвонить, оставить заявку. Хорошо подойдет для небольших местных компаний. Стоимость от 50&nbsp;000 рублей.</li>
808	<li><strong>Интернет-магази</strong>н. Более крупный и сложный сайт, позволяющий продавать товары через интернет. Мы разрабатываем интернет-магазины любой сложности. Они хорошо подойдет для любого типа товаров, региона работы. Мы также готовы интегрировать сайт с системой управления для простой загрузки товаров, учета заказов и других задач. Стоимость разработки стартует от 80&nbsp;000 рублей.</li>
809	<li><strong>Лэндинг</strong>. Это одностраничный сайт, на котором собирается максимум полезной информации. Используется для рекламы товара, услуги или события. Прорабатывается таким образом, чтобы посетитель поэтапно пришел к совершению целевого действия &ndash; оставил заявку, сделал заказ, позвонил. Стоимость от 40&nbsp;000 рублей.</li>
810	<li><strong>Корпоративный сайт</strong>. Содержит массу информации о компании. Работает на улучшение репутации, предоставление доступа к корректным сведениям, к примеру, списку контактов ответственных лиц, юридическим данным, документам и многому другом. Стоимость от 70&nbsp;000 рублей.</li>
811</ul>
812
813<h2>С чего начать разработку сайта</h2>
814
815<p>Чтобы разработка была успешной, важно определиться, для чего именно вам требуется сайт. Среди потенциальных целей:</p>
816
817<ul>
818	<li>Продажа товаров и услуг.</li>
819	<li>Реклама.</li>
820	<li>Улучшение репутации.</li>
821	<li>Увеличение информированности целевой аудитории.</li>
822	<li>Стимулирование на заказ, звонок или заполнение формы контактов.</li>
823</ul>
824
825<p>При этом хороший сайт может выполнять и сразу несколько перечисленных задач. Все это предварительно согласовывается при составлении технического задания. Если вы пока не определились с конечными целями, мы готовы помочь вам в этом.</p>
826
827<h2>Что входит в разработку сайта</h2>
828
829<ul>
830	<li><strong>Дизайн</strong>. Создается с учетом корпоративного стиля. Уделяется максимум внимания удобству клиента. Хороший дизайн вызывает положительные эмоции, мягко стимулирует посетителя сделать то, что вы от него ждете.</li>
831	<li><strong>Верстка</strong>. Это процесс, который позволяет правильно сгруппировать всю информацию на сайте, чтобы оÐ
831½Ð° была удобна для восприятия и корректно отображалась при просмотре с любых устройств.</li>
832	<li><strong>Программирование</strong>. Решаем все задачи в области программирования, делаем код сайта стабильным, устраняем потенциальные риски безопасности, ускоряем загрузку страниц.</li>
833	<li><strong>Система управлением сайтом (CMS)</strong>. Все наши продукты удобны в администрировании, в том числе, при участии сотрудников вашей компании. Используемые нами системы помогают решать все задачи компании &ndash; от контроля заказов и работы с обращениями до обновления информации.</li>
834	<li>Тестирование. Все сайты предварительно проверяются на работоспособность, оптимизированность, скорость работы, удобство для пользователя и другие ключевые параметры.</li>
835</ul>
836
837<p>Также в состав пакета &laquo;под ключ&raquo; выходит предоставление хостинга, домена. ru или .рф на один год. Мы предоставляем и массу других услуг &ndash; техническое обслуживание, оптимизацию и продвижения. Клиенты получат максимум возможностей по наиболее доступной цене. Чтобы узнать подробности, просто свяжитесь с компанией &laquo;СибирьСервер&raquo; одним из удобных для вас методов.</p>
838            
839          </div>
840        </div>
841      </section>
842      <!-- end Содержимое -->
843	  
844		
845	  <!-- Testimonials -->
846      <!--section class="py-24 dark:bg-jacarta-900">
847        <div
848          class="container relative overflow-hidden xl:left-[calc((100vw-1202px)/4)] xl:max-w-[calc(1202px+((100vw-1202px)/2))] xl:pr-[calc((100vw-1176px)/2)]"
849        >
850          <div class="mx-auto mb-12 max-w-sm text-center">
851            <h2 class="mb-6 text-center font-display text-3xl font-medium text-jacarta-700 dark:text-white">
852              Отзывы клиентов
853            </h2>
854          </div>
855
856          
857          <div class="swiper card-slider-2-columns xl:!overflow-visible">
858            <div class="swiper-wrapper">
859              
860              <div class="swiper-slide">
861                <div class="flex hover:shadow-lg flex-wrap gap-5 rounded-2.5xl bg-white p-12 dark:bg-jacarta-700 lg:flex-nowrap">
862                  <img
863                    src="/skins/sibserver/img/testimonials/testimonial_1.jpg"
864                    alt=""
865                    class="w-28 self-start rounded-2.5xl lg:w-auto"
866                  />
867                  <div
868                    class="-ml-14 -mt-4 flex h-16 w-16 shrink-0 items-center justify-center rounded-full border-[5px] border-white bg-blue dark:border-jacarta-700 md:mb-0 md:w-16"
869                  >
870                    <svg width="22" height="19" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-white">
871                      <path
872                        d="M6.027 18.096c-.997 0-1.813-.204-2.448-.612a5.147 5.147 0 01-1.564-1.564 5.729 5.729 0 01-.952-2.38C.927 12.679.86 11.976.86 11.432c0-2.221.567-4.239 1.7-6.052C3.693 3.567 5.461 2.093 7.863.96l.612 1.224c-1.405.59-2.606 1.519-3.604 2.788-1.042 1.27-1.564 2.561-1.564 3.876 0 .544.068 1.02.204 1.428a3.874 3.874 0 012.516-.884c1.179 0 2.199.385 3.06 1.156.862.77 1.292 1.836 1.292 3.196 0 1.27-.43 2.312-1.292 3.128-.861.816-1.881 1.224-3.06 1.224zm11.56 0c-.997 0-1.813-.204-2.448-.612a5.148 5.148 0 01-1.564-1.564 5.73 5.73 0 01-.952-2.38c-.136-.861-.204-1.564-.204-2.108 0-2.221.567-4.239 1.7-6.052 1.134-1.813 2.902-3.287 5.304-4.42l.612 1.224c-1.405.59-2.606 1.519-3.604 2.788-1.042 1.27-1.564 2.561-1.564 3.876 0 .544.068 1.02.204 1.428a3.874 3.874 0 012.516-.884c1.179 0 2.199.385 3.06 1.156.862.77 1.292 1.836 1.292 3.196 0 1.27-.43 2.312-1.292 3.128-.861.816-1.881 1.224-3.06 1.224z"
873                      />
874                    </svg>
875                  </div>
876
877                  <div class="mb-4 md:mb-0">
878                    <div class="-ml-1 mb-3 flex">
879                      <svg
880                        xmlns="http://www.w3.org/2000/svg"
881                        viewBox="0 0 24 24"
882                        width="24"
883                        height="24"
884                        class="h-5 w-5 fill-orange"
885                      >
886                        <path fill="none" d="M0 0h24v24H0z" />
887                        <path
888                          d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z"
889                        />
890                      </svg>
891                      <svg
892                        xmlns="http://www.w3.org/2000/svg"
893                        viewBox="0 0 24 24"
894                        width="24"
895                        height="24"
896                        class="h-5 w-5 fill-orange"
897                      >
898                        <path fill="none" d="M0 0h24v24H0z" />
899                        <path
900                          d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z"
901                        />
902                      </svg>
903                      <svg
904                        xmlns="http://www.w3.org/2000/svg"
905                        viewBox="0 0 24 24"
906                        width="24"
907                        height="24"
908                        class="h-5 w-5 fill-orange"
909                      >
910                        <path fill="none" d="M0 0h24v24H0z" />
911                        <path
912                          d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z"
913                        />
914                      </svg>
915                      <svg
916                        xmlns="http://www.w3.org/2000/svg"
917                        viewBox="0 0 24 24"
918                        width="24"
919                        height="24"
920                        class="h-5 w-5 fill-orange"
921                      >
922                        <path fill="none" d="M0 0h24v24H0z" />
923                        <path
924                          d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z"
925                        />
926                      </svg>
927                      <svg
928                        xmlns="http://www.w3.org/2000/svg"
929                        viewBox="0 0 24 24"
930                        width="24"
931                        height="24"
932                        class="h-5 w-5 fill-orange"
933                      >
934                        <path fill="none" d="M0 0h24v24H0z" />
935                        <path
936                          d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z"
937                        />
938                      </svg>
939                    </div>
940                    <p class="text-md leading-normal text-jacarta-700 dark:text-white">
941                      Xhibiter is one of the most exciting, if you're interested in shaping a new business model for
942                      creators, this is the team to join.
943                    </p>
944                    <span class="mt-6 block font-display text-sm font-medium text-jacarta-700 dark:text-white"
945                      >Katie Smith</span
946                    >
947                    <span class="text-2xs font-medium tracking-tight dark:text-jacarta-400"
948                      >General Partner at Entrepreneur</span
949                    >
950                  </div>
951                </div>
952              </div>
953              <div class="swiper-slide">
954                <div class="flex hover:shadow-lg flex-wrap gap-5 rounded-2.5xl bg-white p-12 dark:bg-jacarta-700 lg:flex-nowrap">
955                  <img
956                    src="/skins/sibserver/img/testimonials/testimonial_2.jpg"
957                    alt=""
958                    class="w-28 self-start rounded-2.5xl lg:w-auto"
959                  />
960                  <div
961                    class="-ml-14 -mt-4 flex h-16 w-16 shrink-0 items-center justify-center rounded-full border-[5px] border-white bg-blue dark:border-jacarta-700 md:mb-0 md:w-16"
962                  >
963                    <svg width="22" height="19" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-white">
964                      <path
965                        d="M6.027 18.096c-.997 0-1.813-.204-2.448-.612a5.147 5.147 0 01-1.564-1.564 5.729 5.729 0 01-.952-2.38C.927 12.679.86 11.976.86 11.432c0-2.221.567-4.239 1.7-6.052C3.693 3.567 5.461 2.093 7.863.96l.612 1.224c-1.405.59-2.606 1.519-3.604 2.788-1.042 1.27-1.564 2.561-1.564 3.876 0 .544.068 1.02.204 1.428a3.874 3.874 0 012.516-.884c1.179 0 2.199.385 3.06 1.156.862.77 1.292 1.836 1.292 3.196 0 1.27-.43 2.312-1.292 3.128-.861.816-1.881 1.224-3.06 1.224zm11.56 0c-.997 0-1.813-.204-2.448-.612a5.148 5.148 0 01-1.564-1.564 5.73 5.73 0 01-.952-2.38c-.136-.861-.204-1.564-.204-2.108 0-2.221.567-4.239 1.7-6.052 1.134-1.813 2.902-3.287 5.304-4.42l.612 1.224c-1.405.59-2.606 1.519-3.604 2.788-1.042 1.27-1.564 2.561-1.564 3.876 0 .544.068 1.02.204 1.428a3.874 3.874 0 012.516-.884c1.179 0 2.199.385 3.06 1.156.862.77 1.292 1.836 1.292 3.196 0 1.27-.43 2.312-1.292 3.128-.861.816-1.881 1.224-3.06 1.224z"
966                      />
967                    </svg>
968                  </div>
969
970                  <div class="mb-4 md:mb-0">
971                    <div class="-ml-1 mb-3 flex">
972                      <svg
973                        xmlns="http://www.w3.org/2000/svg"
974                        viewBox="0 0 24 24"
975                        width="24"
976                        height="24"
977                        class="h-5 w-5 fill-orange"
978                      >
979                        <path fill="none" d="M0 0h24v24H0z" />
980                        <path
981                          d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z"
982                        />
983                      </svg>
984                      <svg
985                        xmlns="http://www.w3.org/2000/svg"
986                        viewBox="0 0 24 24"
987                        width="24"
988                        height="24"
989                        class="h-5 w-5 fill-orange"
990                      >
991                        <path fill="none" d="M0 0h24v24H0z" />
992                        <path
993                          d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z"
994                        />
995                      </svg>
996                      <svg
997                        xmlns="http://www.w3.org/2000/svg"
998                        viewBox="0 0 24 24"
999                        width="24"
1000                        height="24"
1001                        class="h-5 w-5 fill-orange"
1002                      >
1003                        <path fill="none" d="M0 0h24v24H0z" />
1004                        <path
1005                          d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z"
1006                        />
1007                      </svg>
1008                      <svg
1009                        xmlns="http://www.w3.org/2000/svg"
1010                        viewBox="0 0 24 24"
1011                        width="24"
1012                        height="24"
1013                        class="h-5 w-5 fill-orange"
1014                      >
1015                        <path fill="none" d="M0 0h24v24H0z" />
1016                        <path
1017                          d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z"
1018                        />
1019                      </svg>
1020                      <svg
1021                        xmlns="http://www.w3.org/2000/svg"
1022                        viewBox="0 0 24 24"
1023                        width="24"
1024                        height="24"
1025                        class="h-5 w-5 fill-orange"
1026                      >
1027                        <path fill="none" d="M0 0h24v24H0z" />
1028                        <path
1029                          d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z"
1030                        />
1031                      </svg>
1032                    </div>
1033                    <p class="text-md leading-normal text-jacarta-700 dark:text-white">
1034                      Xhibiter is one of the most exciting, if you're interested in shaping a new business model for
1035                      creators, this is the team to join.
1036                    </p>
1037                    <span class="mt-6 block font-display text-sm font-medium text-jacarta-700 dark:text-white"
1038                      >Alex Fox</span
1039                    >
1040                    <span class="text-2xs font-medium tracking-tight dark:text-jacarta-400"
1041                      >Entrepreneur / Manager</span
1042                    >
1043                  </div>
1044                </div>
1045              </div>
1046              <div class="swiper-slide">
1047                <div class="flex hover:shadow-lg flex-wrap gap-5 rounded-2.5xl bg-white p-12 dark:bg-jacarta-700 lg:flex-nowrap">
1048                  <img
1049                    src="/skins/sibserver/img/testimonials/testimonial_3.jpg"
1050                    alt=""
1051                    class="w-28 self-start rounded-2.5xl lg:w-auto"
1052                  />
1053                  <div
1054                    class="-ml-14 -mt-4 flex h-16 w-16 shrink-0 items-center justify-center rounded-full border-[5px] border-white bg-accent dark:border-jacarta-700 md:mb-0 md:w-16"
1055                  >
1056                    <svg width="22" height="19" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-white">
1057                      <path
1058                        d="M6.027 18.096c-.997 0-1.813-.204-2.448-.612a5.147 5.147 0 01-1.564-1.564 5.729 5.729 0 01-.952-2.38C.927 12.679.86 11.976.86 11.432c0-2.221.567-4.239 1.7-6.052C3.693 3.567 5.461 2.093 7.863.96l.612 1.224c-1.405.59-2.606 1.519-3.604 2.788-1.042 1.27-1.564 2.561-1.564 3.876 0 .544.068 1.02.204 1.428a3.874 3.874 0 012.516-.884c1.179 0 2.199.385 3.06 1.156.862.77 1.292 1.836 1.292 3.196 0 1.27-.43 2.312-1.292 3.128-.861.816-1.881 1.224-3.06 1.224zm11.56 0c-.997 0-1.813-.204-2.448-.612a5.148 5.148 0 01-1.564-1.564 5.73 5.73 0 01-.952-2.38c-.136-.861-.204-1.564-.204-2.108 0-2.221.567-4.239 1.7-6.052 1.134-1.813 2.902-3.287 5.304-4.42l.612 1.224c-1.405.59-2.606 1.519-3.604 2.788-1.042 1.27-1.564 2.561-1.564 3.876 0 .544.068 1.02.204 1.428a3.874 3.874 0 012.516-.884c1.179 0 2.199.385 3.06 1.156.862.77 1.292 1.836 1.292 3.196 0 1.27-.43 2.312-1.292 3.128-.861.816-1.881 1.224-3.06 1.224z"
1059                      />
1060                    </svg>
1061                  </div>
1062
1063                  <div class="mb-4 md:mb-0">
1064                    <div class="-ml-1 mb-3 flex">
1065                      <svg
1066                        xmlns="http://www.w3.org/2000/svg"
1067                        viewBox="0 0 24 24"
1068                        width="24"
1069                        height="24"
1070                        class="h-5 w-5 fill-orange"
1071                      >
1072                        <path fill="none" d="M0 0h24v24H0z" />
1073                        <path
1074                          d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z"
1075                        />
1076                      </svg>
1077                      <svg
1078                        xmlns="http://www.w3.org/2000/svg"
1079                        viewBox="0 0 24 24"
1080                        width="24"
1081                        height="24"
1082                        class="h-5 w-5 fill-orange"
1083                      >
1084                        <path fill="none" d="M0 0h24v24H0z" />
1085                        <path
1086                          d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z"
1087                        />
1088                      </svg>
1089                      <svg
1090                        xmlns="http://www.w3.org/2000/svg"
1091                        viewBox="0 0 24 24"
1092                        width="24"
1093                        height="24"
1094                        class="h-5 w-5 fill-orange"
1095                      >
1096                        <path fill="none" d="M0 0h24v24H0z" />
1097                        <path
1098                          d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z"
1099                        />
1100                      </svg>
1101                      <svg
1102                        xmlns="http://www.w3.org/2000/svg"
1103                        viewBox="0 0 24 24"
1104                        width="24"
1105                        height="24"
1106                        class="h-5 w-5 fill-orange"
1107                      >
1108                        <path fill="none" d="M0 0h24v24H0z" />
1109                        <path
1110                          d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z"
1111                        />
1112                      </svg>
1113                      <svg
1114                        xmlns="http://www.w3.org/2000/svg"
1115                        viewBox="0 0 24 24"
1116                        width="24"
1117                        height="24"
1118                        class="h-5 w-5 fill-orange"
1119                      >
1120                        <path fill="none" d="M0 0h24v24H0z" />
1121                        <path
1122                          d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z"
1123                        />
1124                      </svg>
1125                    </div>
1126                    <p class="text-md leading-normal text-jacarta-700 dark:text-white">
1127                      Xhibiter is one of the most exciting, if you're interested in shaping a new business model for
1128                      creators, this is the team to join.
1129                    </p>
1130                    <span class="mt-6 block font-display text-sm font-medium text-jacarta-700 dark:text-white"
1131                      >Marshal Ericson</span
1132                    >
1133                    <span class="text-2xs font-medium tracking-tight dark:text-jacarta-400">NFT Entrepreneur</span>
1134                  </div>
1135                </div>
1136              </div>
1137            </div>
1138          </div>
1139
1140          
1141          <div class="swiper-pagination mt-10 text-center"></div>
1142        </div>
1143      </section-->
1144      <!-- end testimonials -->
1145
1146      <!-- FAQ -->
1147      <section class="relative bg-light-base py-24 dark:bg-jacarta-800">
1148        <div class="container">
1149          <div class="justify-between lg:flex lg:space-x-20">
1150            <div class="lg:w-[45%]">
1151              <h2 class="mb-6 font-display text-3xl font-medium text-jacarta-700 dark:text-white">
1152               Ответы на частые вопросы
1153              </h2>             
1154              <div class="accordion mb-14" id="accordionFAQ">
1155                <div
1156                  class="accordion-item mb-5 overflow-hidden rounded-lg border border-jacarta-100 dark:border-jacarta-600"
1157                >
1158                  <h2 class="accordion-header" id="faq-heading-1">
1159                    <button
1160                      class="accordion-button relative flex w-full items-center justify-between bg-white px-4 py-3 text-left font-display text-jacarta-700 dark:bg-jacarta-700 dark:text-white"
1161                      type="button"
1162                      data-bs-toggle="collapse"
1163                      data-bs-target="#faq-1"
1164                      aria-expanded="true"
1165                      aria-controls="faq-1"
1166                    >
1167                      <span>Как заказать сайт?</span>
1168                      <svg
1169                        xmlns="http://www.w3.org/2000/svg"
1170                        viewBox="0 0 24 24"
1171                        width="24"
1172                        height="24"
1173                        class="accordion-arrow h-4 w-4 shrink-0 fill-jacarta-700 transition-transform dark:fill-white"
1174                      >
1175                        <path fill="none" d="M0 0h24v24H0z"></path>
1176                        <path d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z"></path>
1177                      </svg>
1178                    </button>
1179                  </h2>
1180                  <div
1181                    id="faq-1"
1182                    class="accordion-collapse collapse show"
1183                    aria-labelledby="faq-heading-1"
1184                    data-bs-parent="#accordionFAQ"
1185                  >
1186                    <div
1187                      class="accordion-body border-t border-jacarta-100 bg-white p-4 dark:border-jacarta-600 dark:bg-jacarta-700"
1188                    >
1189                      <div class="dark:text-jacarta-200">
1190                        <p>Для заказа сайта в нашей веб-студии «СибирьСервер», вам потребуется всего лишь пять простых шагов.</p><br>
1191						<p>1. Сначала определитесь с типом сайта, который соответствует вашим потребностям.</p>
1192						<p>2. Затем уточните название вашей компании и сферу деятельности.</p>
1193						<p>3. Определите, какие цели вы хотите достичь с помощью сайта.</p>
1194						<p>4. Для лучшего понимания вашего вкуса и стиля, найдите образцы дизайна, которые вам нравятся.</p>
1195						<p>5. Наконец, свяжитесь с нами, позвонив по указанному номеру или оставив заявку, и мы с удовольствием начнем работу над вашим проектом.</p><br>
1196						<p>Наша команда готова воплотить ваши идеи в жизнь и создать сайт, который будет соответствовать всем вашим ожиданиям.</p>
1197                      </div>
1198                    </div>
1199                  </div>
1200                </div>
1201
1202                <div
1203                  class="accordion-item mb-5 overflow-hidden rounded-lg border border-jacarta-100 dark:border-jacarta-600"
1204                >
1205                  <h2 class="accordion-header" id="faq-heading-2">
1206                    <button
1207                      class="accordion-button collapsed relative flex w-full items-center justify-between bg-white px-4 py-3 text-left font-display text-jacarta-700 dark:bg-jacarta-700 dark:text-white"
1208                      type="button"
1209                      data-bs-toggle="collapse"
1210                      data-bs-target="#faq-2"
1211                      aria-expanded="false"
1212                      aria-controls="faq-2"
1213                    >
1214                      <span>Сколько стоит годовое обслуживание сайта?</span>
1215                      <svg
1216                        xmlns="http://www.w3.org/2000/svg"
1217                        viewBox="0 0 24 24"
1218                        width="24"
1219                        height="24"
1220                        class="accordion-arrow h-4 w-4 shrink-0 fill-jacarta-700 transition-transform dark:fill-white"
1221                      >
1222                        <path fill="none" d="M0 0h24v24H0z"></path>
1223                        <path d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z"></path>
1224                      </svg>
1225                    </button>
1226                  </h2>
1227                  <div
1228                    id="faq-2"
1229                    class="accordion-collapse collapse"
1230                    aria-labelledby="faq-heading-2"
1231                    data-bs-parent="#accordionFAQ"
1232                  >
1233                    <div
1234                      class="accordion-body border-t border-jacarta-100 bg-white p-4 dark:border-jacarta-600 dark:bg-jacarta-700"
1235                    >
1236                      <div class="dark:text-jacarta-200">
1237                        <p>Годовое обслуживание сайта (базовое) включает в себя хостинг с обслуживанием на 1 год за 1500 рублей и доменное имя .ru или .рф за 350 рублей в год.</p><br>
1238						<p>Учтите, что стоимость доменных имен в других зонах, таких как .com, .org, .net и другие, может изменяться в зависимости от регистратора доменных имен.</p><br>
1239						<p>Учитывайте это при выборе доменного имени для вашего сайта. Итоговая стоимость годового обслуживания сайта составляет 1850 рублей для доменов .ru или .рф.</p>
1240                      </div>
1241                    </div>
1242                  </div>
1243                </div>
1244
1245                <div
1246                  class="accordion-item mb-5 overflow-hidden rounded-lg border border-jacarta-100 dark:border-jacarta-600"
1247                >
1248                  <h2 class="accordion-header" id="faq-heading-3">
1249                    <button
1250                      class="accordion-button collapsed relative flex w-full items-center justify-between bg-white px-4 py-3 text-left font-display text-jacarta-700 dark:bg-jacarta-700 dark:text-white"
1251                      type="button"
1252                      data-bs-toggle="collapse"
1253                      data-bs-target="#faq-3"
1254                      aria-expanded="false"
1255                      aria-controls="faq-3"
1256                    >
1257                      <span>Нужно заранее покупать домен и хостинг?</span>
1258                      <svg
1259                        xmlns="http://www.w3.org/2000/svg"
1260                        viewBox="0 0 24 24"
1261                        width="24"
1262                        height="24"
1263                        class="accordion-arrow h-4 w-4 shrink-0 fill-jacarta-700 transition-transform dark:fill-white"
1264                      >
1265                        <path fill="none" d="M0 0h24v24H0z"></path>
1266                        <path d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z"></path>
1267                      </svg>
1268                    </button>
1269                  </h2>
1270                  <div
1271                    id="faq-3"
1272                    class="accordion-collapse collapse"
1273                    aria-labelledby="faq-heading-3"
1274                    data-bs-parent="#accordionFAQ"
1275                  >
1276                    <div
1277                      class="accordion-body border-t border-jacarta-100 bg-white p-4 dark:border-jacarta-600 dark:bg-jacarta-700"
1278                    >
1279                      <div class="dark:text-jacarta-200">
1280                        <p>Нет, вам не нужно заранее покупать домен и хостинг. У нас есть специальные условия для заказчиков:</p><br>
1281						<p>1. Мы сотрудничаем с reg.ru и предоставляем вам возможность приобрести доменное имя по оптовым ценам без наценки.</p>
1282						<p>2. Если у вас уже есть зарегистрированное доменное имя, мы прикрепим его к нашему хостингу.</p>
1283						<p>3. Что касается хостинга, не переживайте о его регистрации – мы используем свои собственные серверы, так как их настройки специфичны и отличаются от стандартных предложений хостинг-провайдеров.</p><br>
1284						<p>Таким образом, вы можете начать процесс заказа сайта с нами, и мы поможем вам с доменом и хостингом в удобное для вас время.</p>
1285                      </div>
1286                    </div>
1287                  </div>
1288                </div>
1289              </div>
1290              <p class="text-lg text-jacarta-700 dark:text-jacarta-100">
1291                Остались вопросы? <a href="mailto:[email protected]" class="text-accent">[email protected]</a>
1292              </p>
1293            </div>
1294            <div class="lg:w-[55%]">
1295              <div class="mt-12 md:flex md:space-x-8 lg:justify-end">
1296                <div class="relative mb-8 max-w-[13.125rem] self-end rounded-2.5xl bg-green p-8 shadow-2xl">
1297                  <img
1298                    src="/skins/sibserver/img/patterns/pattern_circle_1.png"
1299                    class="absolute -top-10 -left-8 -z-10 animate-fly dark:z-0 dark:opacity-10"
1300                    alt="Завершенных проектов"
1301                  />
1302                  <div>
1303                    <span class="mb-4 block font-display text-base text-white">Завершенных проектов</span>
1304                    <span class="mb-4 block font-display text-4xl text-white">380+</span>
1305                    <span class="block text-base text-white">Проекты выполняются в сроки.</span>
1306                  </div>
1307                </div>
1308                <img src="/skins/sibserver/img/consultant/faq.jpg" class="mb-8 inline-block rounded-2.5xl" alt="faq" />
1309              </div>
1310              <div class="relative">
1311                <img
1312                  src="/skins/sibserver/img/patterns/pattern_circle_2.png"
1313                  class="absolute -bottom-8 right-12 animate-fly dark:opacity-10"
1314                  alt="pattern circle 2"
1315                />
1316                <div class="relative mx-auto max-w-xs self-start rounded-2.5xl bg-blue p-8 shadow-2xl">
1317                  <div class="absolute right-8 top-8 rounded-full bg-white p-3">
1318                    <svg
1319                      xmlns="http://www.w3.org/2000/svg"
1320                      viewBox="0 0 24 24"
1321                      width="24"
1322                      height="24"
1323                      class="fill-blue"
1324                    >
1325                      <path fill="none" d="M0 0h24v24H0z" />
1326                      <path
1327                        d="M4.406 14.523l3.402-3.402 2.828 2.829 3.157-3.157L12 9h5v5l-1.793-1.793-4.571 4.571-2.828-2.828-2.475 2.474a8 8 0 1 0-.927-1.9zm-1.538 1.558l-.01-.01.004-.004A9.965 9.965 0 0 1 2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10c-4.07 0-7.57-2.43-9.132-5.919z"
1328                      />
1329                    </svg>
1330                  </div>
1331
1332                  <div class="text-left">
1333                    <span class="mb-4 block font-display text-base text-white">Удовлетворенных<br>клиентов</span>
1334                    <span class="mb-4 block font-display text-4xl text-white">95%</span>
1335                    <span class="block text-base text-white">Лояльны к своим клиентам.</span>
1336                  </div>
1337                </div>
1338              </div>
1339            </div>
1340          </div>
1341        </div>
1342      </section>
1343      <!-- end faq -->
1344	  <!-- Блог -->
1345		<!-- Блог -->
1346<section class="py-24 dark:bg-jacarta-800">
1347  <div class="container">
1348    <h2 class="mb-8 text-center font-display text-3xl font-medium text-jacarta-700 dark:text-white">Блог</h2>
1349    <div class="grid grid-cols-1 gap-[1.875rem] sm:grid-cols-2 md:grid-cols-3">
1350      <article>
1351              <div class="overflow-hidden rounded-2.5xl transition-shadow hover:shadow-lg">
1352                <figure class="group overflow-hidden">
1353                  <a href="/blog/kto-takoy-moderator-foruma-i-chem-on-zanimaetsya">
1354                    <img
1355                      src="/img/shop/1739085960.jpg"
1356                      alt="Кто такой модератор форума и чем он занимается?"
1357                      class="h-full w-full object-cover transition-transform duration-[1600ms] will-change-transform group-hover:scale-105"
1358                    />
1359                  </a>
1360                </figure>
1361
1362                <!-- Body -->
1363                <div class="rounded-b-[1.25rem] border border-t-0 border-jacarta-100 bg-white p-[10%] dark:border-jacarta-600 dark:bg-jacarta-700"
1364                >
1365                  <!-- Meta -->
1366                  <div class="mb-3 flex flex-wrap items-center space-x-1 text-xs">
1367					<span class="dark:text-jacarta-400">Статья</span>                    
1368                  </div>
1369
1370                  <h2
1371                    class="mb-4 font-display text-xl text-jacarta-700 hover:text-accent dark:text-white dark:hover:text-accent"
1372                  >
1373                    <a href="/blog/kto-takoy-moderator-foruma-i-chem-on-zanimaetsya"> Кто такой модератор форума и чем он занимается? </a>
1374                  </h2>
1375                  <p class="mb-8 dark:text-jacarta-200">
1376                    Модератор форума – это человек, который следит за порядком, удаляет нарушения и помогает пользователям. Чем отличается модератор от администратора? Какие у него обязанности и как стать модератором? Узнайте, какие навыки необходимы и какую роль выполняют модераторы на форумах.
1377                  </p>
1378
1379                  <!-- Date / Time -->
1380                  <div class="flex flex-wrap items-center space-x-2 text-sm text-jacarta-400">
1381                    <span><time datetime="9 февраля 2025 г.">9 февраля 2025 г.</time></span>                    
1382                  </div>
1383                </div>
1384              </div>
1385            </article><article>
1386              <div class="overflow-hidden rounded-2.5xl transition-shadow hover:shadow-lg">
1387                <figure class="group overflow-hidden">
1388                  <a href="/blog/frontend-razrabotchik-kto-eto-i-chem-zanimaetsya">
1389                    <img
1390                      src="/img/shop/1739084846.jpg"
1391                      alt="Frontend разработчик кто это и чем занимается"
1392                      class="h-full w-full object-cover transition-transform duration-[1600ms] will-change-transform group-hover:scale-105"
1393                    />
1394                  </a>
1395                </figure>
1396
1397                <!-- Body -->
1398                <div class="rounded-b-[1.25rem] border border-t-0 border-jacarta-100 bg-white p-[10%] dark:border-jacarta-600 dark:bg-jacarta-700"
1399                >
1400                  <!-- Meta -->
1401                  <div class="mb-3 flex flex-wrap items-center space-x-1 text-xs">
1402					<span class="dark:text-jacarta-400">Статья</span>                    
1403                  </div>
1404
1405                  <h2
1406                    class="mb-4 font-display text-xl text-jacarta-700 hover:text-accent dark:text-white dark:hover:text-accent"
1407                  >
1408                    <a href="/blog/frontend-razrabotchik-kto-eto-i-chem-zanimaetsya"> Frontend разработчик кто это и чем занимается </a>
1409                  </h2>
1410                  <p class="mb-8 dark:text-jacarta-200">
1411                    Frontend разработчик — специалист, создающий интерфейсы сайтов и приложений. Он работает с HTML, CSS, JavaScript, делает страницы интерактивными и удобными. Узнайте, чем занимается frontend разработчик, какие технологии использует и как им стать. Сколько учиться и где искать работу?
1412                  </p>
1413
1414                  <!-- Date / Time -->
1415                  <div class="flex flex-wrap items-center space-x-2 text-sm text-jacarta-400">
1416                    <span><time datetime="9 февраля 2025 г.">9 февраля 2025 г.</time></span>                    
1417                  </div>
1418                </div>
1419              </div>
1420            </article><article>
1421              <div class="overflow-hidden rounded-2.5xl transition-shadow hover:shadow-lg">
1422                <figure class="group overflow-hidden">
1423                  <a href="/blog/seo-specialist-kto-eto-chem-zanimaetsya-i-skol-ko-zarabatyvaet">
1424                    <img
1425                      src="/img/shop/1738138679.jpg"
1426                      alt="SEO-специалист: кто это, чем занимается и сколько зарабатывает"
1427                      class="h-full w-full object-cover transition-transform duration-[1600ms] will-change-transform group-hover:scale-105"
1428                    />
1429                  </a>
1430                </figure>
1431
1432                <!-- Body -->
1433                <div class="rounded-b-[1.25rem] border border-t-0 border-jacarta-100 bg-white p-[10%] dark:border-jacarta-600 dark:bg-jacarta-700"
1434                >
1435                  <!-- Meta -->
1436                  <div class="mb-3 flex flex-wrap items-center space-x-1 text-xs">
1437					<span class="dark:text-jacarta-400">Статья</span>                    
1438                  </div>
1439
1440                  <h2
1441                    class="mb-4 font-display text-xl text-jacarta-700 hover:text-accent dark:text-white dark:hover:text-accent"
1442                  >
1443                    <a href="/blog/seo-specialist-kto-eto-chem-zanimaetsya-i-skol-ko-zarabatyvaet"> SEO-специалист: кто это, чем занимается и сколько зарабатывает </a>
1444                  </h2>
1445                  <p class="mb-8 dark:text-jacarta-200">
1446                    Кто такой SEO-специалист, чем он занимается и сколько зарабатывает? Разбираемся в основах профессии, необходимых навыках, вариантах трудоустройства и перспективах роста. Узнайте, как стать SEO-специалистом с нуля и где найти работу в 2025 году.
1447                  </p>
1448
1449                  <!-- Date / Time -->
1450                  <div class="flex flex-wrap items-center space-x-2 text-sm text-jacarta-400">
1451                    <span><time datetime="29 января 2025 г.">29 января 2025 г.</time></span>                    
1452                  </div>
1453                </div>
1454              </div>
1455            </article>    </div>
1456    <div class="mt-10 text-center">
1457      <a href="/blog" class="inline-block rounded-full bg-accent py-3 px-8 text-center font-semibold text-white shadow-accent-volume transition-all hover:bg-accent-dark">Все статьи</a>
1458    </div>
1459  </div>
1460</section>
1461		<!-- end Блог -->
1462       <!-- Socials / CTA / Newsletter -->
1463      <section class="relative py-24">
1464        <picture class="pointer-events-none absolute inset-0 -z-10 dark:hidden">
1465          <img src="/skins/sibserver/img/gradient.jpg" alt="gradient block news" class="h-full w-full" />
1466        </picture>
1467        <picture class="pointer-events-none absolute inset-0 -z-10 hidden dark:block">
1468          <img src="/skins/sibserver/img/gradient_dark.jpg" alt="gradient dark" class="h-full w-full" />
1469        </picture>
1470        <div class="container">
1471          <div class="lg:flex lg:space-x-12">
1472            <div class="mb-12 lg:w-1/2">
1473              <div class="rounded-2.5xl bg-white p-12 dark:bg-jacarta-700">
1474                <h2 class="mb-5 font-display text-3xl text-jacarta-700 dark:text-white">
1475                  Будьте в курсе последних новостей и обновлений
1476                </h2>
1477                <p class="mb-8 text-lg leading-normal dark:text-jacarta-300">
1478                  Подписывайтесь на наши официальные страницы в социальных сетях и не упустите интересные материалы, полезные советы и специальные предложения.
1479                </p>
1480                <div class="flex space-x-2">
1481                  <a
1482                    href="https://vk.com/sibirserver"
1483                    class="group inline-flex h-10 w-10 items-center justify-center rounded-2lg border-2 border-accent-lighter hover:border-accent hover:bg-accent"
1484					target="_blank"
1485					rel="nofollow"
1486				  >
1487                    <svg
1488                      aria-hidden="true"
1489                      focusable="false"
1490                      data-prefix="fab"
1491                      data-icon="vk"
1492                      class="h-5 w-5 fill-accent group-hover:fill-white dark:group-hover:fill-white"
1493                      role="img"
1494                      xmlns="http://www.w3.org/2000/svg"
1495                      viewBox="0 0 512 512"
1496                    >
1497                      <path d="M484.7,132c3.56-11.28,0-19.48-15.75-19.48H416.58c-13.21,0-19.31,7.18-22.87,14.86,0,0-26.94,65.6-64.56,108.13-12.2,12.3-17.79,16.4-24.4,16.4-3.56,0-8.14-4.1-8.14-15.37V131.47c0-13.32-4.06-19.47-15.25-19.47H199c-8.14,0-13.22,6.15-13.22,12.3,0,12.81,18.81,15.89,20.84,51.76V254c0,16.91-3,20-9.66,20-17.79,0-61-66.11-86.92-141.44C105,117.64,99.88,112,86.66,112H33.79C18.54,112,16,119.17,16,126.86c0,13.84,17.79,83.53,82.86,175.77,43.21,63,104.72,96.86,160.13,96.86,33.56,0,37.62-7.69,37.62-20.5V331.33c0-15.37,3.05-17.93,13.73-17.93,7.62,0,21.35,4.09,52.36,34.33C398.28,383.6,404.38,400,424.21,400h52.36c15.25,0,22.37-7.69,18.3-22.55-4.57-14.86-21.86-36.38-44.23-62-12.2-14.34-30.5-30.23-36.09-37.92-7.62-10.25-5.59-14.35,0-23.57-.51,0,63.55-91.22,70.15-122" style="fill-rule:evenodd"/>
1498               
1499                    </svg>
1500                  </a>                
1501                </div>
1502              </div>
1503            </div>
1504            <div class="mb-12 lg:w-1/2">
1505              <div class="h-full rounded-2.5xl bg-white p-12 dark:bg-jacarta-700">
1506                <h2 class="mb-5 font-display text-3xl text-jacarta-700 dark:text-white">
1507                  Напишите нам<br />для оценки разработки сайта
1508                </h2>
1509                <p class="mb-8 text-lg leading-normal dark:text-jacarta-300">
1510                  Сделаем это бесплатно и отправим вам подробную смету и коммерческое предложение.
1511                </p>
1512                <a
1513                  href="#modal"
1514                  class="inline-block rounded-full bg-accent py-3 px-8 text-center font-semibold text-white shadow-accent-volume transition-all hover:bg-accent-dark"
1515                >
1516                  Узнать стоимость
1517                </a>
1518              </div>
1519            </div>
1520          </div>
1521        </div>
1522      </section>
1523	  	<!-- Partners -->
1524      <div class="dark:bg-jacarta-900">
1525        <div class="container">
1526		<h2 class="mb-8 text-left font-display text-3xl font-medium text-jacarta-700 dark:text-white">           
1527           Наши партнеры
1528          </h2>
1529          <div class="grid grid-cols-2 py-8 sm:grid-cols-5">
1530            <a href="https://www.reg.ru/domain/new/?rlink=reflink-6114395" rel="nofollow" target="_blank"><img src="/skins/sibserver/img/partners/REGRU-label-round-white.png" alt="Партнер REG.RU" /> </a>
1531          </div>
1532        </div>
1533      </div>
1534      <!-- end partners -->
1535	      </main>
1536    <!-- Footer -->
1537    <footer class="page-footer bg-white dark:bg-jacarta-900">
1538      <div class="container">
1539        <div class="grid grid-cols-6 gap-x-7 gap-y-14 pt-24 pb-12 md:grid-cols-12">
1540          <div class="col-span-full sm:col-span-3 md:col-span-5">
1541            <!-- Logo -->
1542            <a href="/" class="mb-6 inline-block">
1543              <img src="/skins/sibserver/img/logo_b.png" class="max-h-7 dark:hidden" alt="СибирьСервер logo b | Разработка веб-сайтов" />
1544              <img src="/skins/sibserver/img/logo_w.png" class="hidden max-h-7 dark:block" alt="СибирьСервер logo w | Разработка веб-сайтов" />
1545            </a>
1546            <p class="mb-12 dark:text-jacarta-300">
1547              Веб-студия «СибирьСервер» в Новосибирске с 2012 года. Создаем уникальные сайты в Новосибирске и занимаемся SEO продвижением. Индивидуальный подход к каждому проекту.
1548            </p>
1549            <!-- Socials -->
1550            <div class="flex space-x-5">
1551              <a href="https://vk.com/sibirserver" target="_blank" rel="nofollow" class="group">
1552                <svg
1553                  aria-hidden="true"
1554                  focusable="false"
1555                  data-prefix="fab"
1556                  data-icon="vk"
1557                  class="h-5 w-5 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
1558                  role="img"
1559                  xmlns="http://www.w3.org/2000/svg"
1560                  viewBox="0 0 512 512"
1561                >
1562                  <path d="M484.7,132c3.56-11.28,0-19.48-15.75-19.48H416.58c-13.21,0-19.31,7.18-22.87,14.86,0,0-26.94,65.6-64.56,108.13-12.2,12.3-17.79,16.4-24.4,16.4-3.56,0-8.14-4.1-8.14-15.37V131.47c0-13.32-4.06-19.47-15.25-19.47H199c-8.14,0-13.22,6.15-13.22,12.3,0,12.81,18.81,15.89,20.84,51.76V254c0,16.91-3,20-9.66,20-17.79,0-61-66.11-86.92-141.44C105,117.64,99.88,112,86.66,112H33.79C18.54,112,16,119.17,16,126.86c0,13.84,17.79,83.53,82.86,175.77,43.21,63,104.72,96.86,160.13,96.86,33.56,0,37.62-7.69,37.62-20.5V331.33c0-15.37,3.05-17.93,13.73-17.93,7.62,0,21.35,4.09,52.36,34.33C398.28,383.6,404.38,400,424.21,400h52.36c15.25,0,22.37-7.69,18.3-22.55-4.57-14.86-21.86-36.38-44.23-62-12.2-14.34-30.5-30.23-36.09-37.92-7.62-10.25-5.59-14.35,0-23.57-.51,0,63.55-91.22,70.15-122" style="fill-rule:evenodd"/>
1563                </svg>
1564              </a> 
1565			  <a href="https://ok.ru/group/54627367518425" target="_blank" rel="nofollow" class="group">
1566                <svg
1567                  aria-hidden="true"
1568                  focusable="false"
1569                  data-prefix="fab"
1570                  data-icon="odnoklassniki-square"
1571                  class="h-5 w-5 fill-jacarta-300 group-hover:fill-accent dark:group-hover:fill-white"
1572                  role="img"
1573                  xmlns="http://www.w3.org/2000/svg"
1574                  viewBox="0 0 512 512"
1575                >
1576                  <path d="M184.2 177.1c0-22.1 17.9-40 39.8-40s39.8 17.9 39.8 40c0 22-17.9 39.8-39.8 39.8s-39.8-17.9-39.8-39.8zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-305.1 97.1c0 44.6 36.4 80.9 81.1 80.9s81.1-36.2 81.1-80.9c0-44.8-36.4-81.1-81.1-81.1s-81.1 36.2-81.1 81.1zm174.5 90.7c-4.6-9.1-17.3-16.8-34.1-3.6 0 0-22.7 18-59.3 18s-59.3-18-59.3-18c-16.8-13.2-29.5-5.5-34.1 3.6-7.9 16.1 1.1 23.7 21.4 37 17.3 11.1 41.2 15.2 56.6 16.8l-12.9 12.9c-18.2 18-35.5 35.5-47.7 47.7-17.6 17.6 10.7 45.8 28.4 28.6l47.7-47.9c18.2 18.2 35.7 35.7 47.7 47.9 17.6 17.2 46-10.7 28.6-28.6l-47.7-47.7-13-12.9c15.5-1.6 39.1-5.9 56.2-16.8 20.4-13.3 29.3-21 21.5-37z"/>
1577				  </svg>
1578              </a>			  
1579            </div>
1580          </div>
1581
1582          <div class="col-span-full sm:col-span-3 md:col-span-3 md:col-start-6">
1583            <h3 class="mb-6 font-display text-md text-jacarta-700 dark:text-white">Разработка</h3>
1584            <ul class="flex flex-col space-y-1 dark:text-jacarta-300">
1585             <li><a href="/sozdanie-saytov" class="hover:text-accent dark:hover:text-white">Создание сайтов</a></li><li><a href="/tehnicheskaya-podderzhka" class="hover:text-accent dark:hover:text-white">Техническая поддержка</a></li><li><a href="/maketplace" class="hover:text-accent dark:hover:text-white">Магазин сайтов</a></li>            </ul>
1586          </div>          
1587
1588          <div class="col-span-full sm:col-span-3 md:col-span-3">
1589            <h3 class="mb-6 font-display text-md text-jacarta-700 dark:text-white">SEO-продвижение</h3>
1590            <ul class="flex flex-col space-y-1 dark:text-jacarta-300">
1591              <li><a href="/prodvizhenie-za-trafik" class="hover:text-accent dark:hover:text-white">Продвижение за трафик</a></li><li><a href="/prodvizhenie-za-pozicii" class="hover:text-accent dark:hover:text-white">Продвижение за позиции</a></li><li><a href="/seo-audit" class="hover:text-accent dark:hover:text-white">SEO-аудит</a></li>            </ul>
1592          </div>
1593		  
1594		  <div class="col-span-full sm:col-span-3 md:col-span-3">
1595            <h3 class="mb-6 font-display text-md text-jacarta-700 dark:text-white">Реклама</h3>
1596            <ul class="flex flex-col space-y-1 dark:text-jacarta-300">
1597			<li><a href="/kontekstnaya-reklama" class="hover:text-accent dark:hover:text-white">Контекстная реклама</a></li><li><a href="/targetirovannaya-reklama" class="hover:text-accent dark:hover:text-white">Таргетированная реклама</a></li><li><a href="/audit-kontekstnoy-reklamy" class="hover:text-accent dark:hover:text-white">Аудит контекстной рекламы</a></li>             
1598            </ul>
1599          </div>
1600        </div>
1601        <div class="flex flex-col items-center justify-between space-y-2 py-8 sm:flex-row sm:space-y-0">
1602          <span class="text-sm dark:text-jacarta-400"
1603            >&copy; 2012 — 2026.
1604            Наш проект: <a href="https://tolkovka.ru" class="hover:text-accent">Толковка</a></span
1605          >
1606          <ul class="flex flex-wrap space-x-4 text-sm dark:text-jacarta-400">
1607 <li><a href="/privacy" class="hover:text-accent">Политика конфиденциальности</a></li><li><a href="/vacancy" class="hover:text-accent">Вакансии</a></li><li><a href="/reviews" class="hover:text-accent">Отзывы</a></li><li><a href="#modal" class="hover:text-accent">Отправить заявку</a></li>          </ul>
1608        </div>
1609      </div>
1610    </footer>	<div class="sib-modal" id="modal"><a class="sib-close-icon" href="#sib-close"></a><h3 class="mb-3 text-center font-display text-3xl font-medium text-jacarta-700 dark:text-accent">Заказать сайт</h3><form action="" method="POST" name=><input type="name" class='sib-input input-ru' name="vashe-imya" placeholder="Ваше имя" required value=""><input type="phone" class='sib-input mask-phone form-control' name="vash-telefon" placeholder="Ваш телефон" required value=""><select class='sib-select' id="udobno-svyazat-sya" name="udobno-svyazat-sya"><option value="Позвонить">Позвонить</option><option value="WhatsApp">WhatsApp</option><option value="Telegram">Telegram</option></select><input type="text" class='sib-input' name="tematika-vashego-biznesa" placeholder="Тематика вашего бизнеса" required value=""><input type="text" class='sib-input' name="sayt-konkurentov" placeholder="Сайт конкурентов" required value=""><div class="mb-4 flex items-start">
1611            <input type="checkbox" id="agreeCheckbox" class="mr-2 mt
1611-1">
1612            <label for="agreeCheckbox" class="text-sm leading-normal">
1613                Принимаю условия <a href="/privacy" target="_blank" class="text-blue-600 hover:underline">политики конфиденциальности</a> 
1614                и даю согласие на обработку персональных данных
1615            </label>
1616        </div><button id="submitButton" name="zakazat-sayt" type="submit" value="Отправить заявку" class="inline-block rounded-full bg-accent mb-5 py-3 px-8 text-center font-semibold text-white shadow-accent-volume transition-all hover:bg-accent-dark" disabled>Отправить заявку</button>
vendor: 66 bytes, lines 1616-1617
1616<script src="https://www.google.com/recaptcha/api.js"></script>
1617		
1617<div class="g-recaptcha mt-3" data-sitekey="6LfIaSEoAAAAAKjiEjEwbqwZTkQhOmrQe95eg9f-"></div></form></div>
1618<script>
1619document.addEventListener("DOMContentLoaded", function() {
1620    let checkbox = document.getElementById("agreeCheckbox");
1621    let submitButton = document.getElementById("submitButton");
1622
1623    checkbox.addEventListener("change", function() {
1624        submitButton.disabled = !checkbox.checked;
1625    });
1626});
1627</script>
1627
1628<link rel="stylesheet" type="text/css" href="/plugins/pop-up/css/modules.css">
1629<script src="/plugins/pop-up/js/jquery.min.js"></script>
vendor: 1 bytes, line 1629
1629
1630<script src="/plugins/pop-up/js/jquery.maskedinput.min.js"></script>
vendor: 1 bytes, line 1630
1630
1631<script>
1632$('.mask-phone').mask('+7 (999) 999-99-99');
1633$('body').on('input', '.input-ru', function(){
1634	this.value = this.value.replace(/[^а-яё\s]/gi, '');
1635});
1636</script>
1636<!-- Yandex.Metrika counter -->
1637<script type="text/javascript" >
vendor: 406 bytes, lines 1637-1644
1637
1638   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
1639   m[i].l=1*new Date();
1640   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
1641   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
1642   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
1643
1644   ym(
164434701060
vendor: 123 bytes, lines 1644-1649
1644, "init", {
1645        clickmap:true,
1646        trackLinks:true,
1647        accurateTrackBounce:true,
1648        webvisor:true
1649   });
1650</script>
1650
1651<noscript><div><img src="https://mc.yandex.ru/watch/34701060" style="position:absolute; left:-9999px;" alt="Яндекс.Метрика" /></div></noscript>
1652<!-- /Yandex.Metrika counter -->	
1653    <!-- JS Scripts -->
1654    
1654<script src="/skins/sibserver/js/countdown.bundle.js"></script>
1654
1655    
1655<script src="/skins/sibserver/js/app.bundle.js"></script>
1655
1656	
1656<script src="/skins/sibserver/js/readtime.js"></script>
1656
1657		
1658  </body>
1659</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.