contacts.php 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html lang="ru">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link rel="stylesheet" href="./styles/contacts.css">
  7. <title>Методический центр "Технология"</title>
  8. </head>
  9. <body>
  10. <header class="header">
  11. <div class="header-logo">
  12. <img src="img/лого.png" alt="Логотип методического центра">
  13. </div>
  14. <div class="header-info">
  15. <h1 class="header-tech">ТЕХНОЛОГИЯ</h1>
  16. <div class="header-center">
  17. | Методический центр
  18. </div>
  19. <div class="header-location">
  20. г. Нижний Новгород, пр. Кирова, 12
  21. </div>
  22. <div class="header-phone">
  23. | +7 (831) 291-50-25
  24. </div>
  25. </div>
  26. <?php session_start();
  27. if(isset($_COOKIE['id']))
  28. {
  29. echo
  30. '<div class="loginBut">
  31. <a href = "Account.php"><button>Личный аккаунт</button></a>
  32. </div>';
  33. }
  34. else
  35. {
  36. echo
  37. '<div class="loginBut">
  38. <a href = "formLogin.php"><button>Войти</button></a>
  39. </div>';
  40. }
  41. ?>
  42. <div class="header-nav">
  43. <button>Меню</button>
  44. <ul>
  45. <li><a href="index.php">Главная</a></li>
  46. <li><a href="about.php">О нас</a></li>
  47. <li><a href="videos.php">Видео пособия</a></li>
  48. <li><a href="obychenie.php">Обучение</a></li>
  49. <li><a href="contacts.php">Контакты</a></li>
  50. <li><a href="questions.php">Вопросы</a></li>
  51. </ul>
  52. </div>
  53. </header>
  54. <main>
  55. <div class="contacts-container">
  56. <div class="contacts-text">
  57. <h2>Хотите быть в курсе всех новостей "Методического центра "Технология"?</h2>
  58. <p>Подписывайтесь на наши соцсети:</p>
  59. <ul>
  60. <li>
  61. <div class="social-icons">
  62. <a href="https://www.youtube.com/@user-zn9gh3ok3j/videos" target="_blank"><img src="img/ютуб.png" alt="YouTube"></a>
  63. <p>YouTube: узнавайте о новых программах, смотрите видеоуроки и интервью с нашими педагогами.</p>
  64. </div>
  65. </li>
  66. <li>
  67. <div class="social-icons">
  68. <a href="https://vk.com/giraffcr" target="_blank"><img src="img/вк.png" alt="ВКонтакте"></a>
  69. <p>ВКонтакте: следите за расписанием занятий, акциями и событиями в "Технологии".</p>
  70. </div>
  71. </li>
  72. </ul>
  73. <p>Остались вопросы?</p>
  74. <div class="contact-info">
  75. <div class="email-container">
  76. <a href="mailto:Tatilo@mail.ru" target="_blank"><img src="img/емайл.png" alt="Email"></a>
  77. <div class="email">Tatilo@mail.ru Мы всегда рады общению!</div>
  78. </div>
  79. </div>
  80. <p>Также, вы можете найти нас:</p>
  81. </div>
  82. <div class="map-container">
  83. <iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3Aa6f01873507308da8343b7fdec711541180e0c9cc02357752b7b63e49fc11b33&amp;source=constructor" width="100%" height="400" frameborder="0"></iframe>
  84. <p>Карта проезда</p>
  85. </div>
  86. <h2>С нетерпением ждем вас в Методическом центре "Технология"!</h2>
  87. <button class="feedback-button">Обратная связь</button>
  88. </div>
  89. <div class="feedback-form">
  90. <div class="close-form">
  91. <img src="img/крестик.png" alt="Закрыть">
  92. </div>
  93. <h2>Обратная связь</h2>
  94. <form action="send1.php" method="POST">
  95. <input type="text" id="name" name="name" placeholder="Имя" required>
  96. <input type="text" id="surname" name="surname" placeholder="Фамилия" required>
  97. <input type="email" id="email" name="email" placeholder="Email" required>
  98. <input type="tel" id="phone" name="phone" placeholder="Номер телефона" required>
  99. <textarea placeholder="Ваше сообщение" id="soo" name="soo" required></textarea>
  100. <button type="submit">Отправить</button>
  101. </form>
  102. </div>
  103. </main>
  104. <footer class="footer">
  105. <p>© 2024 Методический центр "Технология"</p>
  106. </footer>
  107. <script src="./js/proverka.js"></script>
  108. </body>
  109. </html>