/
Blake
/
GBlake
Обзор
Документация
Войти
/
Blake
/
GBlake
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
index.html
97 строк
5 KB
Blake
new thungs
27 сен 2025, 20:50
27 сен 2025, 20:50
fa8201a
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>GBlake</title> <link rel="stylesheet" href="style.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" /> </head> <body> <header> <h1><a href="https://gblake.ru">GBlake</a></h1> <!-- Бургер-кнопка --> <div class="burger-menu" id="burger-menu"> <span></span> <span></span> <span></span> </div> <div class="head-buttons"> <a href="#sec-1" class="head-button">Start</a> <a href="#sec-2" class="head-button">Info</a> <a href="#sec-3" class="head-button">Choise</a> <a href="#sec-4" class="head-button">Contacts</a> </div> <a href="#sec-4" class="mobile-button">Contacts</a> </header> <main> <section class="sec-1" id="sec-1"> <div class="container"> <div class="text"> <div class="text-1"> <h1 id="typed-text"></h1> <div class="cursor" id="cursor"></div> </div> <p>Всё о машинах<br>и не только</p> </div> <a href="#sec-3" class="button">Подробнее</a> </div> </section> <section class="sec-2" id="sec-2"> <div class="container"> <div class="text" data-os="fade-up"> <p>На нашем ресурсе собран полный спектр сведений о современных автомобилях самых известных мировых брендов. Изучите технические характеристики, ознакомьтесь с особенностями дизайна салона и кузова, узнайте мнение реальных владельцев и профессиональных экспертов. Вся информация структурирована таким образом, чтобы процесс выбора подходящего транспортного средства стал простым и удобным.</p> </div> <div class="text"> <p>Регулярно пополняемая база данных включает новейшие модели и обновления текущих серий. Здесь представлены автомобили любых классов и типов: от малолитражных городских машин до роскошных премиум-внедорожников и инновационных электрокаров. Удобная навигация позволит вам быстро найти интересующую вас марку и модель.</p> </div> <div class="text"> <p>Чтобы облегчить сравнение разных вариантов, предлагаем воспользоваться специальным инструментом. Это позволит наглядно оценить плюсы и минусы каждой машины, сопоставляя ключевые показатели нескольких моделей одновременно. Таким образом, наши пользователи смогут принять взвешенное решение перед покупкой автомобиля своей мечты</p> </div> </div> </section> <section class="sec-3" id="sec-3"> <div class="cards"> <div class="card" > <div class="text"> <img src="assets/card1.jpg" alt="" > <h1>Энциклопедия</h1> </div> <a href="mini/index.html" class="button">Подробнее</a> </div> <div class="card"> <div class="text"> <img src="assets/card2.jpg" alt=""> <h1>Сравнение</h1> </div> <a href="sravni/gb/index.html" class="button">Подробнее</a> </div> </div> </section> </main> <footer class="sec-4" id="sec-4"> <h1>Контакты</h1> <div class="buttons"> <a href="https://t.me/BLAKE_000" class="button">Telegram</a> <a href="https://github.com/Blake22020" class="button">Github</a> <a href="mailto:mr.blake.hero@mail.ru" class="button">Mail</a> <a href="portfolio/index.html" class="button">Портфолио</a> <a href="LexiGo/adda/index.html" class="button">LexiGo</a> </div> <p>Copyright © 2025 GBlake</p> </footer> <script src="script.js"></script> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <script> AOS.init() </script> </body> </html>