/
sprrws
/
direction_site
Обзор
Документация
Войти
/
sprrws
/
direction_site
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
DevSecOps.html
163 строки
12 KB
sprrws
upgrade footer header
04 мар 2026, 14:32
04 мар 2026, 14:32
c43ede4
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="description" content="спб дирекция"> <meta name="author" content="matvey"> <meta name="robots" content="all"> <meta property="og:tittle" content="Это уже моя не первая страница :("> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/styleOMG2.css"> <link rel="stylesheet" href="css/styleOMGcopy.css"> <link rel="stylesheet" href="css/myicon.css"> <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css"> <!-- Подключил иконки. Ссылка с сайта font awesome cdn --> <title>DevSecOps</title> </head> <body> <header> <nav> <div class="container-fluid rounded shadow"> <div class="row align-items-center"> <!-- align-items-center ставит в центр по вертикали --> <div class="imgg col-4 d-block"><div class="logo text-center"><a href="index.html"><img src="img/logo1.jpg" class="logo-img" alt=""></a></div></div> <!-- COL-AUTO ЗАНЯЛ МЕСТО ПОД ЛОГО --> <div class="menu d-none d-lg-block col-8"> <!-- text-end поставил текст правую часть шапки/ COL ЗАНЯЛ ОСТАЛЬНОЕ МЕСТО --> <ul class="mb-0 d-flex"> <!-- CLASS MB-0 убирает нижний отступ --> <li><a class="dropdown-item" href="https://avsv.gazprom-neft.ru/" target="_blank" rel="noopener noreferrer">ООО "Автоматика-Сервис"</a></li> <li><a class="dropdown-item" href="https://www.gazprom-neft.ru/" target="_blank" rel="noopener noreferrer">ПАО "Газпром нефть"</a></li> <li><a class="dropdown-item" href="#">Lorem ipsum</a></li> <li><a class="dropdown-item" href="#">Lorem ipsum</a></li> </ul> </div> <!-- ========================ДРОП МЕНЮ========================= --> <div class="btn-group d-block col mb-0 d-lg-none text-end"> <!-- Кнопка-бургер (три полоски) --> <button type="button" class="btn btn-secondary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> <i class="fa-solid fa-bars"></i> </button> <!-- Выпадающее меню --> <div class="dropdown-menu"> <!-- Крестик для закрытия --> <div class="dropdown-header-close"> <button type="button" class="btn-close" data-bs-dismiss="dropdown" aria-label="Закрыть"></button> </div> <!-- Пункты меню (ваши ссылки) --> <ul class="mb-0"> <li><a class="dropdown-item" href="https://avsv.gazprom-neft.ru/">ООО "Автоматика-Сервис"</a></li> <li><a class="dropdown-item" href="https://www.gazprom-neft.ru/">ПАО "Газпром нефть"</a></li> <li><a class="dropdown-item" href="#">Что-то еще здесь</a></li> <li><hr class="dropdown-divider"></li> </ul> </div> </div> </div> </div> </nav> </header> <main class="container"> <div class="row align-items-center"> <!-- ЛЕВАЯ КОЛОНКА: Текст --> <div class="col-md-6 order-1 order-md-1"> <h2 class="mb-3">DevSecOps</h2> <p class="opisan mb-4 lead text-justify"> (Development Security Operations) - это методология, которая встраивает информационную безопасность на все этапы создания IT-продукта. Если в классическом DevOps главное - скорость разработки и доставки, то DevSecOps добавляет к этой скорости безопасность («Sec»). Безопасность становится задачей не только отдельной команды специалистов, а общей ответственностью всех - от разработчика до администратора. </p> </div> <!-- Кнопка обратной связи в отдельной колонке --> <div class="col-12 order-3 order-md-3 mt-3"> <div class="svyaz"> <div class="d-grid gap-2 d-md-flex justify-content-md-start"> <button class="btn btn-primary btn-lg" type="button" data-bs-toggle="modal" data-bs-target="#exampleModal"> Обратная связь </button> <!-- Модальное окно --> <div class="modal fade" id="exampleModal" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Заполните форму</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form> <div class="mb-3"> <label class="form-label">ФИО</label> <input type="text" class="form-control" placeholder="Иванов Иван Иванович"> </div> <div class="mb-3"> <label class="form-label">Email</label> <input type="email" class="form-control" placeholder="name@example.com"> </div> <div class="mb-3"> <label class="form-label">Опишите свой вопрос</label> <input type="textarea" class="form-control" placeholder=""> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button> <button type="submit" class="btn btn-primary">Отправить</button> </div> </div> </div> </div> </div> </div> </div> <!-- Правая колонка: фотография --> <div class="col-md-6 order-2 order-md-2"> <div class="photo text-center"> <img src="img/devsecops.jpg" alt="Фото" class="img-fluid rounded shadow w-75"> </div> </div> </div> <div class="article"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam, pariatur a, error quis officiis alias consequuntur. Porro maiores voluptates dolorum magnam animi eveniet rem veritatis quidem in, deleniti laboriosam ex doloremque quam cupiditate ipsa pariatur, deserunt perferendis dolorem labore illum, dolor at odio commodi! Aspernatur consectetur quae quis unde accusamus earum dignissimos autem corporis excepturi voluptatum adipisci similique hic, mollitia aut rem exercitationem vel illo. Obcaecati vero ratione pariatur est molestias, minima harum ea vitae similique sunt excepturi corporis delectus facere dolore consectetur, molestiae officiis impedit earum ut nostrum atque, ex! Repellendus sit voluptas suscipit, maxime molestiae repellat debitis veniam consectetur sequi odit quia a placeat. Delectus quas mollitia totam, debitis consectetur enim neque vel repudiandae, nam nihil hic perspiciatis architecto obcaecati provident saepe ratione distinctio blanditiis assumenda voluptates harum modi corrupti. A accusamus quae, suscipit esse iusto odio iure. Assumenda beatae, placeat omnis porro repellat architecto odio similique aliquam, nihil laboriosam vitae possimus! Similique laborum totam, accusantium iure fugit perspiciatis nobis nisi impedit dolor distinctio sed neque, consequuntur, ipsum eum necessitatibus odio repellendus cupiditate quisquam voluptates ut. Eveniet, quod, modi accusantium numquam ea distinctio quos qui libero fuga quo, quisquam architecto ullam et unde, voluptates ab dolor iste. Veniam voluptatum qui facere autem dicta, illum ipsum tenetur, assumenda dolores, vero quasi. Veniam ducimus dolores mollitia dolorem, impedit consequuntur inventore aliquid iste obcaecati deserunt hic recusandae eius optio laborum asperiores dolorum atque vel quaerat animi in ullam dolor, autem. Nostrum nam itaque atque accusantium voluptatibus minus, laudantium sapiente libero nobis tempore magni error voluptates repudiandae fugit provident dolore impedit, aperiam nihil quaerat velit quos, magnam, ducimus quo doloribus. Consequatur consectetur officiis labore eos, tenetur earum nemo nobis nostrum iusto dolorem porro? Fuga architecto sapiente, sunt nulla vel tempore exercitationem dolore, in neque similique repellat recusandae, at, odio quam debitis deserunt quas officia placeat reiciendis doloribus voluptatem harum eveniet vero! Consequuntur earum totam nulla iure animi culpa harum cupiditate eos ab eius maiores temporibus, repellendus cumque dicta obcaecati nesciunt ex aperiam, alias excepturi aspernatur deleniti, ullam explicabo esse quam illo! Illo iste adipisci, molestias ratione in dolor, inventore reiciendis dolorum, vitae omnis culpa provident nam. Optio enim velit ad nisi! Quis rerum itaque, nesciunt ea ducimus cum, quam enim sed minus repellat corporis, sapiente fugiat vel, tenetur expedita possimus ab. Quidem quasi quod alias maxime, facere non recusandae magni voluptate autem aspernatur corrupti? Provident ducimus, cupiditate blanditiis quam laboriosam dicta labore fugiat, velit odio iure sapiente, sequi corrupti ex delectus tempore perferendis aliquid voluptatibus doloremque eum recusandae explicabo. Magni ea architecto, consectetur autem animi ducimus quia atque aliquid in. Ex commodi voluptatem voluptate dolorem minima molestias iste eligendi tenetur, doloribus quo debitis ab, quos, laborum nam pariatur! Veniam mollitia neque assumenda maxime id harum ut consectetur quod eum est, nulla distinctio fugiat omnis error quia, beatae, ipsum animi debitis nostrum. Iure, quibusdam! Ipsa non provident omnis magnam dignissimos quia nulla perferendis, praesentium voluptatibus soluta laboriosam architecto, asperiores blanditiis nam est, ad animi vero dolor beatae molestiae! Consequuntur illo mollitia, iure debitis.</p> </div> </main> <footer class="footer rounded shadow"> <div class="footer-container"> <div class="footer-row"> <div class="footer-col"> <!--Колонка "О Дирекции"--> <h4>О дирекции</h4> <ul class="footer-links"> <li><i class="fa-solid fa-location-dot"></i><a href="https://yandex.com/maps/2/saint-petersburg/house/degtyarny_pereulok_1b/Z0kYdQ9iSUwFQFtjfXVyeXpjbA==/?ll=30.382822%2C59.938587&z=17">Дегтярный переулок, 11Б</a></li> <li><i class="fa-solid fa-business-time"></i>Часы работы: Пн–Пт, 8:00–18:00</li> </ul> </div> <div class="footer-col"> <!-- Колонка "Контакты" --> <h4>Контакты</h4> <ul class="footer-links"> <li><i class="fa-solid fa-phone"></i><a href="tel:+79136650978">+ 7 (913)-665-09-78</a></li> <li><i class="fa-regular fa-envelope"></i><a href="mailto:dirbussys@gazprom-neft.ru">dirbussys@gazprom-neft.ru</a></li> </ul> </div> <div class="footer-col"> <!-- Колонка "Социальные сети" --> <h4>Социальные сети</h4> <ul class="footer-links"> <li><i class="fa-brands fa-vk"></i><a href="...">Вконтакте</a></li> <li><i class="icon-max_svg"></i><a href="...">MAX</a></li> </ul> </div> </div> </div> </footer> <script src="js/bootstrap.bundle.min.js"></script> </body> </html>