Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Video Hosting</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="logo">Video Hosting</div> | |
| <nav> | |
| <ul> | |
| <li><a href="#videos">Видео</a></li> | |
| <li><a href="#images">Изображения</a></li> | |
| <li><a href="#audio">Аудио</a></li> | |
| <li><a href="#documents">Документы</a></li> | |
| <li><a href="#websites">Сайты</a></li> | |
| </ul> | |
| </nav> | |
| <div class="upload-button"> | |
| <button id="uploadBtn">Загрузить</button> | |
| </div> | |
| </header> | |
| <main> | |
| <section id="videos"> | |
| <h2>Видео</h2> | |
| <div class="video-list"> | |
| <!-- Здесь будут отображаться видео --> | |
| </div> | |
| </section> | |
| <section id="images"> | |
| <h2>Изображения</h2> | |
| <div class="image-list"> | |
| <!-- Здесь будут отображаться изображения --> | |
| </div> | |
| </section> | |
| <section id="audio"> | |
| <h2>Аудио</h2> | |
| <div class="audio-list"> | |
| <!-- Здесь будут отображаться аудио --> | |
| </div> | |
| </section> | |
| <section id="documents"> | |
| <h2>Документы</h2> | |
| <div class="document-list"> | |
| <!-- Здесь будут отображаться документы --> | |
| </div> | |
| </section> | |
| <section id="websites"> | |
| <h2>Сайты</h2> | |
| <div class="website-list"> | |
| <!-- Здесь будут отображаться сайты --> | |
| </div> | |
| </section> | |
| </main> | |
| <div id="uploadModal" class="modal"> | |
| <div class="modal-content"> | |
| <span class="close">×</span> | |
| <h2>Загрузить контент</h2> | |
| <div class="upload-options"> | |
| <button id="uploadVideo">Загрузить видео</button> | |
| <button id="uploadImage">Загрузить изображение</button> | |
| <button id="uploadAudio">Загрузить трек</button> | |
| <button id="uploadDocument">Загрузить документ</button> | |
| <button id="createWebsite">Создать сайт</button> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |