/
fckitall
/
cdg_practice
Обзор
Документация
Войти
/
fckitall
/
cdg_practice
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
lab.html
118 строк
5 KB
Ковалевский Александр Андреевич
Полное выполнение лабораторных работ 1-5
17 дек 2025, 20:09
17 дек 2025, 20:09
d527b2c
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Мое портфолио</title> <link rel="stylesheet" href="./lab.css"> </head> <body> <!--ЗАГОЛОВОК--> <header class="header fade-in"> <div class="container"> <h1 class="logo">Александр Ковалевский</h1> <nav class="nav"> <ul> <ol><a href="#description">Описание</a></li> <ol><a href="#information">Информация обо мне</a></li> <ol><a href="#discuss">Связаться со мной</a></li> </ul> </nav> <button class="btn btn-primary">Узнать больше</button> </div> </header> <!--ОПИСАНИЕ--> <section id = description class="description fade-in"> <div class="container"> <div class="description-content "> <h2>Привет, я Саша</h2> <p>Я студент СевГУ и изучаю fronted разработку</p> <p>Хочу научиться создавать высококачественные цифровые продукты, которые будут помогать моим клиентам и различным бизнесам</p> <button class="btn btn-secondary">Узнать больше</button> </div> <div class="photo-description"> <img src="фото 1.png" alt="Я Саша"> </div> </div> </section> <!--ИНФОРМАЦИЯ--> <section id = information class="information fade-in"> <div class="container"> <h2>Информация обо мне</h2> <div class="information-content"> <div class="photo-information"> <img src="фото 2.png" alt="Саша"> </div> <div class="information-txt"> <p>Ковалевский Александр - Я студент СевГУ и только начинаю изучать Fronted разработку</p> <button class="btn btn-secondary">Узнать больше</button> </div> </div> <div class="interests"> <h3>Мои интересы</h3> <div class="interest-content"> <div class="icon">🎵</div> <div class="txt"> <h4>Музыка</h4> <p>Любимые исполнители: Daft Punk</p> </div> </div> <div class="interest-content"> <div class="icon">🏋️</div> <div class="txt"> <h4>Спорт</h4> <p>Занимаюсь боксом 2 года</p> </div> </div> <div class="interest-content"> <div class="icon">🧠</div> <div class="txt"> <h4>Обучение и опыт</h4> <p>ГБОУ Гимназия №24 2014-2023г.</p> <p>ГБОУПО СЕВКИТИП 2024-2025</p> </div> </div> </section> <!--СООБЩЕНИЕ--> <section id = discuss class="discuss fade-in"> <div class="container"> <h2>Заполните форму для связи со мной</h2> <form class="discuss-template"> <div class="template-lines"></div> <label for="name">Укажите свое имя и фамилию</label> <input type="text" id="name" placeholder="Имя и Фамилия" required> <div class="template-lines"> <label for="email">Напишите свою почту</label> <input type="email" id="email" placeholder="example@example.com" required> </div> <div class="template-lines"> <label for="message">Ваше сообщение</label> <textarea id="message" placeholder="Напишите сюда свое сообщение" required></textarea> </div> <button type="submit" class="btn btn-primary">Отправить сообщение</button> </div> </form> </section> <!-- Модальное окно успешной отправки --> <div id="successModal" class="modal" style="display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);"> <div class="modal-content" style="background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 500px; border-radius: 10px; text-align: center;"> <span class="close-modal" style="color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer;">×</span> <p style="color: #000;">Сообщение успешно отправлено!</p> <button class="btn btn-primary" onclick="document.getElementById('successModal').style.display = 'none'" style="margin-top: 20px;">OK</button> </div> </div> <footer class="footer"> <div class="container"> <p>©2025 Александр. All rights reserved.</p> </div> </footer> <script src="lab.js"></script> </body> </html>