/
axe
/
case1
Обзор
Документация
Войти
/
axe
/
case1
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
138 строк
8 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> <!-- <div class="card"> <img src="https://static.monochrome.ru/kZGCHXn0s4usjUttWZ2k-N_4SR1c0zOMIwIZhAsWqgI/catalog/800x1200-monochrome201100276-905d2d0031.jpg.webp" alt=""> <div class="card-info"> <h1>пальто</h1> <p>Лёгкий хлопковый свитшот оверсайз. Мягкий, дышащий материал и свободный крой — идеальный выбор для повседневной носки.</p> <button>кнопка</button> </div> </div> --> <!-- <h1 class="about">обо мне</div> <div class="box1"> <img src='img/portret.avif' alt=""> <div class="about-info"> <h2>Привет! <br> Меня зовут Андрей Иванченко.</h2> <p>Я Врач-терапевт, стаж 8 лет. Закончил РНИМУ им. Н.И. Пирогова, ординатуру по терапии в ГКБ №52. Специализируюсь на комплексной диагностике, лечении хронических заболеваний и профилактике. Моя философия — «болезнь проще предупредить, чем лечить». Уделяю внимание образу жизни пациента, питанию и психосоматике. Веду медицинские карты в электронном формате, всегда на связи с пациентами по результатам анализов. Главная награда — видеть, как человек возвращается к здоровой жизни.</p> </div> </div> --> <header class="simple-header"> <nav> <ul> <li><a href="index.html">обо мне</a></li> <li><a href="pages/contacts.html">контакты</a></li> <li><a href="pages/works.html">мои работы</a></li> </ul> </nav> <div class="header-actions"> <button class="contact-btn">Связаться</button> </div> </header> <div class="box1"> <img src='img/portrait.avif' alt=""> <section class="about"> <h1>Марк Оврелий</h1> <p>Марк Оврелий—человек настроения. Сегодня могу быть душой компании, а завтра — молчаливым кактусом в углу, и это нормально. Я обожаю, когда планы рушатся, потому что это повод сделать что-то спонтанное.</p> <h2>Я создаю миры.</h2> <p>Всё, что я делаю, пропущено через моё сердце и руки. Я не умею работать "на отвяжись" — если уж творить, то так, чтобы мурашки по коже.</p> <h3>Мои клиенты возвращаются ко мне снова.</h3> <p>Я знаю, как страшно доверить важное дело другому человеку. Поэтому я делаю три простые вещи:</p> <ul> <li>Говорю честно — смогу ли я это сделать, сколько будет стоить и когда будет готово.</li> <li>Делаю качественно — так, как хотел бы, чтобы сделали для меня самого.</li> <li>Остаюсь на связи — после сдачи проекта я не исчезаю, я помогаю, если что-то пошло не так.</li> </ul> <p>Моё портфолио — это не просто картинки, это 100+ довольных лиц и сэкономленных нервов. Давайте добавим ваш проект в этот список».</p> <div class="cards-section"> <h2 class="cards-title">Ключевые направления</h2> <div class="cards-container"> <div class="info-card"> <div class="card-img card-img-1"></div> <div class="card-content"> <h3 class="card-title">Честный диалог</h3> <p class="card-description"> Никакой воды. Обсуждаем сроки, бюджет и возможности без холодных фраз. Вы получите прозрачную смету и реальные ожидания. </p> <span class="card-tag">Пунктуальность</span> </div> </div> <div class="info-card"> <div class="card-img card-img-2"></div> <div class="card-content"> <h3 class="card-title">Качество в деталях</h3> <p class="card-description"> Проекты, которые не стыдно показать. Работаю с душой, поэтому каждый пиксель, каждая линия – на своём месте. </p> <span class="card-tag">Эстетика</span> </div> </div> <div class="info-card"> <div class="card-img card-img-3"></div> <div class="card-content"> <h3 class="card-title">Тепло после сделки</h3> <p class="card-description"> После финального платежа я не исчезаю. Консультирую, помогаю с доработками и остаюсь вашим надежным партнером. </p> <span class="card-tag">На связи</span> </div> </div> </div> </div> </section> </div> <footer> <div class="container"> <div class="info"> <p> Марк Оврелий- человек настроения</p> <ul> <li><a href="../indecs.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>