/
axe
/
case1
Обзор
Документация
Войти
/
axe
/
case1
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
pages/contacts.html
177 строк
7 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> <section class="contacts-card"> <h2 class="contacts-title">📞 Связаться со мной</h2> <div class="contacts-grid"> <!-- Левая колонка - контактная информация --> <div class="contact-info-section"> <h3> <span>📱</span> Контакты </h3> <div class="contact-item" onclick="copyToClipboard('+7 (999) 123-45-67')"> <div class="contact-icon"> <i class="fas fa-phone"></i> </div> <div class="contact-details"> <div class="contact-label">Телефон</div> <div class="contact-value"> <a href="tel:+79991234567">+7 (999) 123-45-67</a> <button class="copy-btn" onclick="event.stopPropagation(); copyToClipboard('+7 (999) 123-45-67')"> <i class="far fa-copy"></i> </button> </div> </div> </div> <div class="contact-item" onclick="copyToClipboard('mark@ovreliy.com')"> <div class="contact-icon"> <i class="fas fa-envelope"></i> </div> <div class="contact-details"> <div class="contact-label">Email</div> <div class="contact-value"> <a href="mailto:mark@ovreliy.com">mark@ovreliy.com</a> <button class="copy-btn" onclick="event.stopPropagation(); copyToClipboard('mark@ovreliy.com')"> <i class="far fa-copy"></i> </button> </div> </div> </div> <div class="contact-item"> <div class="contact-icon"> <i class="fas fa-map-marker-alt"></i> </div> <div class="contact-details"> <div class="contact-label">Локация</div> <div class="contact-value">Москва, Россия</div> </div> </div> <div class="contact-item"> <div class="contact-icon"> <i class="fas fa-clock"></i> </div> <div class="contact-details"> <div class="contact-label">Режим работы</div> <div class="contact-value">Пн-Пт: 10:00 - 19:00</div> </div> </div> </div> <!-- Правая колонка - социальные сети --> <div class="social-section"> <h3>🌐 Социальные сети</h3> <div class="social-grid"> <a href="#" class="social-link" target="_blank"> <div class="social-icon"> <i class="fab fa-telegram"></i> </div> <span>Telegram</span> </a> <a href="#" class="social-link" target="_blank"> <div class="social-icon"> <i class="fab fa-whatsapp"></i> </div> <span>WhatsApp</span> </a> <a href="#" class="social-link" target="_blank"> <div class="social-icon"> <i class="fab fa-instagram"></i> </div> <span>Instagram</span> </a> <a href="#" class="social-link" target="_blank"> <div class="social-icon"> <i class="fab fa-vk"></i> </div> <span>ВКонтакте</span> </a> <a href="#" class="social-link" target="_blank"> <div class="social-icon"> <i class="fab fa-github"></i> </div> <span>GitHub</span> </a> <a href="#" class="social-link" target="_blank"> <div class="social-icon"> <i class="fab fa-linkedin"></i> </div> <span>LinkedIn</span> </a> <a href="#" class="social-link" target="_blank"> <div class="social-icon"> <i class="fab fa-behance"></i> </div> <span>Behance</span> </a> </div> </div> </div> </section> <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>