/
axe
/
case1
Обзор
Документация
Войти
/
axe
/
case1
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
pages/works.html
139 строк
6 KB
gusen
first commit
19 июн 2026, 15:12
19 июн 2026, 15:12
f58e90e
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="../stail.css"> </head> <body> <header class="simple-header"> <nav> <ul> <li><a href="../index.html">обо мне</a></li> <li><a href="contacts.html">контакты</a></li> <li><a href="works.html">мои работы</a></li> </ul> </nav> <div class="header-actions"> <button class="contact-btn">Связаться</button> </div> </header> <div class="work-container"> <div class="page-header"> <h1>Мои работы</h1> <p>6 проектов, которые мне особенно дороги</p> </div> <div class="cards-grid"> <div class="card"> <div class="card-preview preview-1">🎨</div> <div class="card-content"> <div class="card-tag">графика</div> <div class="card-title">Абстрактные формы</div> <div class="card-description">Серия цифровых иллюстраций, исследующих цвет и композицию. Эксперимент с текстурами. </div> <a href="#" class="card-link">Подробнее →</a> </div> </div> <div class="card"> <div class="card-preview preview-2">💻</div> <div class="card-content"> <div class="card-tag">веб-дизайн</div> <div class="card-title">Лэндинг студии</div> <div class="card-description">Адаптивный сайт для творческой студии. Чистый интерфейс и внимание к деталям. </div> <a href="#" class="card-link">Подробнее →</a> </div> </div> <div class="card"> <div class="card-preview preview-3">✏️</div> <div class="card-content"> <div class="card-tag">иллюстрация</div> <div class="card-title">Городские зарисовки</div> <div class="card-description">Серия скетчей и набросков, передающих атмосферу больших улиц и тихих двориков. </div> <a href="#" class="card-link">Подробнее →</a> </div> </div> <div class="card"> <div class="card-preview preview-4">📱</div> <div class="card-content"> <div class="card-tag">мобильное приложение</div> <div class="card-title">Трекер привычек</div> <div class="card-description">Дизайн и прототип приложения для полезных привычек. Минимализм и удобство. </div> <a href="#" class="card-link">Подробнее →</a> </div> </div> <div class="card"> <div class="card-preview preview-5">🎬</div> <div class="card-content"> <div class="card-tag">анимация</div> <div class="card-title">Короткий метр</div> <div class="card-description">2D анимационный ролик о поиске вдохновения. Плавное движение и живая графика. </div> <a href="#" class="card-link">Подробнее →</a> </div> </div> <div class="card"> <div class="card-preview preview-6">🏷️</div> <div class="card-content"> <div class="card-tag">брендинг</div> <div class="card-title">Айдентика кафе</div> <div class="card-description">Логотип, упаковка и меню для кофейни. Тёплая и узнаваемая атмосфера.</div> <a href="#" class="card-link">Подробнее →</a> </div> </div> </div> </div> <footer> <div class="container"> <div class="info"> <p> Марк Оврелий- человек настроения</p> <ul> <li><a href="../index.html">обо мне</a></li> <li><a href="contacts.html">контакты</a></li> <li><a href="works.html">мои работы</a></li> </ul> <button class="contact-btn">Связаться</button> </div> <div class="contacts"> <ul> <li>+7 (999) 123-45-67</li> <li>mark@ovreliy.com</li> <li>Москва, Россия</li> <li>Пн–Пт: 10:00 – 19:00</li> </ul> </div> <ul class="footer-social-list"> <div class="footer-social-link"> <li><img src="https://fons.grizly.club/uploads/posts/2025-06/04/17490314848113.jpg" alt=""><a href="#">Telegram</a> </li> <li><img src="https://img.magnific.com/premium-vector/whatsapp-logo-white-background-vector_980129-12073.jpg?semt=ais_hybrid&w=740&q=80" alt=""><a href="#">WhatsApp</a></li> <li><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSuH7c5cLpGehi0b4iQk90fXUzC9p7Ebla13w&s" alt=""><a href="#">Instagram</a></li> <li><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/VK_Compact_Logo_%282021-present%29.svg/1280px-VK_Compact_Logo_%282021-present%29.svg.png" alt=""><a href="#">VK</a></li> </div> </ul> </div> </footer> </body> </html>