/
oks14
/
cdg_practice
Обзор
Документация
Войти
/
oks14
/
cdg_practice
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
Lab.html
97 строк
4 KB
Андрей Таратайцев
added corrections due to comments
15 дек 2025, 17:47
15 дек 2025, 17:47
defe8f7
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Таратайцев Андрей | Персональный сайт</title> <link rel="stylesheet" href="styles.css"> </head> <body> <header class="header"> <div class="container header-content"> <h1 class="logo">Таратайцев Андрей</h1> <nav class="nav"> <a href="#about">О себе</a> <a href="#skills">Увлечения</a> <a href="#contact">Контакты</a> </nav> </div> </header> <section class="hero"> <div class="container"> <div class="hero-content"> <div class="hero-text"> <h1>Привет, я Андрей</h1> <p>Создаю современные адаптивные сайты и веб‑интерфейсы. Превращаю идеи в цифровую реальность с помощью чистого кода и продуманного дизайна.</p> <a href="#contact" class="btn">Связаться со мной</a> </div> <div class="hero-image"> <img src="images/profile.jpg" alt="Таратайцев Андрей - веб-разработчик" class="hero-photo"> </div> </div> </div> </section> <section id="about" class="about"> <div class="container"> <h2>О себе</h2> <div class="about-content"> <p>Я - веб-разработчик с фокусом на создании чистых, функциональных и адаптивных пользовательских интерфейсов. Мой подход сочетает в себе технические навыки и внимание к деталям пользовательского опыта.</p> <p>Постоянно изучаю новые технологии и слежу за трендами веб-разработки. Верю, что хороший сайт должен быть не только красивым, но и удобным для каждого пользователя.</p> </div> </div> </section> <section id="skills" class="skills"> <div class="container"> <h2>Мои увлечения</h2> <div class="skills-grid"> <div class="skill-card"> <h3>Спорт</h3> <p>Активный образ жизни, командные виды спорта и фитнес помогают поддерживать энергию и концентрацию</p> </div> <div class="skill-card"> <h3>Программирование</h3> <p>Изучение новых технологий, создание личных проектов и участие в open-source сообществе</p> </div> <div class="skill-card"> <h3>Рисование</h3> <p>Графический дизайн, цифровая иллюстрация, скетчинг — визуальное творчество как хобби и работа</p> </div> </div> </div> </section> <section id="contact" class="contact"> <div class="container"> <h2>Связаться со мной</h2> <form class="contact-form"> <label for="name">Имя</label> <input type="text" id="name" name="name" placeholder="Введите ваше имя" required> <label for="email">Email</label> <input type="email" id="email" name="email" placeholder="example@mail.com" required> <label for="message">Сообщение</label> <textarea id="message" name="message" placeholder="Расскажите о вашем проекте или задайте вопрос..." required></textarea> <button type="submit" class="btn">Отправить сообщение</button> </form> </div> </section> <footer class="footer"> <div class="container"> <div class="footer-content"> <p>Таратайцев Андрей</p> <p>Веб-разработчик & дизайнер</p> </div> <div class="copyright"> © 2025 Все права защищены </div> </div> </footer> <script src="script.js"></script> </body> </html>