-
Notifications
You must be signed in to change notification settings - Fork 0
/
serv.html
94 lines (86 loc) · 9.4 KB
/
serv.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel = "stylesheet" href = "serv.css">
<title>Service</title>
</head>
<body>
<div class="wrapper">
<h1>Web Development</h1>
<div class = "container">
<div class="box">
<img src = "keyweb.png">
<h3 >Разработка веб-сайтов “под ключ”</h3>
<p>Это включает в себя создание пользовательского дизайна, программирование, настройку и тестирование сайта. Вы можете предложить создание различных типов сайтов, таких как корпоративные сайты, лендинги, интернет-магазины и блоги.</p>
<a href = "#section1" class = "scroll btn">Подробнее</a>
</div>
<div class="box">
<img src = "settingsite.png" >
<h3>Техническая поддержка и обслуживание сайтов</h3>
<p >Это может включать в себя регулярное обновление контента, исправление ошибок, улучшение производительности и безопасности сайта, а также другие задачи по поддержанию и улучшению функциональности сайта.</p>
<a href = "#section2" id="section1" class ="scroll btn">Подробнее</a>
</div>
</div>
</div>
<div class="containerB">
<div class="text-block">
<h2 class = "titB" >Разработка веб-сайтов "под ключ"</h2>
<p >Эта услуга включает в себя полный цикл создания веб-сайта. Вот некоторые из этапов:</p>
<ul>
<li>Дизайн: Создание уникального дизайна сайта, который будет соответствовать бренду и целям вашего клиента.</li>
<li>Программирование: Кодирование дизайна сайта с использованием языков программирования, таких как HTML, CSS и JavaScript.</li>
<li>Настройка: Настройка сайта для работы на различных устройствах и браузерах.</li>
<li >Тестирование: Проверка работоспособности сайта, исправление ошибок и устранение проблем производительности.</li>
</ul>
</div>
<div id = "section2" class="text-block">
<h2 class = "titB" >Техническая поддержка и обслуживание сайтов</h2>
<p >Эта услуга помогает обеспечить бесперебойную работу сайта после его запуска. Вот некоторые из задач, которые могут быть включены:</p>
<ul>
<li>Обновление контента: Регулярное добавление нового контента на сайт, такого как статьи блога, новости или обновления продуктов.</li>
<li>Исправление ошибок: Поиск и исправление любых ошибок или проблем, которые могут возникнуть на сайте.</li>
<li>Улучшение производительности: Оптимизация сайта для ускорения загрузки страниц и улучшения общего пользовательского опыта.</li>
<li>Обеспечение безопасности: Обновление системы безопасности сайта для защиты от хакерских атак и других угроз.</li>
</ul>
</div>
</div>
<script>document.querySelectorAll('a.scroll').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
<footer>
<div id ="con1">
<p>Связаться:</p>
</div>
<div class= "button-container">
<button class="button">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 0.296997C5.37 0.296997 0 5.67 0 12.297C0 17.6 3.438 22.097 8.205 23.682C8.805 23.795 9.025 23.424 9.025 23.105C9.025 22.82 9.015 22.065 9.01 21.065C5.672 21.789 4.968 19.455 4.968 19.455C4.422 18.07 3.633 17.7 3.633 17.7C2.546 16.956 3.717 16.971 3.717 16.971C4.922 17.055 5.555 18.207 5.555 18.207C6.625 20.042 8.364 19.512 9.05 19.205C9.158 18.429 9.467 17.9 9.81 17.6C7.145 17.3 4.344 16.268 4.344 11.67C4.344 10.36 4.809 9.29 5.579 8.45C5.444 8.147 5.039 6.927 5.684 5.274C5.684 5.274 6.689 4.952 8.984 6.504C9.944 6.237 10.964 6.105 11.984 6.099C13.004 6.105 14.024 6.237 14.984 6.504C17.264 4.952 18.269 5.274 18.269 5.274C18.914 6.927 18.509 8.147 18.389 8.45C19.154 9.29 19.619 10.36 19.619 11.67C19.619 16.28 16.814 17.295 14.144 17.59C14.564 17.95 14.954 18.686 14.954 19.81C14.954 21.416 14.939 22.706 14.939 23.096C14.939 23.411 15.149 23.786 15.764 23.666C20.565 22.092 24 17.592 24 12.297C24 5.67 18.627 0.296997 12 0.296997Z" fill="white"></path>
</svg>
<a href="https://github.com/fridekk">
<p class="text">GitHub</p>
</a>
</p>
</button>
<button class = "button">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="24" height="24" viewBox="0 0 24 24">
<path d="M 20.302734 2.984375 C 20.013769 2.996945 19.748583 3.080055 19.515625 3.171875 C 19.300407 3.256634 18.52754 3.5814726 17.296875 4.0976562 C 16.06621 4.61384 14.435476 5.2982348 12.697266 6.0292969 C 9.2208449 7.4914211 5.314238 9.1361259 3.3125 9.9785156 C 3.243759 10.007156 2.9645852 10.092621 2.65625 10.328125 C 2.3471996 10.564176 2.0039062 11.076462 2.0039062 11.636719 C 2.0039062 12.088671 2.2295201 12.548966 2.5019531 12.8125 C 2.7743861 13.076034 3.0504903 13.199244 3.28125 13.291016 C 3.9563403 13.559857 6.0424892 14.392968 6.9492188 14.755859 C 7.2668647 15.707799 8.0129251 17.950071 8.1875 18.501953 L 8.1855469 18.501953 C 8.3275588 18.951162 8.4659791 19.243913 8.6582031 19.488281 C 8.7543151 19.610465 8.8690398 19.721184 9.0097656 19.808594 C 9.0637596 19.842134 9.1235454 19.868148 9.1835938 19.892578 C 9.191962 19.896131 9.2005867 19.897012 9.2089844 19.900391 L 9.1855469 19.894531 C 9.2029579 19.901531 9.2185841 19.911859 9.2363281 19.917969 C 9.2652427 19.927926 9.2852873 19.927599 9.3242188 19.935547 C 9.4612233 19.977694 9.5979794 20.005859 9.7246094 20.005859 C 10.26822 20.005859 10.601562 19.710938 10.601562 19.710938 L 10.623047 19.695312 L 12.970703 17.708984 L 15.845703 20.367188 C 15.897113 20.439837 16.308174 20.998047 17.261719 20.998047 C 17.829844 20.998047 18.280978 20.718791 18.568359 20.423828 C 18.855741 20.128866 19.034757 19.82706 19.115234 19.417969 L 19.115234 19.414062 L 19.115234 19.412109 C 19.171124 19.121728 21.931641 5.265625 21.931641 5.265625 L 21.925781 5.2890625 C 22.01148 4.9067181 22.036735 4.5369631 21.935547 4.1601562 C 21.834358 3.7833495 21.561271 3.4156252 21.232422 3.2226562 C 20.903572 3.0296874 20.591699 2.9718046 20.302734 2.984375 z M 19.908203 5.1738281 C 19.799749 5.7182284 17.343164 18.059965 17.183594 18.878906 L 14.328125 16.240234 C 13.59209 15.559749 12.44438 15.535812 11.679688 16.181641 L 10.222656 17.414062 L 11 14.375 C 11 14.375 16.362547 8.9468594 16.685547 8.6308594 C 16.945547 8.3778594 17 8.2891719 17 8.2011719 C 17 8.0841719 16.939781 8 16.800781 8 C 16.675781 8 16.506016 8.1197812 16.416016 8.1757812 C 15.267511 8.8918132 10.350132 11.694224 7.96875 13.048828 C 7.8792978 12.995267 7.7913128 12.939666 7.6933594 12.900391 C 6.9119785 12.587666 5.4101276 11.985551 4.53125 11.634766 C 6.6055146 10.76177 10.161156 9.2658083 13.472656 7.8730469 C 15.210571 7.142109 16.840822 6.4570977 18.070312 5.9414062 C 19.108158 5.5060977 19.649538 5.2807035 19.908203 5.1738281 z M 17.152344 19.023438 C 17.152344 19.023438 17.154297 19.023438 17.154297 19.023438 C 17.154234 19.023761 17.152444 19.03095 17.152344 19.03125 C 17.154024 19.022709 17.151187 19.029588 17.152344 19.023438 z" fill="white"></path>
</svg>
<a href = "https://t.me/fridekk">
<p class = "text">Telegram
</p>
</button>
</div>
<a href = "index.html"><img src = "icons8-back-64.png" class = "back"></a>
</img>
<span id="backtext"><span>Вернуться на главную страницу</span>
</footer>
</body>
</html>