123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>Videotyan</title>
- <meta charset="UTF-8">
- <link rel="shortcut icon" href="icon.ico" type="image/x-icon">
- <link rel="stylesheet" href="Beauty.css">
- <style>
- .tab {
- overflow: hidden;
- background-color: #f1f1f1;
- }
- .tab button {
- background-color: inherit;
- border: none;
- outline: none;
- cursor: pointer;
- padding: 14px 16px;
- transition: 0.3s;
- font-size: 17px;
- }
- .tab button:hover {
- background-color: #ddd;
- }
- .tab button.active {
- background-color: #ccc;
- }
- .tabcontent {
- display: none;
- padding: 6px 12px;
- border: 1px solid #ccc;
- border-top: none;
- }
- </style>
- </head>
- <body>
- <div class="tab">
- <button class="tablinks" onclick="openTab(event, 'home')">Главная</button>
- <button class="tablinks" onclick="openTab(event, 'about')">О компании</button>
- </div>
- <div id="home" class="tabcontent">
- <h3>Добро пожаловать на главную страницу сайта ВидеоТян</h3>
- <p>Наше приложение поможет найти нужных специалистов, чтобы написать сценарий, снять и смонтировать видео различной степени сложности *(например, видео о путешествиях, рекламные видео, трейлер для сериала и многое другое)*.
- Всё что от вас нужно - это наличие идеи для видео. Наше приложение подберет для вас специалистов под ваши задачи
- (съемка локации, озвучка текста, монтаж видеоролика и т.д).</p>
- <h4>Оставьте заявку</h4>
- <form>
- <label for="name">ФИО:</label>
- <input type="text" id="name" name="name" required>
- <label for="phone">Контактный телефон:</label>
- <input type="tel" id="phone" name="phone" required>
- <label for="email">Адрес почты:</label>
- <input type="email" id="email" name="email" required>
- <label for="company">Название компании:</label>
- <input type="text" id="company" name="company" required>
- <label for="project-description">Описание проекта:</label>
- <textarea id="project-description" name="project-description" rows="4" cols="50" required></textarea>
- <label for="budget">Бюджет проекта:</label>
- <input type="number" id="budget" name="budget" required>
- <label for="deadline">Сроки реализации:</label>
- <input type="date" id="deadline" name="deadline" required>
- <input type="submit" value="Отправить">
- </form>
- </div>
- <div id="about" class="tabcontent">
- <h3>О нашей компании</h3>
- <p>Мы - команда студентов, создавшая это приложение в рамках учебного проекта.
- Наша цель - помочь людям в создании видео различной сложности, будь то рекламные ролики или видео о путешествиях.
- Мы собрали команду лучших специалистов, готовых помочь вам в создании видео - от съемки до монтажа. Наше приложение поможет
- вам легко и быстро найти идеальных специалистов для вашего проекта. С нами ваше видео будет выглядеть профессионально и качественно!</p>
- <h4>Партнеры компании</h4>
- <p>Мы являемся готовыми сотрудничать с различными компаниями и организациями,
- чтобы предоставлять нашим клиентам еще больше возможностей. Ниже приведены некоторые из наших партнеров:
- - Фотостудия "Кадр"
- - Агентство контента "Contento"
- - Туроператор "Путешествуй с нами"
- - Медиа-агентство "ProMotion"</p>
-
- <h4>Контакты</h4>
- <p> - Адрес: ул. Пушкина, д. 10, офис 15
- - Электронная почта: [info@videoteam.ru](mailto:info@videoteam.ru)
- - Телефон: +7 (495) 123-45-67</p>
- </div>
- <script>
- function openTab(evt, tabName) {
- let i, tabcontent, tablinks;
- tabcontent = document.getElementsByClassName("tabcontent");
- for (i = 0; i < tabcontent.length; i++) {
- tabcontent[i].style.display = "none";
- }
- tablinks = document.getElementsByClassName("tablinks");
- for (i = 0; i < tablinks.length; i++) {
- tablinks[i].className = tablinks[i].className.replace(" active", "");
- }
- document.getElementById(tabName).style.display = "block";
- evt.currentTarget.className += " active";
- }
- </script>
- </body>
- </html>
|