87 lines
3.6 KiB
HTML
87 lines
3.6 KiB
HTML
<!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="css/Style.css">
|
||
</head>
|
||
<body>
|
||
<div class="page">
|
||
<!-- Шапка -->
|
||
<header class="site-header">
|
||
<div class="logo-container">
|
||
<img src="src/cover.png" alt="Логотип SweetyDisk" class="logo">
|
||
<h1 class="site-title">SweetyDisk</h1>
|
||
</div>
|
||
<nav class="navbar">
|
||
<div class="menu-container">
|
||
<button class="menu-button" onclick="toggleMenu()">Меню</button>
|
||
<div class="dropdown-content" id="dropdownMenu">
|
||
<a href="Password.html" class="dropdown-button">Войти</a>
|
||
<button class="dropdown-button" onclick="document.getElementById('file-input').click()">Загрузить</button>
|
||
<input type="file" id="file-input" style="display: none;">
|
||
</div>
|
||
</div>
|
||
<ul>
|
||
<li><a href="index.html" class="button">Главная</a></li>
|
||
<li><a href="File.html" class="button">Файлы</a></li>
|
||
<li><a href="Photo.html" class="button">Фото</a></li>
|
||
<li><a href="Album.html" class="button">Альбом</a></li>
|
||
<li><a href="Basket.html" class="button">Корзина</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<!-- Содержимое -->
|
||
<main class="site-content">
|
||
<h2>Ваши Файлы</h2>
|
||
<div class="photo-container">
|
||
<div class="photo-item">
|
||
<img src="src/File.png" alt="Фото 1">
|
||
<p class="photo-title">photo.png</p>
|
||
</div>
|
||
<div class="photo-item">
|
||
<img src="src/File2.png" alt="Фото 2">
|
||
<p class="photo-title">Отп зачет.docx</p>
|
||
</div>
|
||
<div class="photo-item">
|
||
<img src="src/File3.png" alt="Фото 3">
|
||
<p class="photo-title">Яндекс Музыка.exe</p>
|
||
</div>
|
||
<div class="photo-item">
|
||
<img src="src/pass.png" alt="Фото 4">
|
||
<p class="photo-title">sweety.png</p>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<!-- Подвал -->
|
||
<footer class="site-footer">
|
||
<div class="footer-content">
|
||
<div class="contact-info">
|
||
<h4>Контакты</h4>
|
||
<address>
|
||
Адрес: г. Ульяновск<br>
|
||
Телефон: +7 (495) 123-45-67<br>
|
||
Email: info@sweetydisk.ru<br>
|
||
Время работы: Пн-Пт, 9:00–18:00
|
||
</address>
|
||
</div>
|
||
<div class="social-icons">
|
||
<a href="#"><img src="src/vkontakte.png" alt="VK" class="social-icon"> VK</a>
|
||
<a href="#"><img src="src/telegram.png" alt="Telegram" class="social-icon"> Telegram</a>
|
||
</div>
|
||
</div>
|
||
<small>© 2023 SweetyDisk. Все права защищены.</small>
|
||
</footer>
|
||
</div>
|
||
|
||
<script>
|
||
function toggleMenu() {
|
||
const dropdown = document.getElementById('dropdownMenu');
|
||
dropdown.classList.toggle('show');
|
||
}
|
||
</script>
|
||
</body>
|
||
</html> |