<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Контактное табло</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<!-- Контактный телефон -->
<div class="contact-card">
<span class="label">Контактный телефон:</span>
<span class="value">
<a href="tel:+74951234567">+7 (495) 123-45-67</a>
</span>
</div>
<!-- Электронный адрес -->
<div class="contact-card">
<span class="label">Электронный адрес:</span>
<span class="value">
<a href="mailto:info@example.com">info@example.com</a>
</span>
</div>
<!-- Сайт -->
<div class="contact-card">
<span class="label">Сайт:</span>
<span class="value">
<a href="http://www.example.com" target="_blank" rel="noopener noreferrer">www.example.com</a>
</span>
</div>
<!-- Адрес электронной почты -->
<div class="contact-card">
<span class="label">Адрес электронной почты:</span>
<span class="value">
<a href="mailto:support@example.com">support@example.com</a>
</span>
</div>
<!-- Телефон для связи -->
<div class="contact-card">
<span class="label">Телефон для связи:</span>
<span class="value">
<a href="tel:+74951234567">+7 (495) 123-45-67</a>
</span>
</div>
<!-- Факс -->
<div class="contact-card">
<span class="label">Факс:</span>
<span class="value">
<a href="tel:+74951234567">+7 (495) 123-45-67</a>
</span>
</div>
<!-- E-mail -->
<div class="contact-card">
<span class="label">E-mail:</span>
<span class="value">
<a href="mailto:support@example.com">support@example.com</a>
</span>
</div>
</div>
</body>
</html>