PageSourceSearch

https://www.it-grad.ru/blog

html it-grad.ru collected 2026-09-28 10:38:53 UTC 75,554 bytes, 1,749 lines download raw bytes

1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
3<head>
4  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
5  <meta name="publisher-url" content="https://it-grad.ru" />
6  <meta name="publisher-email" content="[email protected]" />
7  <meta name="author" content="© 2008—2025 ООО «МВС Облачные решения»" />
8  <meta name="copyright" content="© 2008—2025 ООО «МВС Облачные решения»" />
9  <meta name="viewport" content="width=device-width" />
10  <link rel="icon" type="image/svg+xml" href="/favicon.svg?1" />
11  <title>IaaS Blog - Первый блог о корпоративном IaaS</title>
12  <link rel="preconnect" href="https://fonts.googleapis.com" />
13  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
14  <link
15    href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap"
16    rel="stylesheet"
17  />
18  <link
19    rel="preload"
20    href="https://fonts.gstatic.com/s/opensans/v40/mem8YaGs126MiZpBA-UFUZ0bbck.woff2"
21    crossorigin="anonymous"
22    as="font"
23    type="font/woff2"
24  />
25  <link
26    rel="preload"
27    href="https://fonts.gstatic.com/s/opensans/v40/mem8YaGs126MiZpBA-UFVZ0b.woff2"
28    crossorigin="anonymous"
29    as="font"
30    type="font/woff2"
31  />
32  <style>
33      .swiper-card {
34          .swiper-container {
35              margin: 0 -0.625rem;
36              @media (min-width: 768px) {
37                  margin: 0;
38              }
39          }
40
41          .swiper {
42              padding: 26px 0.625rem 0 !important;
43              @media (min-width: 768px) {
44                  padding: 26px 0 0 !important;
45              }
46              @media (min-width: 1024px) {
47                  padding: 0 !important;
48              }
49
50              .swiper-slide {
51                  height: auto !important;
52                  width: 340px;
53                  padding-right: 20px;
54                  @media (min-width: 1024px) {
55                      width: initial;
56                      padding-right: initial;
57                  }
58              }
59
60              .swiper-pagination-bullet {
61                  transition: width 0.5s ease-in-out;
62              }
63
64              .swiper-pagination-bullet-active {
65                  width: 24px;
66              }
67          }
68
69          .swiper-pagination {
70              --swiper-pagination-bullet-width: 6px;
71              --swiper-pagination-bullet-height: 6px;
72              --swiper-pagination-bullet-border-radius: 10px;
73              --swiper-pagination-color: #3b586d;
74              --swiper-pagination-top: 0;
75              --swiper-pagination-bottom: auto;
76              --swiper-pagination-bullet-inactive-opacity: 1;
77              --swiper-pagination-bullet-inactive-color: rgba(0, 0, 0, 0.3);
78          }
79      }
80
81      .checkbox-container input:checked ~ .checkmark {
82          --tw-bg-opacity: 1;
83          background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
84      }
85
86      .checkmark:after {
87          content: "";
88          position: absolute;
89          display: none;
90      }
91
92      .checkbox-container input:checked ~ .checkmark:after {
93          display: block;
94      }
95
96      .checkbox-container .checkmark:after {
97          content: "";
98          box-sizing: border-box;
99          background-image: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L3 6L7.5 1.5' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
100          background-repeat: no-repeat;
101          background-position: center;
102          width: 15px;
103          height: 14px;
104      }
105  </style>
106  <!-- Google Tag Manager -->
107  
107<script>
vendor: 429 bytes, lines 107-119
107(function(w, d, s, l, i) {
108    w[l] = w[l] || [];
109    w[l].push({
110      "gtm.start":
111        new Date().getTime(), event: "gtm.js"
112    });
113    var f = d.getElementsByTagName(s)[0],
114      j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : "";
115    j.async = true;
116    j.src =
117      "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
118    f.parentNode.insertBefore(j, f);
119  })(window, document, "script", "dataLayer", "
119GTM-N8CS9D
vendor: 3 bytes, line 119
119");
119</script>
119
120  <!-- End Google Tag Manager -->
121
122  
122<script type="module" src="/_assets/hoisted.js"></script>
122
123  
123<script type="module" src="/_assets/hoisted2.js"></script>
123
124  
124<script type="module" src="/_assets/page.js"></script>
124
125
126  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
127<meta name="robots" content="index, follow" />
128<link rel="canonical" href="https://www.it-grad.ru/blog" />
129<link href="/bitrix/cache/css/s1/main/page_35446bed5a1c1aca1c3692d4cd757402/page_35446bed5a1c1aca1c3692d4cd757402_v1.css?1782382443380" type="text/css" rel="stylesheet"/>
130<link href="/bitrix/cache/css/s1/main/template_c7e747cd1e4392107422e57b09bab8f3/template_c7e747cd1e4392107422e57b09bab8f3_v1.css?1782381681147036" type="text/css" rel="stylesheet" data-template-style="true"/>
131<script src="/bitrix/js/main/jquery/jquery-1.12.4.min.js?173519955497163"></script>
131
132
133
134<script  src="/bitrix/cache/js/s1/main/page_1487f96b701d44c03e30ca2546e9971c/page_1487f96b701d44c03e30ca2546e9971c_v1.js?17823816951291"></script>
134
135
136
137</head>
138<body class="bg-primary-100">
139<!-- Google Tag Manager (noscript) -->
vendor: 71 bytes, lines 139-141
139
140<noscript>
141  <iframe src="https://www.googletagmanager.com/ns.html?id=
141GTM-N8CS9D
vendor: 94 bytes, lines 141-143
141"
142          height="0" width="0" style="display:none;visibility:hidden"></iframe>
143</noscript>
144<!-- End Google Tag Manager (noscript) -->
145<div id="panel"></div>
146<header>
147  <div
148    id="header-block"
149
150    class="bg-cloud-mobile bg-no-repeat pb-5 pt-5 md:pb-7.5 md:pt-7.5 lg:min-h-[600px] lg:bg-cloud lg:pb-0 bg-no-repeat pb-5 pt-5 md:pb-7.5 md:pt-7.5 lg:pb-0"
151  >
152  <div class="container">
153    <div class="px-2.5 md:px-0">
154      <div class="flex justify-between lg:justify-start">
155        <div class="flex">
156          <a href="/">
157            <img
158              src="/_assets/Logo_hUtel.svg"
159              class="mb-0.5 h-[52px] w-[83px] lg:mb-0 lg:mt-0.5 lg:h-full lg:w-full"
160              alt="IT-Град логотип"
161              loading="eager"
162              width="117"
163              height="73"
164              decoding="async"
165            />
166          </a>
167        </div>
168        <div class="hidden flex-grow flex-col gap-3.75 lg:flex">
169          <div class="flex justify-end">
170            <div class="flex align-center gap-x-10 text-sm font-medium">
171              <a href="https://t.me/MWSweb_bot" target="_blank"><span class="telegram"></span></a>
172              <a href="mailto:[email protected]">[email protected]</a>
173              <a href="tel:88003331777">8 (800) 333-17-77</a>
174            </div>
175          </div>
176          <div class="flex">
177            <nav
178              class="flex flex-grow items-center justify-between text-sm font-medium lg:px-20 xl:px-30"
179            >
180              <div class="group relative h-full">
181                <a href="/oblako" class="flex h-full items-center">
182                  Услуги
183                </a>
184                <div
185                  class="invisible absolute top-full z-50 hidden translate-y-5 transform pt-2.5 opacity-0 transition-all duration-300 ease-out group-hover:visible group-hover:translate-y-0 group-hover:opacity-100 lg:left-[-110px] lg:flex xl:left-[-40px]"
186                >
187                    
188
189    <div
190            class="flex gap-x-5 rounded-[20px] bg-white p-5 shadow-3xl"
191    >
192        <div
193                class="flex w-[280px] flex-col text-[0.875rem]/[0.875rem]"
194        >
195		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/oblako-iaas-private">Частное облако</a>
196
197	
198		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/oblako-iaas-public">Публичное облако</a>
199
200	
201		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/oblako-iaas-hybrid">Гибридное облако</a>
202
203	
204		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/oblako-fz-152">Облако ФЗ-152</a>
205
206	
207		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/oblako-colocation">Colocation</a>
208
209	
210		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/oblako-draas">DRaaS</a>
211
212	
213        </div>
214        <div
215                class="flex w-[280px] flex-col text-[0.875rem]/[0.875rem]"
216        >
217		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/oblako-oblachnoe-hranilishche">Объектное хранилище S3</a>
218
219	
220		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/oblako-baas">Резервное копирование (BaaS)</a>
221
222	
223		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/seti-i-bezopasnost-waf">WAF</a>
224
225	
226		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/seti-i-bezopasnost-antivirusnaya-zashchita">Антивирусная защита ВМ</a>
227
228	
229		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/seti-i-bezopasnost-sd-wan">Cloud SD-WAN</a>
230
231	
232		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/cdn">CDN</a>
233
234	
235        </div>
236        <div
237                class="flex w-[280px] flex-col text-[0.875rem]/[0.875rem]"
238        >
239		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/vdi">VDI</a>
240
241	
242		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/importozameshchennoe-oblako">Импортозамещенное облако</a>
243
244	
245    </div>
246    </div>
247
248                </div>
249              </div>
250              <div class="group relative h-full">
251                <a
252                  href="/proektnye-resheniya"
253                  class="flex h-full items-center"
254                >
255                  Проектные решения
256                </a>
257                <div
258                  class="invisible absolute top-full z-50 hidden translate-y-5 transform pt-2.5 opacity-0 transition-all duration-300 ease-out group-hover:visible group-hover:translate-y-0 group-hover:opacity-100 lg:left-[-110px] lg:flex xl:left-[-40px]"
259                >
260
261                        
262
263    <div
264            class="flex gap-x-5 rounded-[20px] bg-white p-5 shadow-3xl"
265    >
266    <div
267            class="flex w-auto flex-col text-[0.875rem]/[0.875rem]"
268    >
269
270		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/informacionnaya-bezopasnost">Аудит информационной безопасности</a>
271
272	
273
274		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/migraciya-v-oblako">Миграция в облако</a>
275
276	
277
278		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/upravlenie-oblachnoj-infrastrukturoj">Проектирование и управление</a>
279
280	
281
282		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/kompleksnye-infrastrukturnye-proekty">HaaS</a>
283
284	
285    </div>
286    </div>
287
288
289                </div>
290              </div>
291              <div class="group relative h-full">
292                <a href="#" class="flex h-full items-center">
293                  Компания
294                </a>
295                <div
296                  class="invisible absolute top-full z-50 hidden translate-y-5 transform pt-2.5 opacity-0 transition-all duration-300 ease-out group-hover:visible group-hover:translate-y-0 group-hover:opacity-100 lg:left-[-110px] lg:flex xl:left-[-40px]"
297                >
298
299                        
300
301    <div
302            class="flex gap-x-5 rounded-[20px] bg-white p-5 shadow-3xl"
303    >
304    <div
305            class="flex w-auto flex-col text-[0.875rem]/[0.875rem]"
306    >
307
308		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/o-kompanii">О компании</a>
309
310	
311
312		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/politika-dokumenty">Комплаенс и деловая этика</a>
313
314	
315
316		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/kontakty">Контакты</a>
317
318	
319
320		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/organizations">
320Организации</a>
321
322	
323
324		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/novosti">Новости</a>
325
326	
327
328		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/programmy-dlya-evm">Программы для ЭВМ из реестра российского ПО</a>
329
330	
331
332		<a class="whitespace-nowrap rounded-[10px] p-3.75 hover:bg-primary-100" href="/it">ИТ-аккредитация</a>
333
334	
335    </div>
336    </div>
337
338
339                </div>
340              </div>
341              <div class="group relative h-full">
342                <a href="/blog" class="flex h-full items-center">
343                  Блог
344                </a>
345              </div>
346            </nav>
347            <div
348              slot="action"
349              x-data
350              @click="$dispatch('open-modal', {title: 'Запрос консультации'})"
351            >
352              <button
353                type="button"
354                class="leading-3.5 block w-full select-none whitespace-nowrap rounded-[10px] bg-primary-500 px-10 py-3.75 text-center text-button-base font-semibold tracking-[0.7px] text-white transition hover:bg-[#A3BFBC] hover:text-black md:w-fit"
355              >
356                Консультация
357              </button>
358            </div>
359          </div>
360        </div>
361        <div class="flex items-end gap-x-5 lg:hidden">
362          <a href="mailto:[email protected]">
363            <img
364              src="/_assets/mail_Z1IBrIu.svg"
365              alt="Мобильное меню"
366              loading="eager"
367              width="25"
368              height="25"
369              decoding="async"
370            />
371          </a>
372          <a href="tel:88002344444">
373            <img
374              src="/_assets/phone_Z2vvC3t.svg"
375              alt="Мобильное меню"
376              loading="eager"
377              width="25"
378              height="25"
379              decoding="async"
380            />
381          </a>
382          <button
383            x-data
384            type="button"
385            id="menu-button"
386            aria-expanded="true"
387            aria-haspopup="true"
388            @click="$store.mobileMenu.toggle()"
389          >
390            <template x-if="!$store.mobileMenu.open">
391              <img
392                src="/_assets/burger_1et6sl.svg"
393                alt="Мобильное меню"
394                loading="eager"
395                width="25"
396                height="25"
397                decoding="async"
398              />
399            </template>
400            <template x-if="$store.mobileMenu.open">
401              <img
402                src="/_assets/burger-close_Z1leCJx.svg"
403                alt="Мобильное меню"
404                loading="eager"
405                width="25"
406                height="25"
407                decoding="async"
408              />
409            </template>
410          </button>
411        </div>
412      </div>
413      
414    <div class="flex flex-col">
415        <div class="invisible mb-5 mt-5 lg:visible lg:mb-15">
416            <nav aria-label="breadcrumb" class="h-5 text-sm text-black/30" itemscope itemtype="https://schema.org/BreadcrumbList">
417                <ol class="flex space-x-2.5">
418                    <li class="flex items-center" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
419                        <a href="/" itemprop="item">
420                            <span itemprop="name">Главная</span>
421                        </a>
422                        <meta itemprop="position" content="1" />
423                        <div class="ml-2.5">
424                            <img
425                                    src="/_assets/arrow-right_GM3tU.svg"
426                                    alt=""
427                                    loading="eager"
428                                    width="5"
429                                    height="10"
430                                    decoding="async"
431                            />
432                        </div>
433                    </li>
434                    <li class="flex items-center" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
435                        <span class="text-black" itemprop="name">Блог</span>
436                        <meta itemprop="position" content="2" />
437                    </li>
438                </ol>
439            </nav>
440        </div>
441        <div class="mb-[90px] flex flex-col gap-y-5">
442            <!-- prettier-ignore -->
443            <h1 class="whitespace-pre-line md:mr-37.5 lg:mr-12.5 max-w-full"> Iaas-блог </h1>
444            <div class="max-w-[840px] text-lg font-medium">
445                Первый блог о корпоративном IaaS
446            </div>
447        </div>
448    </div>
449    <div class="flex max-w-[650px] flex-wrap gap-5">
450            <a href="/blog/categories/bezopasnost"
451            class="category-color-9 cursor-pointer select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold"
452    >
453        Безопасность    </a>
454        <a href="/blog/categories/resheniya"
455            class="category-color-8 cursor-pointer select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold"
456    >
457        Решения    </a>
458        <a href="/blog/categories/tendencii"
459            class="category-color-7 cursor-pointer select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold"
460    >
461        Тенденции    </a>
462        <a href="/blog/categories/tekhnologii"
463            class="category-color-6 cursor-pointer select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold"
464    >
465        Технологии    </a>
466        <a href="/blog/categories/kejsy"
467            class="category-color-5 cursor-pointer select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold"
468    >
469        Истории успеха    </a>
470        <a href="/blog/categories/novosti-it"
471            class="category-color-4 cursor-pointer select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold"
472    >
473        Новости рынка    </a>
474        <a href="/blog/categories/pervye-shagi"
475            class="category-color-3 cursor-pointer select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold"
476    >
477        Первые шаги    </a>
478        <a href="/blog/categories/processy"
479            class="category-color-2 cursor-pointer select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold"
480    >
481        Процессы    </a>
482        <a href="/blog/categories/partnery"
483            class="category-color-1 cursor-pointer select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold"
484    >
485        Партнеры    </a>
486        <a href="/blog/categories/it-infrastruktura"
487            class="category-color-0 cursor-pointer select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold"
488    >
489        IT-инфраструктура    </a>
490        </div>
491          </div>
492  </div>
493  </div>
494</header>
495<main>
496
497
498   
499    <section class="pb-5 pt-5 md:pb-7.5 md:pt-7.5">
500    <div class="container">
501        <div class="grid grid-cols-1 gap-5 md:grid-cols-2 lg:grid-cols-3 items-list">
502	
503    <a href="/blog/korporativnoe-oblako-oblachnye-khranilishha-dlya-biznesa" class="rounded-[20px] bg-white item-content"
504       id="bx_3218110189_1499">
505        <div class="relative h-[165px] rounded-t-[20px]">
506            <div class="absolute right-7.5 top-7.5">
507
508                <div class="category-color-8 select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold !text-black">
509                    Решения                </div>
510            </div>
511            <img
512                    class="h-full w-full rounded-t-[20px] object-cover"
513                    src="/upload/iblock/9d9/gfngkdl4qffvlodyyju1zqtjb6g9to5f.png"
514                    alt="Корпоративное облако — облачные хранилища для бизнеса"
515            />
516        </div>
517        <div class="flex flex-col gap-y-5 px-7.5 pb-7.5 pt-5">
518            <div class="flex gap-x-5">
519                <div class="text-sm font-medium text-black/50">
520                    04.08.2023                </div>
521                <div class="flex gap-x-1.5">
522                    <img
523                            src="/_assets/article-counter_2vXk9E.svg"
524                            alt="Количество просмотров"
525                            width="19"
526                            height="19"
527                            loading="lazy"
528                            decoding="async"
529                    />
530                    <div class="text-sm font-medium text-black/50">11380</div>
531                </div>
532            </div>
533            <h3 class="font-bold">
534                Корпоративное облако — облачные хранилища для бизнеса            </h3>
535            <div class="text-sm font-medium">
536                Все больше компаний переходят на использование корпоративного облака для хранения и обработки своих данных. Корпоративное облако - это современная технология, которая позволяет организациям создавать виртуальные рабочие среды, доступные с любого устройства и из л
536юбой точки мира. Определение понятия "корпоративное облако" включает в себя использование облачных технологий для хранения, обработки и управления данными компании. В отличие от традиционных локальных серверов, облачное хранилище предоставляет гибкость и масштабируемость, что позволяет компаниям эффективно управлять своими ресурсами и сократить затраты на обслуживание и обновление оборудования.            </div>
537        </div>
538    </a>
539
540
541
542	
543    <a href="/blog/haas-arenda-servernogo-oborudovaniya" class="rounded-[20px] bg-white item-content"
544       id="bx_3218110189_1498">
545        <div class="relative h-[165px] rounded-t-[20px]">
546            <div class="absolute right-7.5 top-7.5">
547
548                <div class="category-color-8 select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold !text-black">
549                    Решения                </div>
550            </div>
551            <img
552                    class="h-full w-full rounded-t-[20px] object-cover"
553                    src="/upload/iblock/3c8/wjy0l8hwisuggj5wnpv34wnmtnhj5j98.png"
554                    alt="Аренда серверного оборудования. Что такое HaaS"
555            />
556        </div>
557        <div class="flex flex-col gap-y-5 px-7.5 pb-7.5 pt-5">
558            <div class="flex gap-x-5">
559                <div class="text-sm font-medium text-black/50">
560                    21.03.2023                </div>
561                <div class="flex gap-x-1.5">
562                    <img
563                            src="/_assets/article-counter_2vXk9E.svg"
564                            alt="Количество просмотров"
565                            width="19"
566                            height="19"
567                            loading="lazy"
568                            decoding="async"
569                    />
570                    <div class="text-sm font-medium text-black/50">8530</div>
571                </div>
572            </div>
573            <h3 class="font-bold">
574                Аренда серверного оборудования. Что такое HaaS            </h3>
575            <div class="text-sm font-medium">
576                Аренда серверного оборудования с каждым годом становится всё более популярной. Создание оптимальной IT-инфраструктуры, точечный выбор конфигурации оборудования, отличное качество сервиса, великолепная защита, объединение физических, облачных виртуальных серверов — всё это сделало услугу одной из ключевых в IT-индустрии. Именно поэтому мы расскажем, что такое HaaS, зачем и когда такая услуга нужна компаниям, а также, что обычно входит в базовый набор.            </div>
577        </div>
578    </a>
579
580
581
582	
583    <a href="/blog/hranenie-dannih" class="rounded-[20px] bg-white item-content"
584       id="bx_3218110189_1497">
585        <div class="relative h-[165px] rounded-t-[20px]">
586            <div class="absolute right-7.5 top-7.5">
587
588                <div class="category-color-8 select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold !text-black">
589                    Решения                </div>
590            </div>
591            <img
592                    class="h-full w-full rounded-t-[20px] object-cover"
593                    src="/upload/iblock/51f/xvrc510qp8r9yurwhgygoe4otvdlkxka.png"
594                    alt="Особенности облачного хранения данных для предприятий пищевой промышленности"
595            />
596        </div>
597        <div class="flex flex-col gap-y-5 px-7.5 pb-7.5 pt-5">
598            <div class="flex gap-x-5">
599                <div class="text-sm font-medium text-black/50">
600                    01.04.2021                </div>
601                <div class="flex gap-x-1.5">
602                    <img
603                            src="/_assets/article-counter_2vXk9E.svg"
604                            alt="Количество просмотров"
605                            width="19"
606                            height="19"
607                            loading="lazy"
608                            decoding="async"
609                    />
610                    <div class="text-sm font-medium text-black/50">19290</div>
611                </div>
612            </div>
613            <h3 class="font-bold">
614                Особенности облачного хранения данных для предприятий пищевой промышленности            </h3>
615            <div class="text-sm font-medium">
616                Как внедрение IoT-решений в пищепроме увеличило спрос на IaaS-сервисы. Способ идентификации объектов при помощи меток RFID и сам термин «интернет вещей» впервые были представлены руководству Procter & Gamble в 1999 году. Сейчас IoT широко применяется в цепочках поставок пищевых продуктов — Food Supply Chains.            </div>
617        </div>
618    </a>
619
620
621
622	
623    <a href="/blog/chto-na-marse" class="rounded-[20px] bg-white item-content"
624       id="bx_3218110189_1496">
625        <div class="relative h-[165px] rounded-t-[20px]">
626            <div class="absolute right-7.5 top-7.5">
627
628                <div class="category-color-4 select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold !text-black">
629                    Новости рынка                </div>
630            </div>
631            <img
632                    class="h-full w-full rounded-t-[20px] object-cover"
633                    src="/upload/iblock/32a/yp9ei3jg20mf648644suqg10dczagtsv.png"
634                    alt="Что происходит на Марсе и при чем здесь облака"
635            />
636        </div>
637        <div class="flex flex-col gap-y-5 px-7.5 pb-7.5 pt-5">
638            <div class="flex gap-x-5">
639                <div class="text-sm font-medium text-black/50">
640                    01.04.2021                </div>
641                <div class="flex gap-x-1.5">
642                    <img
643                            src="/_assets/article-counter_2vXk9E.svg"
644                            alt="Количество просмотров"
645                            width="19"
646                            height="19"
647                            loading="lazy"
648                            decoding="async"
649                    />
650                    <div class="text-sm font-medium text-black/50">10661</div>
651                </div>
652            </div>
653            <h3 class="font-bold">
654                Что происходит на Марсе и при чем здесь облака            </h3>
655            <div class="text-sm font-medium">
656                По статистике, 100% населения Марса — роботы. В последние дни только ленивый не смотрел репортажи о марсоходе Perseverance (Персеверанс, ударение на последнюю «е»). В интернете можно даже послушать ветер красной планеты, он едва пробивается сквозь зуммер механических сочленений марсохода.            </div>
657        </div>
658    </a>
659
660
661
662	
663    <a href="/blog/odin-den-s-vmware" class="rounded-[20px] bg-white item-content"
664       id="bx_3218110189_1495">
665        <div class="relative h-[165px] rounded-t-[20px]">
666            <div class="absolute right-7.5 top-7.5">
667
668                <div class="category-color-6 select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold !text-black">
669                    Технологии                </div>
670            </div>
671            <img
672                    class="h-full w-full rounded-t-[20px] object-cover"
673                    src="/upload/iblock/e65/sj1fso62xjkovhtyk8sdck5b00u18z93.png"
674                    alt="Один день из жизни разработчика VMware"
675            />
676        </div>
677        <div class="flex flex-col gap-y-5 px-7.5 pb-7.5 pt-5">
678            <div class="flex gap-x-5">
679                <div class="text-sm font-medium text-black/50">
680                    19.02.2021                </div>
681                <div class="flex gap-x-1.5">
682                    <img
683                            src="/_assets/article-counter_2vXk9E.svg"
684                            alt="Количество просмотров"
685                            width="19"
686                            height="19"
687                            loading="lazy"
688                            decoding="async"
689                    />
690                    <div class="text-sm font-medium text-black/50">7853</div>
691                </div>
692            </div>
693            <h3 class="font-bold">
694                Один день из жизни разработчика VMware            </h3>
695            <div class="text-sm font-medium">
696                В Москве семь часов вечера. Рабочий день подошел к концу. Коллеги прощаются, закрывают лэптопы и выходят из Zoom’а. Город потихоньку засыпает, просыпаются айтишники. 19:00 по Москве — это 08:00 в Сан-Франциско. Моя подруга из VMware, Маша Шалдыбина, делает утренний кофе, логинится и… впрочем, обо всем по порядку.            </div>
697        </div>
698    </a>
699
700
701
702	
703    <a href="/blog/istoriya-poyavleniya-i-osobennosti-ipv6" class="rounded-[20px] bg-white item-content"
704       id="bx_3218110189_1494">
705        <div class="relative h-[165px] rounded-t-[20px]">
706            <div class="absolute right-7.5 top-7.5">
707
708                <div class="category-color-0 select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold !text-black">
709                    IT-инфраструктура                </div>
710            </div>
711            <img
712                    class="h-full w-full rounded-t-[20px] object-cover"
713                    src="/upload/iblock/04b/h4wsjo8toqyaofxghwb4y52a1f9gomdy.png"
714                    alt="Протокол IPv6: адресов хватит всем"
715            />
716        </div>
717        <div class="flex flex-col gap-y-5 px-7.5 pb-7.5 pt-5">
718            <div class="flex gap-x-5">
719                <div class="text-sm font-medium text-black/50">
720                    11.02.2021                </div>
721                <div class="flex gap-x-1.5">
722                    <img
723                            src="/_assets/article-counter_2vXk9E.svg"
724                            alt="Количество просмотров"
725                            width="19"
726                            height="19"
727                            loading="lazy"
728                            decoding="async"
729                    />
730                    <div class="text-sm font-medium text-black/50">11410</div>
731                </div>
732            </div>
733            <h3 class="font-bold">
734                Протокол IPv6: адресов хватит всем            </h3>
735            <div class="text-sm font-medium">
736                Как известно, IPv4, протокол, появившийся в далеком 1981 Ð
736³Ð¾Ð´Ñƒ, подразумевает 32-битную адресацию. Это значит, что адрес включает 4 байта, каждый из которых принимает значение от 0 до 255, разделенных точкой. Таким образом, всего возможно выдать 4 294 967 296 уникальных адресов. Число только кажется большим: на практике «запас» из четырех с хвостиком миллиардов адресов уже исчерпан.            </div>
737        </div>
738    </a>
739
740
741
742	
743    <a href="/blog/virtualizaciya-vmware-nsx" class="rounded-[20px] bg-white item-content"
744       id="bx_3218110189_1493">
745        <div class="relative h-[165px] rounded-t-[20px]">
746            <div class="absolute right-7.5 top-7.5">
747
748                <div class="category-color-6 select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold !text-black">
749                    Технологии                </div>
750            </div>
751            <img
752                    class="h-full w-full rounded-t-[20px] object-cover"
753                    src="/upload/iblock/b2e/qp14w8ow9jddvnm1mukf2w05pab0ykl0.png"
754                    alt="Виртуализация сети с VMware NSX"
755            />
756        </div>
757        <div class="flex flex-col gap-y-5 px-7.5 pb-7.5 pt-5">
758            <div class="flex gap-x-5">
759                <div class="text-sm font-medium text-black/50">
760                    05.02.2021                </div>
761                <div class="flex gap-x-1.5">
762                    <img
763                            src="/_assets/article-counter_2vXk9E.svg"
764                            alt="Количество просмотров"
765                            width="19"
766                            height="19"
767                            loading="lazy"
768                            decoding="async"
769                    />
770                    <div class="text-sm font-medium text-black/50">6758</div>
771                </div>
772            </div>
773            <h3 class="font-bold">
774                Виртуализация сети с VMware NSX            </h3>
775            <div class="text-sm font-medium">
776                Анонс VMware NSX состоялся в августе 2013 года, и за прошедшее с момента выпуска первой версии время решение успело зарекомендовать себя как проверенный инструмент виртуализации сети и обеспечения сетевой безопасности для программного ЦОД. Сегодня мы расскажем, как появилось решение, обсудим его функционал и возможности, а также коснемся истории и эволюции.            </div>
777        </div>
778    </a>
779
780
781
782	
783    <a href="/blog/kak-perejti-na-it-autsorsing" class="rounded-[20px] bg-white item-content"
784       id="bx_3218110189_1492">
785        <div class="relative h-[165px] rounded-t-[20px]">
786            <div class="absolute right-7.5 top-7.5">
787
788                <div class="category-color-1 select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold !text-black">
789                    Партнеры                </div>
790            </div>
791            <img
792                    class="h-full w-full rounded-t-[20px] object-cover"
793                    src="/upload/iblock/5e3/y35v2yv6j00qgnxejkqaslfn9nvxe60y.png"
794                    alt="Когда стоит переходить на ИТ-аутсорсинг?"
795            />
796        </div>
797        <div class="flex flex-col gap-y-5 px-7.5 pb-7.5 pt-5">
798            <div class="flex gap-x-5">
799                <div class="text-sm font-medium text-black/50">
800                    02.02.2021                </div>
801                <div class="flex gap-x-1.5">
802                    <img
803                            src="/_assets/article-counter_2vXk9E.svg"
804                            alt="Количество просмотров"
805                            width="19"
806                            height="19"
807                            loading="lazy"
808                            decoding="async"
809                    />
810                    <div class="text-sm font-medium text-black/50">7181</div>
811                </div>
812            </div>
813            <h3 class="font-bold">
814                Когда стоит переходить на ИТ-аутсорсинг?            </h3>
815            <div class="text-sm font-medium">
816                Рост числа сотрудников зачастую приводит к необходимости ИТ-масштабирования. Если в компании трудится больше двадцати человек, существовать без адекватной ИТ-инфраструктуры вряд ли получится. Хотя в таком сценарии можно ограничиться малой кровью: распределить функции по ИТ-поддержке между участниками собственной команды.            </div>
817        </div>
818    </a>
819
820
821
822	
823    <a href="/blog/pdn-v-oblakah-deklaraciya-sootvetstviya-ili-attestat" class="rounded-[20px] bg-white item-content"
824       id="bx_3218110189_1491">
825        <div class="relative h-[165px] rounded-t-[20px]">
826            <div class="absolute right-7.5 top-7.5">
827
828                <div class="category-color-9 select-none rounded-[20px] px-5 py-3 text-button-sm font-semibold !text-black">
829                    Безопасность                </div>
830            </div>
831            <img
832                    class="h-full w-full rounded-t-[20px] object-cover"
833                    src="/upload/iblock/d0d/z3sa6g85592zzmt6ngd243lh60ejzwdv.png"
834                    alt="Персональные данные в облаках: декларация соответствия или аттестат"
835            />
836        </div>
837        <div class="flex flex-col gap-y-5 px-7.5 pb-7.5 pt-5">
838            <div class="flex gap-x-5">
839                <div class="text-sm font-medium text-black/50">
840                    28.01.2021                </div>
841                <div class="flex gap-x-1.5">
842                    <img
843                            src="/_assets/article-counter_2vXk9E.svg"
844                            alt="Количество просмотров"
845                            width="19"
846                            height="19"
847                            loading="lazy"
848                            decoding="async"
849                    />
850                    <div class="text-sm font-medium text-black/50">9208</div>
851                </div>
852            </div>
853            <h3 class="font-bold">
854                Персональные данные в облаках: декларация соответствия или аттестат            </h3>
855            <div class="text-sm font-medium">
856                Достаточно большое количество B2C-компаний сталкиваются с необходимостью обработки персональных данных и соответствия требованиям регуляторов. Вариантов много: можно найти подходящий ЦОД и разместиться в колокейшн или выбрать провайдера с необходимым облачным сервисом.            </div>
857        </div>
858    </a>
859
860
861
862        </div>
863            <div id="pag">
864	
865            
866        <button
867                class="load-more-items leading-3.5 mt-7.5 block w-full select-none whitespace-nowrap rounded-[10px] bg-white pb-4 pt-3.75 text-center text-sm font-semibold tracking-[0.7px] text-primary-500/50 shadow-3xl transition hover:bg-[#A3BFBC] hover:text-black" data-url="?page=2"
868        >
869            Показать еще
870        </button>
871
872
873    
874
875
876
877            <div class="mt-7.5 flex items-center justify-center gap-x-2.5 text-sm font-bold">
878                <a href="">
879                    <img
880                            src="/_assets/arrow-prev.svg"
881                            alt="Предыдущая страница"
882                            width="8"
883                            height="12"
884                            loading="lazy"
885                            decoding="async"
886                    />
887                </a>
888                <ul class="flex list-none gap-x-2">
889				<li><span  class="text-primary-500">1</span></li>
890				<li><a href="?page=2" class="text-primary-500/50">2</a></li>
891				<li><a href="?page=3" class="text-primary-500/50">3</a></li>
892	...			<li><a href="?page=38" class="text-primary-500/50">38</a></li>
893				<li><a href="?page=39" class="text-primary-500/50">39</a></li>
894	                </ul>
895                <a href="/blog/index.php?page=2">
896                    <img
897                            src="/_assets/arrow-next.svg"
898                            alt="Следующая страница"
899                            width="8"
900                            height="12"
901                            loading="lazy"
902                            decoding="async"
903                    />
904                </a>
905	</div>
906            </div>
907
908    </div>
909</section>
910</main>
911<footer>
912  <div class="pb-7.5 pt-12.5">
913    <div class="container">
914      <div class="px-2.5 md:px-0">
915        <div
916          class="flex flex-col items-start justify-between gap-5 lg:flex-row lg:gap-0"
917        >
918          <div
919            class="flex w-full flex-col gap-y-5 lg:max-w-[356px] lg:gap-y-12.5"
920          >
921            <div
922              class="flex items-center justify-between rounded-[10px] border-[3px] border-solid border-black px-10 py-[17px] lg:mr-9 lg:px-6.25"
923            >
924              <img
925                src="/_assets/Logo-it-grad-sm_Z1q1Kv.svg"
926                class="h-[22px] w-[93px] lg:h-[27px] lg:w-[115px]"
927                alt="IT-Град логотип"
928                width="115"
929                height="27"
930                loading="lazy"
931                decoding="async"
932              />
933              <img
934                src="/_assets/Logo-cloud_Z2uWgyA.svg"
935                class="h-[25px] w-[93px] lg:h-[31px] lg:w-[115px]"
936                alt="IT-Град логотип"
937                width="115"
938                height="31"
939                loading="lazy"
940                decoding="async"
941              />
942            </div>
943            <div class="text-sm font-medium">
944              199178, Россия, Санкт-Петербург, Малый проспект ВО, дом 54,
945              корпус 4, БЦ «Беринг», 2 этаж
946              <br />
947              <br />
948              115432, Россия, Москва, проспект Андропова, д.18, БЦ «Декарт»
949            </div>
950          </div>
951          <div
952            class="flex flex-col gap-5 self-end lg:flex-grow lg:flex-row lg:gap-0 lg:self-auto"
953          >
954            <div class="flex flex-1 flex-col gap-y-1.25 text-right text-sm">
955              <a href="tel:84952288106">+7 495 22-88-106</a>
956              <span class="font-bold">Москва</span>
957            </div>
958            <div class="flex flex-1 flex-col gap-y-1.25 text-right text-sm">
959              <a href="tel:88123860099">+7 812 386-00-99</a>
960              <span class="font-bold">Санкт-Петербург</span>
961            </div>
962            <div class="flex flex-1 flex-col gap-y-1.25 text-right text-sm">
963              <a href="tel:88002341901">+7 800 234-19-01</a>
964              <span class="font-bold">Россия</span>
965            </div>
966            <div class="flex flex-1 flex-col gap-y-1.25 text-right text-sm">
967              <a href="tel:88003331777">8 (800) 333-17-77</a>
968              <span class="font-bold">Отдел продаж</span>
969            </div>
970          </div>
971        </div>
972        <div
973          class="mt-5 flex flex-col gap-y-5 lg:mt-12.5 lg:flex-row lg:gap-x-6 lg:gap-y-0"
974        >
975          <div class="flex flex-1 flex-col">
976            <a href="/oblako" class="text-sm font-bold"> Услуги </a>
977              
978    <ul class="mt-2.5 space-y-2.5">
979
980
981		<li  class="text-xs"><a href="/oblako-iaas-private">Частное облако</a></li>
982
983	
984
985		<li  class="text-xs"><a href="/oblako-iaas-public">Публичное облако</a></li>
986
987	
988
989		<li  class="text-xs"><a href="/oblako-iaas-hybrid">Гибридное облако</a></li>
990
991	
992
993		<li  class="text-xs"><a href="/oblako-fz-152">Облако ФЗ-152</a></li>
994
995	
996
997		<li  class="text-xs"><a href="/oblako-colocation">Colocation</a></li>
998
999	
1000
1001		<li  class="text-xs"><a href="/oblako-draas">DRaaS</a></li>
1002
1003	
1004
1005		<li  class="text-xs"><a href="/oblako-oblachnoe-hranilishche">Объектное хранилище S3</a></li>
1006
1007	
1008
1009		<li  class="text-xs"><a href="/oblako-baas">Резервное копирование (BaaS)</a></li>
1010
1011	
1012
1013		<li  class="text-xs"><a href="/seti-i-bezopasnost-waf">WAF</a></li>
1014
1015	
1016
1017		<li  class="text-xs"><a href="/seti-i-bezopasnost-antivirusnaya-zashchita">Антивирусная защита ВМ</a></li>
1018
1019	
1020
1021		<li  class="text-xs"><a href="/seti-i-bezopasnost-sd-wan">Cloud SD-WAN</a></li>
1022
1023	
1024
1025		<li  class="text-xs"><a href="/cdn">CDN</a></li>
1026
1027	
1028
1029		<li  class="text-xs"><a href="/vdi">VDI</a></li>
1030
1031	
1032
1033		<li  class="text-xs"><a href="/importozameshchennoe-oblako">Импортозамещенное облако</a></li>
1034
1035	
1036
1037</ul>
1038          </div>
1039          <div class="flex flex-1 flex-col">
1040            <a href="/proektnye-resheniya" class="text-sm font-bold">
1041              Проектные решения
1042            </a>
1043              
1044    <ul class="mt-2.5 space-y-2.5">
1045
1046
1047		<li  class="text-xs"><a href="/informacionnaya-bezopasnost">Аудит информационной безопасности</a></li>
1048
1049	
1050
1051		<li  class="text-xs"><a href="/migraciya-v-oblako">Миграция в облако</a></li>
1052
1053	
1054
1055		<li  class="text-xs"><a href="/upravlenie-oblachnoj-infrastrukturoj">Проектирование и управление</a></li>
1056
1057	
1058
1059		<li  class="text-xs"><a href="/kompleksnye-infrastrukturnye-proekty">HaaS</a></li>
1060
1061	
1062
1063</ul>
1064          </div>
1065          <div class="flex flex-1 flex-col">
1066            <a href="#" class="text-sm font-bold"> Компания </a>
1067              
1068    <ul class="mt-2.5 space-y-2.5">
1069
1070
1071		<li  class="text-xs"><a href="/o-kompanii">О компании</a></li>
1072
1073	
1074
1075		<li  class="text-xs"><a href="/politika-dokumenty">Комплаенс и деловая этика</a></li>
1076
1077	
1078
1079		<li  class="text-xs"><a href="/kontakty">Контакты</a></li>
1080
1081	
1082
1083		<li  class="text-xs"><a href="/organizations">Организации</a></li>
1084
1085	
1086
1087		<li  class="text-xs"><a href="/novosti">Новости</a></li>
1088
1089	
1090
1091		<li  class="text-xs"><a href="/programmy-dlya-evm">Программы для ЭВМ из реестра российского ПО</a></li>
1092
1093	
1094
1095		<li  class="text-xs"><a href="/it">ИТ-аккредитация</a></li>
1096
1097	
1098
1099</ul>
1100          </div>
1101          <div class="flex flex-1 flex-col">
1102            <a href="/blog" class="text-sm font-bold"> Блог </a>
1103          </div>
1104        </div>
1105        <div
1106          class="mt-5 flex flex-col gap-5 text-sm font-bold lg:mt-12.5 lg:flex-row lg:justify-between lg:gap-0"
1107        >
1108          <a href="/politika-obrabotki-personalnykh-dannykh">
1109            Политика сбора и обработки персональных данных
1110              <span class="footer__policy-disclaimer">Если иное не указано, обработка персональных данных, опубликованных на сайте, неограниченным кругом лиц не запрещена, условия обработки не установлены</span>
1111          </a>
1112          <div>© 2008—2026 ООО «МВС Облачные решения»</div>
1113        </div>
1114
1115<style>
1116  .footer_disclaimer {
1117    font-size: 12px;
1118    text-align: center;
1119    max-width: 900px;
1120    margin: 50px auto 0;
1121  }
1122
1123  @media (max-width: 960px) {
1124    .footer_disclaimer {
1125      text-align: left;
1126    }
1127  }
1128</style>
1129
1130<div class="footer_disclaimer">
1131    ИНН: 7841468537, Адрес и место нахождения организации: 115432, г. Москва, проспект Андропова, дом 18, корпус 9<br>
1132ОКВЭД: 62.09 Деятельность, связанная с использованием вычислительной техники и информационных технологий, прочая
1133</div>
1134      </div>
1135    </div>
1136  </div>
1137</footer>
1138<div
1139  id="cookie-notification"
1140  class="fixed bottom-2.5 right-2.5 z-40 w-[calc(100%-20px)] max-w-[617px] translate-x-full transform rounded-[20px] bg-white p-7.5 opacity-0 shadow-3xl transition-all duration-700 lg:bottom-8 lg:right-11 lg:p-8.75"
1141>
1142  <div class="flex flex-col">
1143    <h3 class="mb-5">Наш сайт использует cookie</h3>
1144    <p class="mb-5 mr-2.5 text-xs font-medium lg:text-sm">
1145      Информацию о cookie, целях их использования и способах отказа можно
1146      найти в
1147      <a
1148        href="/politika-ispolzovania-failov-cookie"
1149        target="_blank"
1150        class="font-bold text-primary-500"
1151      >
1152        «Политике использования файлов «cookie» </a
1153      >. Продолжая находиться на нашем сайте, вы выражаете согласие на
1154      обработку файлов «cookie», а также подтверждаете факт ознакомления с
1155      <a
1156        href="/politika-ispolzovania-failov-cookie"
1157        target="_blank"
1158        class="font-bold text-primary-500"
1159      >
1160        «Политикой использования файлов «cookie».
1161      </a>
1162      <br />
1163      <br />
1164      Если вы не хотите, чтобы ваши данные обрабатывались, покин
1164ьте сайт.
1165    </p>
1166    <button
1167      type="button"
1168      class="leading-3.5 block w-full select-none whitespace-nowrap rounded-[10px] bg-primary-500 px-10 py-3.75 text-center text-button-base font-semibold tracking-[0.7px] text-white transition hover:bg-[#A3BFBC] hover:text-black md:w-full"
1169      id="accept-cookies"
1170    >
1171      Принять
1172    </button>
1173  </div>
1174</div>
1175<div
1176  x-data="{ open: false, title: '', scrollbarWidth: window.innerWidth - document.documentElement.clientWidth }"
1177  @open-modal.window="(e) => { open = true; title = e.detail.title; }"
1178  @close-modal.window="open = false"
1179  @keydown.window.escape="open = false"
1180  x-effect="document.body.style.paddingRight = open ? scrollbarWidth + 'px' : null; document.body.classList.toggle('overflow-hidden', open);"
1181  x-show="open"
1182  class="relative z-10"
1183  aria-labelledby="modal-title"
1184  x-ref="dialog"
1185  aria-modal="true"
1186  x-cloak
1187>
1188  <div
1189    x-show="open"
1190    x-transition:enter="ease-out duration-300"
1191    x-transition:enter-start="opacity-0"
1192    x-transition:enter-end="opacity-100"
1193    x-transition:leave="ease-in duration-200"
1194    x-transition:leave-start="opacity-100"
1195    x-transition:leave-end="opacity-0"
1196    class="fixed inset-0 bg-primary-500/40 backdrop-blur-[2px] transition-opacity"
1197    aria-hidden="true"
1198  ></div>
1199  <div
1200    id="modal-order-content"
1201    class="fixed inset-0 z-10 w-screen overflow-y-auto"
1202  >
1203    <div
1204      class="flex min-h-full items-end justify-center p-0 text-center sm:p-0 lg:items-center lg:p-4"
1205    >
1206      <div
1207        x-show="open"
1208        x-transition:enter="ease-out duration-300"
1209        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1210        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
1211        x-transition:leave="ease-in duration-200"
1212        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
1213        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1214        x-description="Модальная панель, отображение/скрытие в зависимости от модального состояния"
1215        class="relative transform overflow-hidden rounded-t-[20px] bg-white bg-gradient-to-b from-[#D1DFE0] to-primary-100 text-left transition-all sm:w-full lg:max-w-[800px] lg:rounded-[20px]"
1216        @click.away="open = false"
1217      >
1218        <div
1219          class="relative px-2.5 pb-2.5 pt-7.5 lg:px-7.5 lg:pb-7.5 lg:pt-10"
1220        >
1221          <img
1222            src="/_assets/icon-close_Z1Yp7mB.svg"
1223            @click="open = false"
1224            class="absolute right-5 top-5 cursor-pointer"
1225            alt="Закрыть модальное окно"
1226            width="16"
1227            height="16"
1228            loading="lazy"
1229            decoding="async"
1230          />
1231          <h2 class="mb-8.75 max-w-[640px]" x-text="title"></h2>
1232          <form
1233            x-data="orderFormHandler"
1234            @submit.prevent="validateForm($data.title)"
1235            action="#"
1236            method="post"
1237            class="flex flex-col gap-y-5"
1238          >
1239            <div class="grid grid-cols-1 gap-5 lg:grid-cols-2">
1240              <input
1241                type="text"
1242                name="name"
1243                class="block w-full rounded-[10px] border-none px-5 pb-4 pt-3.75 text-sm font-medium caret-primary-500 outline-none placeholder:text-black/30 invalid:border-[#CE4800] focus:ring-primary-500"
1244                placeholder="Ваше имя"
1245                x-model="name"
1246              />
1247              <input
1248                type="tel"
1249                name="phone"
1250                class="block w-full rounded-[10px] border-none px-5 pb-4 pt-3.75 text-sm font-medium caret-primary-500 outline-none placeholder:text-black/30 invalid:border-[#CE4800] focus:ring-primary-500"
1251                placeholder="Телефон"
1252                x-mask="+7 (999) 999-99-99"
1253                x-model="phone"
1254              />
1255              <input
1256                type="text"
1257                name="company"
1258                class="block w-full rounded-[10px] border-none px-5 pb-4 pt-3.75 text-sm font-medium caret-primary-500 outline-none placeholder:text-black/30 invalid:border-[#CE4800] focus:ring-primary-500"
1259                placeholder="Компания"
1260                x-model="company"
1261              />
1262              <input
1263                type="email"
1264                name="email"
1265                class="block w-full rounded-[10px] border-none px-5 pb-4 pt-3.75 text-sm font-medium caret-primary-500 outline-none placeholder:text-black/30 invalid:border-[#CE4800] focus:ring-primary-500"
1266                placeholder="Электронная почта"
1267                x-model="email"
1268              />
1269            </div>
1270            <textarea
1271              id="contact-message"
1272              name="message"
1273              placeholder="Какую задачу вам необходимо решить?"
1274              class="block h-37.5 w-full resize-none rounded-[10px] border-none px-5 pb-4 pt-3.75 text-sm font-medium caret-primary-500 outline-none placeholder:text-black/30 invalid:border-[#CE4800] focus:ring-primary-500"
1275              x-model="message"
1276            ></textarea>
1277            <label
1278              for="modal-order-agreement"
1279              class="checkbox-container relative block cursor-pointer select-none"
1280            >
1281                  <span
1282                    class="mr-8.75 block pl-14 text-[0.875rem]/[1.125rem] font-medium"
1283                  >
1284                    Нажимая на кнопку, я даю
1285                    <a
1286                      target="_blank"
1287                      href="/soglasie"
1288                      class="text-primary-500"
1289                    >
1290                      «Согласие на обработку персональных данных»
1291                    </a>&nbsp;и соглашаюсь с&nbsp;<a
1292                      href="/politika-obrabotki-personalnykh-dannykh"
1293                      class="text-primary-500"
1294                      target="_blank"
1295                    >
1296                      «Политикой обработки персональных данных»
1297                    </a>
1298                  </span>
1299              <input
1300                class="absolute left-5 top-0.5 cursor-pointer opacity-0"
1301                type="checkbox"
1302                id="modal-order-agreement"
1303                name="agreement"
1304                x-model="agreement"
1305              />
1306              <span
1307                class="checkmark absolute left-0 top-0 mx-5 my-0.5 h-4 w-4 rounded-[4px] border border-solid border-[#3b586d] bg-white"
1308              ></span>
1309            </label>
1310            <label
1311                    for="modal-order-newsletter"
1312                    class="checkbox-container relative block cursor-pointer select-none"
1313            >
1314              <span
1315                      class="mr-8.75 block pl-14 text-[0.875rem]/[1.125rem] font-medium"
1316              >
1317              Согласен получать информационную рассылку и&nbsp;иную информацию на условиях, доступных по
1318                  <a
1319                          href="/files/docs/soglasie-na-reklamu.pdf"
1320                          class="text-primary-500"
1321                            target="_blank"
1322                  >
1323                  ссылке
1324                      </a>
1325              </span>
1326              <input
1327                class="absolute left-5 top-0.5 cursor-pointer opacity-0"
1328                type="checkbox"
1329                id="modal-order-newsletter"
1330                name="newsletter"
1331                x-model="newsletter"
1332              />
1333              <span
1334                class="checkmark absolute left-0 top-0 mx-5 my-0.5 h-4 w-4 rounded-[4px] border border-solid border-[#3b586d] bg-white"
1335              ></span>
1336            </label>
1337            <button
1338              type="submit"
1339              class="leading-3.5 block w-full select-none whitespace-nowrap rounded-[10px] bg-primary-500 px-10 py-3.75 text-center text-button-base font-semibold tracking-[0.7px] text-white transition hover:bg-[#A3BFBC] hover:text-black md:w-full"
1340            >
1341              Отправить
1342            </button>
1343            <div
1344              x-cloak
1345              x-show="error"
1346              class="flex items-center justify-center gap-5 rounded-[10px] bg-[#CE4800] px-5 py-1.5"
1347            >
1348              <img
1349                src="/_assets/info-icon_NSbq3.svg"
1350                alt="Ошибка отправки заявки"
1351                width="19"
1352                height="16"
1353                loading="lazy"
1354                decoding="async"
1355              />
1356              <div class="text-sm text-white" x-text="errorText"></div>
1357            </div>
1358          </form>
1359        </div>
1360      </div>
1361    </div>
1362  </div>
1363</div>
1364<div
1365  x-data
1366  x-anchor.offset.15.bottom-end="document.getElementById('menu-button')"
1367  x-show="$store.mobileMenu.open"
1368  @click.outside="$store.mobileMenu.hide()"
1369  x-clock
1370  x-transition:enter="transition ease-out duration-100 transform"
1371  x-transition:enter-start="opacity-0 scale-95"
1372  x-transition:enter-end="opacity-100 scale-100"
1373  x-transition:leave="transition ease-in duration-75 transform"
1374  x-transition:leave-start="opacity-100 scale-100"
1375  x-transition:leave-end="opacity-0 scale-95"
1376  class="mobileMenu z-50 rounded-[10px] bg-white p-5 shadow-3xl lg:hidden"
1377>
1378  <nav
1379    x-data="accordion()"
1380    role="menu"
1381    aria-orientation="vertical"
1382    aria-labelledby="menu-button"
1383    tabindex="-1"
1384  >
1385    <div
1386      x-data="accordionItem({ title: 'Услуги', index: 0, isOpen: isOpen, toggle: toggle })"
1387      class="overflow-hidden text-button-sm font-medium"
1388    >
1389      <button
1390        :class="{ '!bg-primary-100 rounded-[10px]': activeIndex === index &#38;&#38; true }"
1391        class="flex w-full items-center justify-between bg-white p-3.75 text-left focus:outline-none"
1392        type="button"
1393        @click="toggle(index)"
1394      >
1395        <a href="/oblako" @click.stop x-text="title"></a>
1396        <svg
1397          :class="{'rotate-90': isOpen(index)}"
1398          class="h-3 w-2.5 transform transition-transform duration-150"
1399          width="10"
1400          height="12"
1401          viewBox="0 0 10 12"
1402          fill="none"
1403          xmlns="http://www.w3.org/2000/svg"
1404        >
1405          <path
1406            d="M2.5 1L7.5 6L2.5 11"
1407            stroke="#3B586D"
1408            stroke-opacity="0.5"
1409          ></path>
1410        </svg>
1411      </button>
1412      <div
1413        x-ref="content"
1414        x-show="isOpen(index)"
1415        x-transition:enter="transition ease-out duration-100 transform"
1416        x-transition:enter-start="opacity-0 scale-95"
1417        x-transition:enter-end="opacity-100 scale-100"
1418        x-transition:leave="transition ease-in duration-75 transform"
1419        x-transition:leave-start="opacity-100 scale-100"
1420        x-transition:leave-end="opacity-0 scale-95"
1421        class="origin-top bg-white"
1422        style="display: none"
1423      >
1424        <ul class="bg-white px-5">
1425          <li>
1426            <a class="block p-3.75" href="/oblako-iaas-private"
1427            >Частное облако</a
1428            >
1429          </li>
1430          <li>
1431            <a class="block p-3.75" href="/oblako-iaas-public"
1432            >Публичное облако</a
1433            >
1434          </li>
1435          <li>
1436            <a class="block p-3.75" href="/oblako-iaas-hybrid"
1437            >Гибридное облако</a
1438            >
1439          </li>
1440          <li>
1441            <a class="block p-3.75" href="/oblako-fz-152">Облако ФЗ-152</a>
1442          </li>
1443          <li>
1444            <a class="block p-3.75" href="/oblako-pci-dss"
1445            >PCI DSS хостинг</a
1446            >
1447          </li>
1448          <li>
1449            <a class="block p-3.75" href="/oblako-sap-hosting"
1450            >SAP хостинг</a
1451            >
1452          </li>
1453          <li>
1454            <a class="block p-3.75" href="/oblako-colocation">Colocation</a>
1455          </li>
1456          <li><a class="block p-3.75" href="/oblako-draas">DRaaS</a></li>
1457          <li>
1458            <a class="block p-3.75" href="/oblako-oblachnoe-hranilishche"
1459            >Объектное хранилище S3</a
1460            >
1461          </li>
1462          <li>
1463            <a class="block p-3.75" href="/oblako-baas"
1464            >Резервное копирование (BaaS)</a
1465            >
1466          </li>
1467          <li>
1468            <a class="block p-3.75" href="/seti-i-bezopasnost-waf">WAF</a>
1469          </li>
1470          <li>
1471            <a
1472              class="block p-3.75"
1473              href="/seti-i-bezopasnost-antivirusnaya-zashchita"
1474            >Антивирусная защита ВМ</a
1475            >
1476          </li>
1477          <li>
1478            <a class="block p-3.75" href="/seti-i-bezopasnost-sd-wan"
1479            >Cloud SD-WAN</a
1480            >
1481          </li>
1482          <li><a class="block p-3.75" href="/cdn">Cloud CDN</a></li>
1483          <li><a class="block p-3.75" href="/vdi">VDI</a></li>
1484          <li>
1485            <a class="block p-3.75" href="/importozameshchennoe-oblako"
1486            >Импортозамещенное облако</a
1487            >
1488          </li>
1489        </ul>
1490      </div>
1491    </div>
1492    <div
1493      x-data="accordionItem({ title: 'Проектные решения', index: 1, isOpen: isOpen, toggle: toggle })"
1494      class="overflow-hidden text-button-sm font-medium"
1495    >
1496      <button
1497        :class="{ '!bg-primary-100 rounded-[10px]': activeIndex === index &#38;&#38; true }"
1498        class="flex w-full items-center justify-between bg-white p-3.75 text-left focus:outline-none"
1499        type="button"
1500        @click="toggle(index)"
1501      >
1502        <a href="/proektnye-resheniya" @click.stop x-text="title"></a>
1503        <svg
1504          :class="{'rotate-90': isOpen(index)}"
1505          class="h-3 w-2.5 transform transition-transform duration-150"
1506          width="10"
1507          height="12"
1508          viewBox="0 0 10 12"
1509          fill="none"
1510          xmlns="http://www.w3.org/2000/svg"
1511        >
1512          <path
1513            d="M2.5 1L7.5 6L2.5 11"
1514            stroke="#3B586D"
1515            stroke-opacity="0.5"
1516          ></path>
1517        </svg>
1518      </button>
1519      <div
1520        x-ref="content"
1521        x-show="isOpen(index)"
1522        x-transition:enter="transition ease-out duration-100 transform"
1523        x-transition:enter-start="opacity-0 scale-95"
1524        x-transition:enter-end="opacity-100 scale-100"
1525        x-transition:leave="transition ease-in duration-75 transform"
1526        x-transition:leave-start="opacity-100 scale-100"
1527        x-transition:leave-end="opacity-0 scale-95"
1528        class="origin-top bg-white"
1529        style="display: none"
1530      >
1531        <ul class="bg-white px-5">
1532          <li>
1533            <a class="block p-3.75" href="/informacionnaya-bezopasnost"
1534            >Аудит информационной безопасности</a
1535            >
1536          </li>
1537          <li>
1538            <a class="block p-3.75" href="/migraciya-v-oblako"
1539            >Миграция в облако</a
1540            >
1541          </li>
1542          <li>
1543            <a
1544              class="block p-3.75"
1545              href="/upravlenie-oblachnoj-infrastrukturoj"
1546            >Проектирование и управление</a
1547            >
1548          </li>
1549          <li>
1550            <a
1551              class="block p-3.75"
1552              href="/kompleksnye-infrastrukturnye-proekty"
1553            >HaaS</a
1554            >
1555          </li>
1556        </ul>
1557      </div>
1558    </div>
1559    <div
1560      x-data="accordionItem({ title: 'Компания', index: 2, isOpen: isOpen, toggle: toggle })"
1561      class="overflow-hidden text-button-sm font-medium"
1562    >
1563      <button
1564        :class="{ '!bg-primary-100 rounded-[10px]': activeIndex === index &#38;&#38; true }"
1565        class="flex w-full items-center justify-between bg-white p-3.75 text-left focus:outline-none"
1566        type="button"
1567        @click="toggle(index)"
1568      >
1569        <a href="#" @click.stop x-text="title"></a>
1570        <svg
1571          :class="{'rotate-90': isOpen(index)}"
1572          class="h-3 w-2.5 transform transition-transform duration-150"
1573          width="10"
1574          height="12"
1575          viewBox="0 0 10 12"
1576          fill="none"
1577          xmlns="http://www.w3.org/2000/svg"
1578        >
1579          <path
1580            d="M2.5 1L7.5 6L2.5 11"
1581            stroke="#3B586D"
1582            stroke-opacity="0.5"
1583          ></path>
1584        </svg>
1585      </button>
1586      <div
1587        x-ref="content"
1588        x-show="isOpen(index)"
1589        x-transition:enter="transition ease-out duration-100 transform"
1590        x-transition:enter-start="opacity-0 scale-95"
1591        x-transition:enter-end="opacity-100 scale-100"
1592        x-transition:leave="transition ease-in duration-75 transform"
1593        x-transition:leave-start="opacity-100 scale-100"
1594        x-transition:leave-end="opacity-0 scale-95"
1595        class="origin-top bg-white"
1596        style="display: none"
1597      >
1598        <ul class="bg-white px-5">
1599          <li><a class="block p-3.75" href="/o-kompanii">О компании</a></li>
1600          <li><a class="block p-3.75" href="/novosti">Новости</a></li>
1601          <li>
1602            <a class="block p-3.75" href="/politika-dokumenty"
1603            >Комплаенс и деловая этика</a
1604            >
1605          </li>
1606          <li><a class="block p-3.75" href="/kontakty">Контакты</a></li>
1607        </ul>
1608      </div>
1609    </div>
1610    <div
1611      x-data="accordionItem({ title: 'Блог', index: 3, isOpen: isOpen, toggle: toggle })"
1612      class="overflow-hidden text-button-sm font-medium"
1613    >
1614      <button
1615        :class="{ '!bg-primary-100 rounded-[10px]': activeIndex === index &#38;&#38; false }"
1616        class="flex w-full items-center justify-between bg-white p-3.75 text-left focus:outline-none"
1617        type="button"
1618        @click="toggle(index)"
1619      >
1620        <a href="/blog" @click.stop x-text="title"></a>
1621      </button>
1622      <div
1623        x-ref="content"
1624        x-show="isOpen(index)"
1625        x-transition:enter="transition ease-out duration-100 transform"
1626        x-transition:enter-start="opacity-0 scale-95"
1627        x-transition:enter-end="opacity-100 scale-100"
1628        x-transition:leave="transition ease-in duration-75 transform"
1629        x-transition:leave-start="opacity-100 scale-100"
1630        x-transition:leave-end="opacity-0 scale-95"
1631        class="origin-top bg-white"
1632        style="display: none"
1633      >
1634        <ul class="bg-white px-5"></ul>
1635      </div>
1636    </div>
1637  </nav>
1638</div>
1639<div
1640  x-data
1641  x-show="$store.contactSubmitted.open"
1642  class="relative z-10"
1643  aria-labelledby="modal-title"
1644  aria-modal="true"
1645  x-cloak
1646>
1647  <!-- Фон модального окна -->
1648  <div
1649    x-show="$store.contactSubmitted.open"
1650    x-transition:enter="ease-out duration-300"
1651    x-transition:enter-start="opacity-0"
1652    x-transition:enter-end="opacity-100"
1653    x-transition:leave="ease-in duration-200"
1654    x-transition:leave-start="opacity-100"
1655    x-transition:leave-end="opacity-0"
1656    class="fixed inset-0 bg-primary-500/40 backdrop-blur-[2px] transition-opacity"
1657    aria-hidden="true"
1658    @click="$store.contactSubmitted.hide()"
1659  ></div>
1660  <!-- Модальное окно -->
1661  <div class="fixed inset-0 z-10 w-screen overflow-y-auto">
1662    <div
1663      class="flex min-h-full items-start justify-center p-0 text-center sm:p-0 lg:p-4"
1664    >
1665      <div
1666        x-show="$store.contactSubmitted.open"
1667        x-transition:enter="ease-out duration-300"
1668        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1669        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
1670        x-transition:leave="ease-in duration-200"
1671        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
1672        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1673        class="relative mx-2.5 mt-10 w-full max-w-[800px] transform overflow-hidden rounded-[20px] bg-white bg-gradient-to-b from-[#D1DFE0] to-primary-100 text-left transition-all"
1674        @click.away="$store.contactSubmitted.hide()"
1675      >
1676        <div class="relative p-7.5">
1677          <div class="flex flex-col items-center">
1678            <h2 class="mb-5 text-center">Ваше обращение приняли</h2>
1679            <p class="text-center text-xs font-medium lg:text-sm">
1680              Скоро наш менеджер свяжется с вами.
1681              <br />
1682              А пока вы можете изучить интересные материалы в нашем
1683              <a href="/blog" class="font-bold text-primary-500">блоге</a>.
1684            </p>
1685          </div>
1686        </div>
1687      </div>
1688    </div>
1689  </div>
1690</div>
1691<div
1692  x-data
1693  x-show="$store.subscribeSubmitted.open"
1694  class="relative z-10"
1695  aria-labelledby="modal-title"
1696  aria-modal="true"
1697  x-cloak
1698>
1699  <!-- Фон модального окна -->
1700  <div
1701    x-show="$store.subscribeSubmitted.open"
1702    x-transition:enter="ease-out duration-300"
1703    x-transition:enter-start="opacity-0"
1704    x-transition:enter-end="opacity-100"
1705    x-transition:leave="ease-in duration-200"
1706    x-transition:leave-start="opacity-100"
1707    x-transition:leave-end="opacity-0"
1708    class="fixed inset-0 bg-primary-500/40 backdrop-blur-[2px] transition-opacity"
1709    aria-hidden="true"
1710    @click="$store.subscribeSubmitted.hide()"
1711  ></div>
1712  <!-- Модальное окно -->
1713  <div class="fixed inset-0 z-10 w-screen overflow-y-auto">
1714    <div
1715      class="flex min-h-full items-start justify-center p-0 text-center sm:p-0 lg:p-4"
1716    >
1717      <div
1718        x-show="$store.subscribeSubmitted.open"
1719        x-transition:enter="ease-out duration-300"
1720        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1721        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
1722        x-transition:leave="ease-in duration-200"
1723        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
1724        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1725        class="relative mx-2.5 mt-10 w-full max-w-[800px] transform overflow-hidden rounded-[20px] bg-white bg-gradient-to-b from-[#D1DFE0] to-primary-100 text-left transition-all"
1726        @click.away="$store.subscribeSubmitted.hide()"
1727      >
1728        <div class="relative p-7.5">
1729          <div class="flex flex-col items-center">
1730            <h2 class="mb-5 text-center">Подписка оформлена</h2>
1731            <p class="text-center text-xs font-medium lg:text-sm">
1732              Скоро отправим вам уведомление о новых материалах.
1733            </p>
1734          </div>
1735        </div>
1736      </div>
1737    </div>
1738  </div>
1739</div>
1740<script src="/local/templates/.default/js/more.js"></script>
vendor: 1 bytes, line 1740
1740
1741<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"IT-GRAD","url":"https://www.it-grad.ru","logo":"https://www.it-grad.ru/_assets/logo.png","contactPoint":{"@type":"ContactPoint","telephone":"8 (800) 333-17-77","contactType":"customer service","areaServed":"RU","availableLanguage":"Russian"}}</script>
1741<script>
1742    var GlobalParams = {
1743        captchaSiteKey: '6Ldq6RwrAAAAADZwdHrYVJtmtEsoQKr--j-3pIHI',
1744        bxSessid: '1b3ed09998491bc8fd1d7336ab237004'
1745    }
1746</script>
vendor: 61 bytes, lines 1746-1747
1746
1747<script src="https://www.google.com/recaptcha/api.js?render=
17476Ldq6RwrAAAAADZwdHrYVJtmtEsoQKr--j-3pIHI
vendor: 12 bytes, line 1747
1747"></script>
1748</body>
1749</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.