PageSourceSearch

https://htmlsite.kz/index.html

html htmlsite.kz collected 2026-10-05 00:03:03 UTC 72,262 bytes, 1,377 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru">
3
4<head>
5  <meta charset="utf-8">
6  <meta content="width=device-width, initial-scale=1.0" name="viewport">
7
8<title>Создание Cайтов (Астана, Алматы) НЕДОРОГО Гарантия!</title>
9<meta name="description" content="Сайт ✅ написанный руками | SEO Продвижение | Анимация и Видео на сайте | Реклама - Маркетинговый план ☎+7-705-169-17-04">
10<meta name="keywords" content="разработка сайтов, создание сайтов, Астана, Алматы, Караганда, продвижение сайтов, раскрутка сайта">
11
12  <!-- Favicons -->
13  <link href="assets/img/favicon.png" rel="icon">
14  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
15
16  <!-- Google Fonts -->
17  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
18
19  <!-- Vendor CSS Files -->
20  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
21  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
22  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
23  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
24  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
25  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
26
27  <!-- Template Main CSS File -->
28  <link href="assets/css/style.css" rel="stylesheet">
29
30  <!-- =======================================================
31  * Template Name: FlexStart
32  * Updated: Sep 18 2023 with Bootstrap v5.3.2
33  * Template URL: https://bootstrapmade.com/flexstart-bootstrap-startup-template/
34  * Author: BootstrapMade.com
35  * License: https://bootstrapmade.com/license/
36  ======================================================== -->
37	<!-- Top.Mail.Ru counter -->
38<script type="text/javascript">
39var _tmr = window._tmr || (window._tmr = []);
40_tmr.push({id: "2734211", type: "pageView", start: (new Date()).getTime()});
41(function (d, w, id) {
42  if (d.getElementById(id)) return;
43  var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id;
44  ts.src = "https://top-fwz1.mail.ru/js/code.js";
45  var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);};
46  if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
47})(document, window, "tmr-code");
48</script>
48
49<noscript><div><img src="https://top-fwz1.mail.ru/counter?id=2734211;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript>
50<!-- /Top.Mail.Ru counter -->
vendor: 63 bytes, lines 50-51
50
51  <script src="https://www.google.com/recaptcha/api.js?render=
51YOUR_RECAPTCHA_SITE_KEY
vendor: 16 bytes, lines 51-52
51"></script>
52    
52<script>
53        grecaptcha.ready(function () {
54            grecaptcha.execute('YOUR_RECAPTCHA_SITE_KEY', { action: 'contact' }).then(function (token) {
55                var recaptchaResponse = document.getElementById('recaptchaResponse');
56                recaptchaResponse.value = token;
57            });
58        });
59    </script>
vendor: 63 bytes, lines 59-60
59
60  <script src="https://www.google.com/recaptcha/api.js?render=
606LddkKApAAAAAHeUnqpS_DxJBjZIOetNSmn1famE
vendor: 16 bytes, lines 60-61
60"></script>
61    
61<script>
62        grecaptcha.ready(function () {
63            grecaptcha.execute('YOUR_RECAPTCHA_SITE_KEY', { action: 'contact' }).then(function (token) {
64                var recaptchaResponse = document.getElementById('recaptchaResponse');
65                recaptchaResponse.value = token;
66            });
67        });
68    </script>
68
69
70</head>
71
72<body>
73
74  <!-- ======= Header ======= -->
75  <header id="header" class="header fixed-top">
76    <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
77
78      <a href="index.html" class="logo d-flex align-items-center">
79        <img src="assets/img/logo.png" alt="">
80        <span>СПД+</span>
81      </a>
82
83      <nav id="navbar" class="navbar">
84        <ul>
85          <li><a class="nav-link scrollto active" href="#hero">Главная</a></li>
86          <li><a class="nav-link scrollto" href="#about">О нас</a></li>
87          <li><a class="nav-link scrollto" href="#services">Услуги</a></li>
88          <li><a class="nav-link scrollto" href="#portfolio">Портфолио</a></li>
89          <li><a class="nav-link scrollto" href="#team">Команда</a></li>
90          <li><a href="blog.html">Уроки</a></li><!--
91          <li class="dropdown"><a href="#"><span>Видео</span> <i class="bi bi-chevron-down"></i></a>
92            <ul><!--был class="bi bi-chevron-right" 
93              <li><a href="#">Что такое SEO</a></li>
94			  </li>
95            </ul>-->
96     	  <li><a href="video1.html">Видео</a></li>
97          <li class="dropdown"><a href="inner-page.html"><span>Статьи</span><i class="bi bi-chevron-down"></i></a>
98            <ul><!--class="dropdown megamenu" заменен на class="dropdown" чтобы выпадающее меню упростить -->
99              <li>
100                <a href="inner-page1.html">Почему НЕ PHP</a>
101                <a href="inner-page2.html">Все уже придумано до нас</a>
102				 <a href="inner-page3.html">Как скрыть контент с помощью прозрачности</a>
103                </li>
104				<!--
105              <li>
106                <a href="#">Column 2 link 1</a>
107                <a href="#">Column 2 link 2</a>
108                <a href="#">Column 3 link 3</a>
109              </li>
110              <li>
111                <a href="#">Column 3 link 1</a>
112                <a href="#">Column 3 link 2</a>
113                <a href="#">Column 3 link 3</a>
114              </li>
115              <li>
116                <a href="#">Column 4 link 1</a>
117                <a href="#">Column 4 link 2</a>
118                <a href="#">Column 4 link 3</a>
119              </li>-->
120            </ul>
121          </li>
122
123          <li><a class="nav-link scrollto" href="#contact">Контакты</a></li>
124          <li><a href="whatsapp://send?phone=+77051691704" class="getstarted scrollto">Send WhatsApp</a></li>
125        </ul>
126        <i class="bi bi-list mobile-nav-toggle"></i>
127      </nav><!-- .navbar -->
128
129    </div>
130  </header><!-- End Header -->
131
132  <!-- ======= Hero Section ======= -->
133  <section id="hero" class="hero d-flex align-items-center">
134
135    <div class="container">
136      <div class="row">
137        <div class="col-lg-6 d-flex flex-column justify-content-center">
138          <h1 data-aos="fade-up">Мы предлагаем современные решения для развития вашего бизнеса</h1>
139          <h2 data-aos="fade-up" data-aos-delay="400">Мы команда талантливых дизайнеров, создающих сайты</h2>
140          <div data-aos="fade-up" data-aos-delay="600">
141            <div class="text-center text-lg-start">
142              <a href="#contact" class="btn-get-started scrollto d-inline-flex align-items-center justify-content-center align-self-center">
143                <span>Написать письмо</span>
144                <i class="bi bi-arrow-right"></i>
145              </a>
146            </div>
147          </div>
148        </div>
149        <div class="col-lg-6 hero-img" data-aos="zoom-out" data-aos-delay="200">
150          <img src="assets/img/hero-img.png" class="img-fluid" alt="">
151        </div>
152      </div>
153    </div>
154
155  </section><!-- End Hero -->
156
157  <main id="main">
158    <!-- ======= About Section ======= -->
159    <section id="about" class="about">
160
161      <div class="container" data-aos="fade-up">
162        <div class="row gx-0">
163
164          <div class="col-lg-6 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200">
165            <div class="content">
166              <h3>О нас</h3>
167              <h2>Наш подход к созданию сайтов отличается от многих. Мы дадим Вам несколько вариантов сайта на выбор и начнем после Вашего решения.</h2>
168              <p>
169               Преимущество наших сайтов в скорости загрузки их в браузер. Это достигается за счет отказа от тяжеловесных языков программирования, на которых зациклились большинство веб-студий и программистов.
170              </p>
171              <div class="text-center text-lg-start">
172                <a href="#" class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center">
173                  <span>На главную</span>
174                  <i class="bi bi-arrow-right"></i>
175                </a>
176              </div>
177            </div>
178          </div>
179
180          <div class="col-lg-6 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="200">
181            <img src="assets/img/about.jpg" class="img-fluid" alt="">
182          </div>
183
184        </div>
185      </div>
186
187    </section><!-- End About Section -->
188
189    <!-- ======= Values Section ======= -->
190    <section id="values" class="values">
191
192      <div class="container" data-aos="fade-up">
193
194        <header class="section-header">
195          <h2>Наши приоритеты</h2>
196          <p>Мы ценим долгосрочное сотрудничество и потому новый проект начинаем после завершения текущего</p>
197        </header>
198
199        <div class="row">
200
201          <div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
202            <div class="box">
203              <img src="assets/img/values-1.png" class="img-fluid" alt="">
204              <h3>Прибыль понятие многозначное</h3>
205              <p>В современном мире нельзя уповать на один источник доходов. Даже если вы нашли нишу, не факт, что это навсегда, только постоянный поиск обеспечивает успех.</p>
206            </div>
207          </div>
208
209          <div class="col-lg-4 mt-4 mt-lg-0" data-aos="fade-up" data-aos-delay="400">
210            <div class="box">
211              <img src="assets/img/values-2.png" class="img-fluid" alt="">
212              <h3>Любой стартап требует комплексного подхода</h3>
213              <p>Ваша главная идея - это основное направление. От нее должны отпочковаться суботраслевые или смежные виды деятельности. Лучше сразу планировать сеть...</p>
214            </div>
215          </div>
216
217          <div class="col-lg-4 mt-4 mt-lg-0" data-aos="fade-up" data-aos-delay="600">
218            <div class="box">
219              <img src="assets/img/values-3.png" class="img-fluid" alt="">
220              <h3>Адаптивная верстка сайта</h3>
221              <p>Телефон стал вытеснять компьютер, большниство заказов делается именно с телефона. Вот почему сайт должен быть адаптивым и скоростным.</p>
222            </div>
223          </div>
224
225        </div>
226
227      </div>
228
229    </section><!-- End Values Section -->
230
231    <!-- ======= Counts Section ======= -->
232    <section id="counts" class="counts">
233      <div class="container" data-aos="fade-up">
234
235        <div class="row gy-4">
236
237          <div class="col-lg-3 col-md-6">
238            <div class="count-box">
239              <i class="bi bi-emoji-smile"></i>
240              <div>
241                <span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="1" class="purecounter"></span>
242                <p>Счастливых Клиентов</p>
243              </div>
244            </div>
245          </div>
246
247          <div class="col-lg-3 col-md-6">
248            <div class="count-box">
249              <i class="bi bi-journal-richtext" style="color: #ee6c20;"></i>
250              <div>
251                <span data-purecounter-start="0" data-purecounter-end="521" data-purecounter-duration="1" class="purecounter"></span>
252                <p>Проектов</p>
253              </div>
254            </div>
255          </div>
256
257          <div class="col-lg-3 col-md-6">
258            <div class="count-box">
259              <i class="bi bi-headset" style="color: #15be56;"></i>
260              <div>
261                <span data-purecounter-start="0" data-purecounter-end="1463" data-purecounter-duration="1" class="purecounter"></span>
262                <p>Часов поддержки</p>
263              </div>
264            </div>
265          </div>
266
267          <div class="col-lg-3 col-md-6">
268            <div class="count-box">
269              <i class="bi bi-people" style="color: #bb0852;"></i>
270              <div>
271                <span data-purecounter-start="0" data-purecounter-end="15" data-purecounter-duration="1" class="purecounter"></span>
272                <p>Специалистов</p>
273              </div>
274            </div>
275          </div>
276
277        </div>
278
279      </div>
280    </section><!-- End Counts Section -->
281
282    <!-- ======= Features Section ======= -->
283    <section id="features" class="features">
284
285      <div class="container" data-aos="fade-up">
286
287        <header class="section-header">
288          <h2>Функционал</h2>
289          <p>Адаптивная верстка сайта</p>
290        </header>
291
292        <div class="row">
293
294          <div class="col-lg-6">
295            <img src="assets/img/features.png" class="img-fluid" alt="">
296          </div>
297
298          <div class="col-lg-6 mt-5 mt-lg-0 d-flex">
299            <div class="row align-self-center gy-4">
300
301              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="200">
302                <div class="feature-box d-flex align-items-center">
303                  <i class="bi bi-check"></i>
304                  <h3>Визуальные эффекты на сайте</h3>
305                </div>
306              </div>
307
308              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="300">
309                <div class="feature-box d-flex align-items-center">
310                  <i class="bi bi-check"></i>
311                  <h3>Видео и анимация</h3>
312                </div>
313              </div>
314
315              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="400">
316                <div class="feature-box d-flex align-items-center">
317                  <i class="bi bi-check"></i>
318                  <h3>Контент ориентирован на прибыль</h3>
319                </div>
320              </div>
321
322              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="500">
323                <div class="feature-box d-flex align-items-center">
324                  <i class="bi bi-check"></i>
325                  <h3>Уникальные статьи на сайт</h3>
326                </div>
327              </div>
328
329              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="600">
330                <div class="feature-box d-flex align-items-center">
331                  <i class="bi bi-check"></i>
332                  <h3>Оптимизация под поисковые запросы</h3>
333                </div>
334              </div>
335
336              <div class="col-md-6" data-aos="zoom-out" data-aos-delay="700">
337                <div class="feature-box d-flex align-items-center">
338                  <i class="bi bi-check"></i>
339                  <h3>Аналитика сайта на валидность кода</h3>
340                </div>
341              </div>
342
343            </div>
344          </div>
345
346        </div> <!-- / row -->
347
348        <!-- Feature Tabs -->
349        <div class="row feture-tabs" data-aos="fade-up">
350          <div class="col-lg-6">
351            <h3>Лучший контент для сайта</h3>
352
353            <!-- Tabs -->
354            <ul class="nav nav-pills mb-3">
355              <li>
356                <a class="nav-link active" data-bs-toggle="pill" href="#tab1">Статьи на сайт</a>
357              </li>
358              <li>
359                <a class="nav-link" data-bs-toggle="pill" href="#tab2">Видео на сайт</a>
360              </li>
361              <li>
362                <a class="nav-link" data-bs-toggle="pill" href="#tab3">Анимационные эффекты</a>
363              </li>
364            </ul><!-- End Tabs -->
365
366            <!-- Tab Content -->
367            <div class="tab-content">
368
369              <div class="tab-pane fade show active" id="tab1">
370                <p>Статьи на сайте - важное условие для продвижения (раскрутки) сайта в поисковых системах. Текстовая часть должна занимать не менее 70% от всего контента на сайте. Видео, анимация, визуальные эффекты не менее важны, но...
371				</p>
372                <div class="d-flex align-items-center mb-2">
373                  <i class="bi bi-check2"></i>
374                  <h4>Уникальность контента</h4>
375                </div>
376                <p>Уникальность контента обеспечивается мастерством Ð
376ºÐ¾Ð¿Ð¸Ñ€Ð°Ð¹Ñ‚ера, который готовит статьи для вашего сайт.
377				</p>
378                <div class="d-flex align-items-center mb-2">
379                  <i class="bi bi-check2"></i>
380                  <h4>Релевантность контента</h4>
381                </div>
382                <p>Контент сайта должен соответствовать тому поисковому запросу, по которому на сайт зашел посетитель. 
383				</p>
384              </div><!-- End Tab 1 Content -->
385
386              <div class="tab-pane fade show" id="tab2">
387                <p>Многие предпочитают смотреть видео по теме, нежели чи1тать текст. Слушать и смотреть, конечно, легче чем читать, но когда голос далеко не дикторский возникает утомляемость слуха. Вот почему важно уметь вырезать из видео пустоты.
388				</p>
389                <div class="d-flex align-items-center mb-2">
390                  <i class="bi bi-check2"></i>
391                  <h4>Видео на сайт с ютуба</h4>
392                </div>
393                <p>Видео на сайте размещается на самом деле на канале ютуб и транслируется на ваш сайт через специальное окошко. Такая технология позволяет избежать чрезмерного трафика на сайт.</p>
394                <div class="d-flex align-items-center mb-2">
395                  <i class="bi bi-check2"></i>
396                  <h4>Свой и авторский контент</h4>
397                </div>
398                <p>Не всегда удается создать собственный видеоролик на высоком профессиональном уровне. Однако, в сети Интернет предостаточно готовых материалов, которые можно обрезать, склеить либо иным образом приспособить для нужд сайта.</p>
399              </div><!-- End Tab 2 Content -->
400
401              <div class="tab-pane fade show" id="tab3">
402                <p>Анимация на сайте создает эффект динамичного сайта, служит цели задержки внимания посетителя на визуальных эффектах, в ряде случаев может доносить до посестителя в краткой и сжатой форме основные направления деятельности, либо ваши преимущества.</p>
403                <div class="d-flex align-items-center mb-2">
404                  <i class="bi bi-check2"></i>
405                  <h4>Анимационный баннер</h4>
406                </div>
407                <p>Сайт при заходе на который вы видите неподвижную картинку в шапке выглядит скучновато. Конечно, если это не правительственный сайт, то можно добавить анимационных эффектов самыми различными способами.</p>
408                <div class="d-flex align-items-center mb-2">
409                  <i class="bi bi-check2"></i>
410                  <h4>Слайд шоу</h4>
411                </div>
412                <p>Слайд шоу можно создать с помощью gif-анимации, но можно и с помощью исполняемого кода. Если размер баннера небольшой, то достаточно gif-анимации. Но если Вы хотите распространить баннер на всю ширину страницы, то лучше воспользоваться исполняемым кодом, который будет менять фото на баннере сайта.</p>
413              </div><!-- End Tab 3 Content -->
414
415            </div>
416
417          </div>
418
419          <div class="col-lg-6">
420            <img src="assets/img/features-2.png" class="img-fluid" alt="">
421          </div>
422
423        </div><!-- End Feature Tabs -->
424
425        <!-- Feature Icons -->
426        <div class="row feature-icons" data-aos="fade-up">
427          <h3>Сайт плюс маркетинговый план</h3>
428
429          <div class="row">
430
431            <div class="col-xl-4 text-center" data-aos="fade-right" data-aos-delay="100">
432              <img src="assets/img/features-3.png" class="img-fluid p-4" alt="">
433            </div>
434
435            <div class="col-xl-8 d-flex content">
436              <div class="row align-self-center gy-4">
437
438                <div class="col-md-6 icon-box" data-aos="fade-up">
439                  <i class="ri-line-chart-line"></i>
440                  <div>
441                    <h4>Только SEO гарантирует успех</h4>
442                    <p>Продвижение сайта в сети Интернет за счет SEO технологий</p>
443                  </div>
444                </div>
445
446                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="100">
447                  <i class="ri-stack-line"></i>
448                  <div>
449                    <h4>Качество верстки</h4>
450                    <p>Верстка сайта должны отвечать современным тенденциям, так как поисковик умеет различать сайты по качеству кода</p>
451                  </div>
452                </div>
453
454                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="200">
455                  <i class="ri-brush-4-line"></i>
456                  <div>
457                    <h4>Поисковая оптимизация</h4>
458                    <p>Оптимизация сайта под поисковые запросы заключается в расстановке тегов на страницах в соответствии с тематикой</p>
459                  </div>
460                </div>
461
462                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="300">
463                  <i class="ri-magic-line"></i>
464                  <div>
465                    <h4>Ключевые слова</h4>
466                    <p>Подбор ключевых слов для сайта происходит не спонтанно, для этого есть сервисы, которые определяют частоту того или иного поискового запроса</p>
467                  </div>
468                </div>
469
470                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="400">
471                  <i class="ri-command-line"></i>
472                  <div>
473                    <h4>Учимся у конкурентов</h4>
474                    <p>Прежде чем определить будущую структуру сайта полезно изучить сайты конкурирующих фирм, уверяю, что там можно почерпнуть много полезной информации<
474/p>
475                  </div>
476                </div>
477
478                <div class="col-md-6 icon-box" data-aos="fade-up" data-aos-delay="500">
479                  <i class="ri-radar-line"></i>
480                  <div>
481                    <h4>Комплексный маркетинг</h4>
482                    <p>В современных условиях недостаточно продвигать свой бизнес за счет одного только сайта, важно использовать все реусурсы Интернета, включая социальные сети</p>
483                  </div>
484                </div>
485
486              </div>
487            </div>
488
489          </div>
490
491        </div><!-- End Feature Icons -->
492
493      </div>
494
495    </section><!-- End Features Section -->
496
497    <!-- ======= Services Section ======= -->
498    <section id="services" class="services">
499
500      <div class="container" data-aos="fade-up">
501
502        <header class="section-header">
503          <h2>Услуги</h2>
504          <p>Разработка и продвижение сайтов в сети Интернет, комплексный маркетинг</p>
505        </header>
506
507        <div class="row gy-4">
508
509          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
510            <div class="service-box blue">
511              <i class="ri-discuss-line icon"></i>
512              <h3>Разработка сайтов</h3>
513              <p>Разработка сайтов и создание сайтов - казалось бы одно и то же. Но есть в этих двух понятиях тонкая грань: если создать сайт можно не зная кода на какой-нибудь торговой площадке, то свой собственный, независимый сайт можно только разработать.</p>
514           <!--   <a href="#" class="read-more"><span>Читать больше</span> <i class="bi bi-arrow-right"></i></a>-->
515            </div>
516          </div>
517
518          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
519            <div class="service-box orange">
520              <i class="ri-discuss-line icon"></i>
521              <h3>Продвижение сайтов</h3>
522              <p>Не следует уповать на контекстную рекламу в поисковых системах. Рано или поздно любой рекламный бюджет заканчивается, но SEO остается. Откройте первую страницу Google по любому поисковому запросу и обратите внимание: сверху сайты с пометкой "реклама".
523			  </p>
524             <!--   <a href="#" class="read-more"><span>Читать больше</span> <i class="bi bi-arrow-right"></i></a>-->
525            </div>
526          </div>
527
528          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
529            <div class="service-box green">
530              <i class="ri-discuss-line icon"></i>
531              <h3>Маркетинг</h3>
532              <p>Комплексный маркетинг состоит в продвижении Вашего бизнеса не только за счет продвижения разработанного сайта, но и за счет различных Интернет-ресурсов, к которым относятся: социальные сети, торговые площадки, каталоги и т.п.
533			  </p>
534            <!--   <a href="#" class="read-more"><span>Читать больше</span> <i class="bi bi-arrow-right"></i></a>-->
535            </div>
536          </div>
537
538          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">
539            <div class="service-box red">
540              <i class="ri-discuss-line icon"></i>
541              <h3>Интернет-магазин</h3>
542              <p>Интернет-магазин для ваших товаров мы предлагаем сделать на различного рода движках. Бизнес все более и более уходит в онлайн, даже продуктовые магазины стали закрываться, потому что люди предпочитают приобретать не выходя из дома
543			  </p>
544             <!--   <a href="#" class="read-more"><span>Читать больше</span> <i class="bi bi-arrow-right"></i></a>-->
545            </div>
546          </div>
547
548          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
549            <div class="service-box purple">
550              <i class="ri-discuss-line icon"></i>
551              <h3>Социальные сети</h3>
552              <p>Социальные сети стали важным атрибутом нашей жизни. Здесь и общение, здесь и обучение, новости, здесь и бизнес. Есть предприниматели, которые обходятся одним Инстаг
552рамом, обычно, это те, кто торгует с прилавков.
553			  </p>
554            <!--   <a href="#" class="read-more"><span>Читать больше</span> <i class="bi bi-arrow-right"></i></a>-->
555            </div>
556          </div>
557
558          <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="700">
559            <div class="service-box pink">
560              <i class="ri-discuss-line icon"></i>
561              <h3>Обучение</h3>
562              <p>Понятно, что если Вы приобрели у нас услугу по установке и настройке Интернет-магазина, то мы должны передать Вам управление этим магазином и без обучения пользованию административной панелью никак не обойтись.
563			  </p>
564            <!--   <a href="#" class="read-more"><span>Читать больше</span> <i class="bi bi-arrow-right"></i></a>-->
565            </div>
566          </div>
567
568        </div>
569
570      </div>
571
572    </section><!-- End Services Section -->
573
574    <!-- ======= Pricing Section ======= -->
575    <section id="pricing" class="pricing">
576
577      <div class="container" data-aos="fade-up">
578
579        <header class="section-header">
580          <h2>Цены</h2>
581          <p>Ценовые пакеты:</p>
582        </header>
583
584        <div class="row gy-4" data-aos="fade-left">
585
586          <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="100">
587            <div class="box">
588              <h3 style="color: #07d5c0;">Свободный</h3>
589              <div class="price"><sup>$</sup>100<span> / и более</span></div>
590              <img src="assets/img/pricing-free.png" class="img-fluid" alt="">
591              <ul>
592                <li>Разработка сайта</li>
593                <li>Поисковая оптимизация</li>
594                <li>Регистрация в поисковых системах</li>
595                <li class="na">Первоначальная раскрутка</li>
596                <li class="na">Регистрация в социальных сетях</li>
597				<li class="na"> Интернет-магазин</li>
598              </ul>
599              <a href="#contact" class="btn-buy">Заказать</a>
600            </div>
601          </div>
602
603          <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="200">
604            <div class="box">
605              <span class="featured">Оптимальный</span>
606              <h3 style="color: #65c600;">Стартовый</h3>
607              <div class="price"><sup>$</sup>250<span> / и более</span></div>
608              <img src="assets/img/pricing-starter.png" class="img-fluid" alt="">
609              <ul>
610                <li>Разработка сайта</li>
611                <li>Поисковая оптимизация</li>
612                <li>Регистрация в поисковых системах</li>
613                <li>Первоначальная раскрутка</li>
614                <li class="na">Регистрация в социальных сетях</li>
615				<li class="na"> Интернет-магазин</li>
616              </ul>
617              <a href="#contact" class="btn-buy">Заказать</a>
618            </div>
619          </div>
620
621          <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="300">
622            <div class="box">
623              <h3 style="color: #ff901c;">Бизнес</h3>
624              <div class="price"><sup>$</sup>350<span> / и более</span></div>
625              <img src="assets/img/pricing-business.png" class="img-fluid" alt="">
626              <ul>
627                <li>Разработка сайта</li>
628                <li>Поисковая оптимизация</li>
629                <li>Регистрация в поисковых системах</li>
630                <li>Первоначальная раскрутка</li>
631                <li>Регистрация в социальных сетях</li>
632				<li class="na"> Интернет-магазин</li>
633              </ul>
634              <a href="#contact" class="btn-buy">Заказать</a>
635            </div>
636          </div>
637
638          <div class="col-lg-3 col-md-6" data-aos="zoom-in" data-aos-delay="400">
639            <div class="box">
640              <h3 style="color: #ff0071;">Универсальный</h3>
641              <div class="price"><sup>$</sup>500<span> / и более</span></div>
642              <img src="assets/img/pricing-ultimate.png" class="img-fluid" alt="">
643              <ul>
644                <li>Разработка сайта</li>
645                <li>Поисковая оптимизация</li>
646                <li>Регистрация в поисковых системах</li>
647                <li>Первоначальная раскрутка</li>
648                <li>Регистрация в социальных сетях</li>
649				<li>Интернет-магазин</li>
650              </ul>
651              <a href="#contact" class="btn-buy">Заказать</a>
652            </div>
653          </div>
654
655        </div>
656
657      </div>
658
659    </section><!-- End Pricing Section -->
660
661    <!-- ======= F.A.Q Section ======= -->
662    <section id="faq" class="faq">
663
664      <div class="container" data-aos="fade-up">
665
666        <header class="section-header">
667          <h2>F.A.Q</h2>
668          <p>Часто задаваемые вопросы</p>
669        </header>
670
671        <div class="row">
672          <div class="col-lg-6">
673            <!-- F.A.Q List 1-->
674            <div class="accordion accordion-flush" id="faqlist1">
675              <div class="accordion-item">
676                <h2 class="accordion-header">
677                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-1">
678                   Где вы находитесь?
679                  </button>
680                </h2>
681                <div id="faq-content-1" class="accordion-collapse collapse" data-bs-parent="#faqlist1">
682                  <div class="accordion-body">
683                    Мы находимся в Астане, ул. Куйши Дина 1, ВП-4, есть филиал в Алматы по адресу: ул. Айманова 126, БЦ Time, офис 101 (Айгуль), но мы работает по всему Казахстану, заказать сайт Вы можете из любого города страны.
684				</div>
685                </div>
686              </div>
687
688              <div class="accordion-item">
689                <h2 class="accordion-header">
690                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-2">
691                    Работаете официально?
692                  </button>
693                </h2>
694                <div id="faq-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist1">
695                  <div class="accordion-body">
696                    Да, конечно, перед началом работ обязательно заключаем <a href="Dogovor.pdf" target="_blank" title="Договор на разработку сайта скачать">ДОГОВОР</a> <= нажать, чтобы скачать договор. Оплату Вы можете произвести на расчетный счет ТОО либо на каспи с последующим проведение платежа по кассе и выдачей фискального чека. ТОО пока не НДС-ник.
697				  </div>
698                </div>
699              </div>
700
701              <div class="accordion-item">
702                <h2 class="accordion-header">
703                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-3">
704                  Возможна ли оплата после завершения работ или только предоплата?
705                  </button>
706                </h2>
707                <div id="faq-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist1">
708                  <div class="accordion-body">
709                  Если Вы выбираете пакет "Универсальный", то мы можем прописать в договоре оплату 50/50, но в любом случае оплату Вы производите только после того, как выберите и утвердите дизайн сайта.
710                  </div>
711                </div>
712              </div>
713
714            </div>
715          </div>
716
717          <div class="col-lg-6">
718
719            <!-- F.A.Q List 2-->
720            <div class="accordion accordion-flush" id="faqlist2">
721
722              <div class="accordion-item">
723                <h2 class="accordion-header">
724                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2-content-1">
725                  А если нам ваш сайт не понравится?
726                  </button>
727                </h2>
728                <div id="faq2-content-1" class="accordion-collapse collapse" data-bs-parent="#faqlist2">
729                  <div class="accordion-body">
730                   Такого не может быть, потому что Вы сначала выбираете и утверждаете структуру сайта, дизайн и только после этого оплачиваете. 
731                  </div>
732                </div>
733              </div>
734
735              <div class="accordion-item">
736                <h2 class="accordion-header">
737                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2-content-2">
738                    Почему Вы советуете SEO, ведь контекстная реклама гарантирует первые позиции в поиске?
739                  </button>
740                </h2>
741                <div id="faq2-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist2">
742                  <div class="accordion-body">
743                   Во-первых, одно другое не исключает. Вы можете заказать настройку рекламы в Google и мы Вам ее предоставим, но паралельно имеет смысл работать над SEO-продвижением сайта, так как эффект от SEO хоть и не сразу появляется, но более перспективен и долговечен.
744                  </div>
745                </div>
746              </div>
747
748              <div class="accordion-item">
749                <h2 class="accordion-header">
750                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2-content-3">
751                   Цены на вашем сайте окончательные?
752                  </button>
753                </h2>
754                <div id="faq2-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist2">
755                  <div class="accordion-body">
756                   Мы считаем наши цены демпинговыми, но рассмотрим и Ваши предложения по цене.
757				  </div>
758                </div>
759              </div>
760
761            </div>
762          </div>
763
764        </div>
765
766      </div>
767
768    </section><!-- End F.A.Q Section -->
769
770    <!-- ======= Portfolio Section ======= -->
771    <section id="portfolio" class="portfolio">
772
773      <div class="container" data-aos="fade-up">
774
775        <header class="section-header">
776          <h2>Портфолио</h2>
777          <p>Выбери дизайн сайта или закажи отдельно</p>
778        </header>
779
780        <div class="row" data-aos="fade-up" data-aos-delay="100">
781          <div class="col-lg-12 d-flex justify-content-center">
782            <ul id="portfolio-flters">
783              <li data-filter="*" class="filter-active">Все стили</li>
784              <li data-filter=".filter-app">Бизнес</li><!-- App -->
785              <li data-filter=".filter-card">Модерн</li><!-- Card -->
786              <li data-filter=".filter-web">Flat</li><!-- Web -->
787            </ul>
788          </div>
789        </div>
790
791        <div class="row gy-4 portfolio-container" data-aos="fade-up" data-aos-delay="200">
792
793          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
794            <div class="portfolio-wrap">
795              <img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt="">
796              <div class="portfolio-info">
797                <h4>Интернет-магазин</h4>
798                <p>Аксессуары</p>
799                <div class="portfolio-links">
800                  <a href="assets/img/portfolio/portfolio-1.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="App 1"><i class="bi bi-plus"></i></a>
801                  <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a>
802                </div>
803              </div>
804            </div>
805          </div>
806
807          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
808            <div class="portfolio-wrap">
809              <img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt="">
810              <div class="portfolio-info">
811                <h4>Сайт фотографа</h4>
812                <p>с портфолио</p>
813                  <div class="portfolio-links">
814                  <a href="assets/img/portfolio/portfolio-2.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Web 3"><i class="bi bi-plus"></i></a>
815                  <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a>
816                </div>
817              </div>
818            </div>
819          </div>
820
821          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
822            <div class="portfolio-wrap">
823              <img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid" alt="">
824              <div class="portfolio-info">
825                <h4>Корпоративный сайт</h4>
826                <p>в строгом стиле</p>
827                <div class="portfolio-links">
828                  <a href="assets/img/portfolio/portfolio-3.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Ap
828p 2"><i class="bi bi-plus"></i></a>
829                  <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a>
830                </div>
831              </div>
832            </div>
833          </div>
834
835          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
836            <div class="portfolio-wrap">
837              <img src="assets/img/portfolio/portfolio-4.jpg" class="img-fluid" alt="">
838              <div class="portfolio-info">
839                <h4>Корпоративный сайт</h4>
840                <p>Веб-студия</p>
841                <div class="portfolio-links">
842                  <a href="assets/img/portfolio/portfolio-4.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Card 2"><i class="bi bi-plus"></i></a>
843                  <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a>
844                </div>
845              </div>
846            </div>
847          </div>
848
849          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
850            <div class="portfolio-wrap">
851              <img src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid" alt="">
852              <div class="portfolio-info">
853                <h4>Сайт дизайн-студии</h4>
854                <p>с образцами работ</p>
855                <div class="portfolio-links">
856                  <a href="assets/img/portfolio/portfolio-5.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Web 2"><i class="bi bi-plus"></i></a>
857                  <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a>
858                </div>
859              </div>
860            </div>
861          </div>
862
863          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
864            <div class="portfolio-wrap">
865              <img src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid" alt="">
866              <div class="portfolio-info">
867                <h4>Интернет-магазин</h4>
868                <p>Украшения</p>
869                <div class="portfolio-links">
870                  <a href="assets/img/portfolio/portfolio-6.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="App 3"><i class="bi bi-plus"></i></a>
871                  <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a>
872                </div>
873              </div>
874            </div>
875          </div>
876
877          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
878            <div class="portfolio-wrap">
879              <img src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid" alt="">
880              <div class="portfolio-info">
881                <h4>Корпоративный сайт</h4>
882                <p>услуг</p>
883                <div class="portfolio-links">
884                  <a href="assets/img/portfolio/portfolio-7.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Card 1"><i class="bi bi-plus"></i></a>
885                  <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a>
886                </div>
887              </div>
888            </div>
889          </div>
890
891          <div class="col-lg-4 col-md-6 portfolio-item filter-card">
892            <div class="portfolio-wrap">
893              <img src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid" alt="">
894              <div class="portfolio-info">
895                <h4>Корпоративный сайт</h4>
896                <p>для любой фирмы</p>
897                <div class="portfolio-links">
898                  <a href="assets/img/portfolio/portfolio-8.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Card 3"><i class="bi bi-plus"></i></a>
899                  <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a>
900                </div>
901              </div>
902            </div>
903          </div>
904
905          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
906            <div class="portfolio-wrap">
907              <img src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid" alt="">
908              <div class="portfolio-info">
909                <h4>Сайт для любой фирмы</h4>
910                <p>в стиле Flat</p>
911                <div class="portfolio-links">
912                  <a href="assets/img/portfolio/portfolio-9.jpg" data-gallery="portfolioGallery" class="portfokio-lightbox" title="Web 3"><i class="bi bi-plus"></i></a>
913                  <a href="portfolio-details.html" title="More Details"><i class="bi bi-link"></i></a>
914                </div>
915              </div>
916            </div>
917          </div>
918
919        </div>
920
921      </div>
922
923    </section><!-- End Portfolio Section -->
924
925    <!-- ======= Testimonials Section ======= -->
926    <section id="testimonials" class="testimonials">
927
928      <div class="container" data-aos="fade-up">
929
930        <header class="section-header">
931          <h2>Отзывы Клиентов</h2>
932          <p>Что говорят наши Клиенты:</p>
933        </header>
934
935        <div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="200">
936          <div class="swiper-wrapper">
937
938            <div class="swiper-slide">
939              <div class="testimonial-item">
940                <div class="stars">
941                  <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
942                </div>
943                <p>
944                 Большое спасибо за отличную работу. Сайт уже вышел на первые позиции, пару звонков приняли уже на следующий месяц. Сейчас продолжаем раскрутку сайта по предоставленному алгаритму.
945				 </p>
946                <div class="profile mt-auto">
947                  <img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
948                  <h3>Сайлау Абдрашит</h3>
949                  <h4>Главный специалист</h4>
950                </div>
951              </div>
952            </div><!-- End testimonial item -->
953
954            <div class="swiper-slide">
955              <div class="testimonial-item">
956                <div class="stars">
957                  <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
958                </div>
959                <p>
960                Дизайн из предложенных был выбран нами с учетом рекомендаций веб-разработчиков. Продвижение сайта заняло пару месяцев, сейчас наблюдаем стабильную посещаемость.
961				</p>
962                <div class="profile mt-auto">
963                  <img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
964                  <h3>Сара Вайбер</h3>
965                  <h4>Дизайнер</h4>
966                </div>
967              </div>
968            </div><!-- End testimonial item -->
969
970            <div class="swiper-slide">
971              <div class="testimonial-item">
972                <div class="stars">
973                  <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
974                </div>
975                <p>
976                Заказали интернет-магазин, сделали в обусловленные сроки, раскрутка заняла более месяца. Обучение администрированию магазином входило в стоимость. Загрузка новых товаров иногда вызывает проблему, но в целом справляемся.
977				</p>
978                <div class="profile mt-auto">
979                  <img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
980                  <h3>Лена Ким</h3>
981                  <h4>Менеджер</h4>
982                </div>
983              </div>
984            </div><!-- End testimonial item -->
985
986            <div class="swiper-slide">
987              <div class="testimonial-item">
988                <div class="stars">
989                  <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
990                </div>
991                <p>
992                 В общем и целом работой доволен, все пожелания были выполнены по сайту. Фото, видео, тексты подготовил сам для сайта, но разработчик еще корректировал и монтировал перед загрузкой на сайт.
993                </p>
994                <div class="profile mt-auto">
995                  <img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
996                  <h3>Маулен Байбеков</h3>
997                  <h4>Фрилансер</h4>
998                </div>
999              </div>
1000            </div><!-- End testimonial item -->
1001
1002            <div class="swiper-slide">
1003              <div class="testimonial-item">
1004                <div class="stars">
1005                  <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
1006                </div>
1007                <p>
1008                Наконец то у нас появился корпоративный сайт за приемлемую цену. Везде дорого, но здесь с нами Ð
1008½Ðµ стали торговаться, а приняли сразу наше предложение, при этом, правда, поставили сроки работ более длительные, но для нас лучше было подождать, чем переплачивать.
1009				</p>
1010                <div class="profile mt-auto">
1011                  <img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
1012                  <h3>Жанат Бреков</h3>
1013                  <h4>Инженер</h4>
1014                </div>
1015              </div>
1016            </div><!-- End testimonial item -->
1017
1018          </div>
1019          <div class="swiper-pagination"></div>
1020        </div>
1021
1022      </div>
1023
1024    </section><!-- End Testimonials Section -->
1025
1026    <!-- ======= Team Section ======= -->
1027    <section id="team" class="team">
1028
1029      <div class="container" data-aos="fade-up">
1030
1031        <header class="section-header">
1032          <h2>Команда</h2>
1033          <p>Лучшие сотрудники компании</p>
1034        </header>
1035
1036        <div class="row gy-4">
1037
1038          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
1039            <div class="member">
1040              <div class="member-img">
1041                <img src="assets/img/team/team-1.jpg" class="img-fluid" alt="">
1042                <div class="social">
1043                  <a href=""><i class="bi bi-twitter"></i></a>
1044                  <a href=""><i class="bi bi-facebook"></i></a>
1045                  <a href=""><i class="bi bi-instagram"></i></a>
1046                  <a href=""><i class="bi bi-linkedin"></i></a>
1047                </div>
1048              </div>
1049              <div class="member-info">
1050                <h4>СПД ПЛЮС</h4>
1051                <span>Директор компании</span>
1052                <p>В целях защиты персональных данных фото и ФИО сотрудников не разглашаются.</p>
1053              </div>
1054            </div>
1055          </div>
1056
1057          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
1058            <div class="member">
1059              <div class="member-img">
1060                <img src="assets/img/team/team-2.jpg" class="img-fluid" alt="">
1061                <div class="social">
1062                  <a href=""><i class="bi bi-twitter"></i></a>
1063                  <a href=""><i class="bi bi-facebook"></i></a>
1064                  <a href=""><i class="bi bi-instagram"></i></a>
1065                  <a href=""><i class="bi bi-linkedin"></i></a>
1066                </div>
1067              </div>
1068              <div class="member-info">
1069                <h4>СПД ПЛЮС</h4>
1070                <span>Менеджер по продажам</span>
1071                <p>В целях защиты персональных данных фото и ФИО сотрудников не разглашаются.
1072				</p>
1073              </div>
1074            </div>
1075          </div>
1076
1077          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
1078            <div class="member">
1079              <div class="member-img">
1080                <img src="assets/img/team/team-3.jpg" class="img-fluid" alt="">
1081                <div class="social">
1082                  <a href=""><i class="bi bi-twitter"></i></a>
1083                  <a href=""><i class="bi bi-facebook"></i></a>
1084                  <a href=""><i class="bi bi-instagram"></i></a>
1085                  <a href=""><i class="bi bi-linkedin"></i></a>
1086                </div>
1087              </div>
1088              <div class="member-info">
1089                <h4>СПД ПЛЮС</h4>
1090                <span>Дизайнер</span>
1091                <p>В целях защиты персональных данных фото и ФИО сотрудников не разглашаются.
1092				</p>
1093              </div>
1094            </div>
1095          </div>
1096
1097          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400">
1098            <div class="member">
1099              <div class="member-img">
1100                <img src="assets/img/team/team-4.jpg" class="img-fluid" alt="">
1101                <div class="social">
1102                  <a href=""><i class="bi bi-twitter"></i></a>
1103                  <a href=""><i class="bi bi-facebook"></i></a>
1104                  <a href=""><i class="bi bi-instagram"></i></a>
1105                  <a href=""><i class="bi bi-linkedin"></i></a>
1106                </div>
1107              </div>
1108              <div class="member-info">
1109                <h4>СПД ПЛЮС</h4>
1110                <span>Маркетолог</span>
1111                <p>В целях защиты персональных данных фото и ФИО сотрудников не разглашаются.</p>
1112              </div>
1113            </div>
1114          </div>
1115
1116        </div>
1117
1118      </div>
1119
1120    </section><!-- End Team Section -->
1121
1122    <!-- ======= Clients Section ======= -->
1123    <section id="clients" class="clients">
1124
1125      <div class="container" data-aos="fade-up">
1126
1127        <header class="section-header">
1128          <h2>Разработка логотипов</h2>
1129          <p>Портфолио логотипов:</p>
1130        </header>
1131
1132        <div class="clients-slider swiper">
1133          <div class="swiper-wrapper align-items-center">
1134            <div class="swiper-slide"><img src="assets/img/clients/client-1.png" class="img-fluid" alt="Разработка логотипов"></div>
1135            <div class="swiper-slide"><img src="assets/img/clients/client-2.png" class="img-fluid" alt="Разработка логотипов"></div>
1136            <div class="swiper-slide"><img src="assets/img/clients/client-3.png" class="img-fluid" alt="Разработка логотипов"></div>
1137            <div class="swiper-slide"><img src="assets/img/clients/client-4.png" class="img-fluid" alt="Разработка логотипов"></div>
1138            <div class="swiper-slide"><img src="assets/img/clients/client-5.png" class="img-fluid" alt="Разработка логотипов"></div>
1139            <div class="swiper-slide"><img src="assets/img/clients/client-6.png" class="img-fluid" alt="Разработка логотипов"></div>
1140            <div class="swiper-slide"><img src="assets/img/clients/client-7.png" class="img-fluid" alt="Разработка логотипов"></div>
1141            <div class="swiper-slide"><img src="assets/img/clients/client-8.png" class="img-fluid" alt="Разработка логотипов"></div>
1142          </div>
1143          <div class="swiper-pagination"></div>
1144        </div>
1145      </div>
1146
1147    </section><!-- End Clients Section -->
1148
1149    <!-- ======= Recent Blog Posts Section ======= -->
1150    <section id="recent-blog-posts" class="recent-blog-posts">
1151
1152      <div class="container" data-aos="fade-up">
1153
1154        <header class="section-header">
1155          <h2>Уроки</h2>
1156          <p>Уроки по разработке и продвижению сайтов</p>
1157        </header>
1158
1159        <div class="row">
1160
1161          <div class="col-lg-4">
1162            <div class="post-box">
1163              <div class="post-img"><img src="assets/img/blog/blog-1.jpg" class="img-fluid" alt=""></div>
1164              <h3 class="post-title">Разработка сайтов - Основы создания сайтов</h3>
1165              <a href="blog-single.html" class="readmore stretched-link mt-auto"><span>Читать далее</span><i class="bi bi-arrow-right"></i></a>
1166            </div>
1167          </div>
1168
1169          <div class="col-lg-4">
1170            <div class="post-box">
1171              <div class="post-img"><img src="assets/img/blog/blog-2.jpg" class="img-fluid" alt=""></div>
1172              <h3 class="post-title">HTML-редакторы - Основы создания сайтов</h3>
1173              <a href="blog-single.html" class="readmore stretched-link mt-auto"><span>Читать далее</span><i class="bi bi-arrow-right"></i></a>
1174            </div>
1175          </div>
1176
1177          <div class="col-lg-4">
1178            <div class="post-box">
1179              <div class="post-img"><img src="assets/img/blog/blog-3.jpg" class="img-fluid" alt=""></div>
1180              <h3 class="post-title">Моя первая страницы - Основы создания сайтов</h3>
1181              <a href="blog-single.html" class="readmore stretched-link mt-auto"><span>Читать далее</span><i class="bi bi-arrow-right"></i></a>
1182            </div>
1183          </div>
1184
1185        </div>
1186
1187      </div>
1188
1189    </section><!-- End Recent Blog Posts Section -->
1190
1191    <!-- ======= Contact Section ======= -->
1192    <section id="contact" class="contact">
1193
1194      <div class="container" data-aos="fade-up">
1195
1196        <header class="section-header">
1197          <h2>Контакты</h2>
1198          <p>Как нас найти</p>
1199        </header>
1200
1201        <div class="row gy-4">
1202
1203          <div class="col-lg-6">
1204
1205            <div class="row gy-4">
1206              <div class="col-md-6">
1207                <div class="info-box">
1208                  <i class="bi bi-geo-alt"></i>
1209                  <h3>АДРЕС</h3>
1210                  <p>010000, Астана, ул. Куйши Дина 1, ВП-4</p>
1211                </div>
1212              </div>
1213              <div class="col-md-6"><a href="whatsapp://send?phone=+77051691704">
1214                <div class="info-box">
1215                  <i class="bi bi-telephone"></i>
1216					<h3>Телефон</h3>
1217                  <p>+7 705 169 17 04<br>(ватсап)</p>
1218                </div></a>
1219              </div>
1220              <div class="col-md-6">
1221                <div class="info-box">
1222                  <i class="bi bi-envelope"></i>
1223                  <h3>E-mail</h3>
1224                  <p>[email protected]<br>[email protected]</p>
1225                </div>
1226              </div>
1227              <div class="col-md-6">
1228                <div class="info-box">
1229                  <i class="bi bi-clock"></i>
1230                  <h3>Час работы</h3>
1231                  <p>Понедельник - Пятница<br>9:00 - 18:00</p>
1232                </div>
1233              </div>
1234            </div>
1235
1236          </div>
1237
1238          <div class="col-lg-6">
1239		             <form action="forms/contact.php" method="post" class="php-email-form">
1240              <div class="row gy-4">
1241
1242                <div class="col-md-6">
1243                  <input type="text" name="name" class="form-control" placeholder="Ваше Имя:" required>
1244                </div>
1245
1246                <div class="col-md-6 ">
1247                  <input type="email" class="form-control" name="email" placeholder="Ваш Email:" required>
1248                </div>
1249
1250                <div class="col-md-12">
1251                  <input type="text" class="form-control" name="subject" placeholder="Тема:" required>
1252                </div>
1253
1254                <div class="col-md-12">
1255                  <textarea class="form-control" name="message" rows="6" placeholder="Сообщение:" required></textarea>
1256                </div>
1257
1258                <div class="col-md-12 text-center">
1259                  <div class="loading">Ожидаем</div>
1260                  <div class="error-message"></div>
1261                  <div class="sent-message">Ваше сообщение отправлено. Спасибо!</div>
1262
1263                  <button type="submit">Отправить сообщение</button>
1264                </div>
1265
1266              </div>
1267			  <input type="hidden" name="recaptcha_response" id="recaptchaResponse"><!--капча -->
1268            </form>
1269
1270          </div>
1271         
1272        </div>
1273
1274      </div>
1275
1276    </section><!-- End Contact Section -->
1277
1278  </main><!-- End #main -->
1279
1280  <!-- ======= Footer ======= -->
1281  <footer id="footer" class="footer">
1282
1283    <div class="footer-top">
1284      <div class="container">
1285        <div class="row gy-4">
1286          <div class="col-lg-5 col-md-12 footer-info">
1287            <a href="index.html" class="logo d-flex align-items-center">
1288              <img src="assets/img/logo.png" alt="">
1289              <span>СПД+</span>
1290            </a>
1291            <p>ТОО "СПД ПЛЮС" - многопрофильная компания услуг для бизнеса и граждан, основным направлением которой является оказание маркетинговых услуг, а также разработка и продвижение сайтов в сети Интернет.
1292			</p>
1293            <div class="social-links mt-3">
1294              <a href="https://twitter.com/mukanovmurat" target="_blank" class="twitter"><i class="bi bi-twitter"></i></a>
1295              <a href="https://www.facebook.com/webastana/" target="_blank" class="facebook"><i class="bi bi-facebook"></i></a>
1296              <a href="https://www.instagram.com/web_astana/" target="_blank" class="instagram"><i class="bi bi-instagram"></i></a>
1297              <a href="https://www.linkedin.com/in/murat-mukanov-a27718114/" target="_blank" class="linkedin"><i class="bi bi-linkedin"></i></a>
1298            </div>
1299<!--сокрытие и начало счетчиков -->
1300<div align="left" id="prozrachnost"><!-- задание прозрачности счетчикам -->
1301			<!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
1302target="_blank"><img id="licnt6B5C" width="146px" height="31px" style="border:0" 
1303title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
1304src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
1305alt=""/></a>
1305<script>(function(d,s){d.getElementById("licnt6B5C").src=
1306"https://counter.yadro.ru/hit?t14.12;r"+escape(d.referrer)+
1307((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
1308(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
1309";h"+escape(d.title.substring(0,150))+";"+Math.random()})
1310(document,screen)</script>
1310<!--/LiveInternet-->
1311<a href="https://webmaster.yandex.ru/siteinfo/?site=https://htmlsite.kz"><img width="88" height="31" alt="" border="0" src="https://yandex.ru/cycounter?https://htmlsite.kz&theme=light&lang=ru"/></a>
1312<!-- Top.Mail.Ru logo -->
1313<a href="https://top-fwz1.mail.ru/jump?from=2734211">
1314<img src="https://top-fwz1.mail.ru/counter?id=2734211;t=361;l=1" height="18" width="88" alt="Top.Mail.Ru" style="border:0;" /></a>
1315<!-- /Top.Mail.Ru logo -->
1316</div><!--прозрачность счетчиков сокрытие конец -->
1317          </div>
1318
1319          <div class="col-lg-2 col-6 footer-links">
1320            <h4>Ссылки</h4>
1321            <ul>
1322              <li><i class="bi bi-chevron-right"></i> <a href="index.html">Главная</a></li>
1323              <li><i class="bi bi-chevron-right"></i> <a href="index.html">О нас</a></li>
1324              <li><i class="bi bi-chevron-right"></i> <a href="index.html">Услуги</a></li>
1325              <li><i class="bi bi-chevron-right"></i> <a href="index.html">Пользовательское соглашение</a></li>
1326              <li><i class="bi bi-chevron-right"></i> <a href="index.html">Политика конфиденциальности</a></li>
1327            </ul>
1328          </div>
1329
1330          <div class="col-lg-2 col-6 footer-links">
1331            <h4>Наши услуги</h4>
1332            <ul>
1333              <li><i class="bi bi-chevron-right"></i> <a href="index.html">Разработка сайтов</a></li>
1334              <li><i class="bi bi-chevron-right"></i> <a href="index.html">Продвижение (раскрутка) сайтов</a></li>
1335              <li><i class="bi bi-chevron-right"></i> <a href="index.html">Маркетинговые услуги</a></li>
1336              <li><i class="bi bi-chevron-right"></i> <a href="index.html">Обучение</a></li>
1337              <li><i class="bi bi-chevron-right"></i> <a href="index.html">Социальные сети</a></li>
1338            </ul>
1339          </div>
1340
1341          <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
1342            <h4>Наши контакты</h4>
1343            <p>
1344              Казахстан<br>
1345              Астана<br>
1346              улица Куйши Дина 1, ВП-4<br><br>
1347              <strong>WhatsApp:</strong> +7 705 169 17 04<br>
1348              <strong>Email:</strong> [email protected]<br>
1349            </p>
1350
1351          </div>
1352
1353        </div>
1354      </div>
1355    </div>
1356
1357    <div class="container">
1358    </div>
1359  </footer><!-- End Footer -->
1360<!-- начало стрелка вверх -->
1361  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
1362<!-- конец стрелка вверх -->
1363  <!-- Vendor JS Files -->
1364  
1364<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
1364
1365  
1365<script src="assets/vendor/aos/aos.js"></script>
1365
1366  
1366<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
1366
1367  
1367<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
1367
1368  
1368<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
1368
1369  
1369<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
1369
1370  
1370<script src="assets/vendor/php-email-form/validate.js"></script>
1370
1371
1372  <!-- Template Main JS File -->
1373  
1373<script src="assets/js/main.js"></script>
1373
1374
1375</body>
1376
1377</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.