index_a.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. <html lang="en">
  2. <head id="top">
  3. <meta charset="UTF-8">
  4. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5. <link rel="stylesheet" href="styles/index_style.css">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Shop</title>
  8. </head>
  9. <header>
  10. <script src="k.js"></script>
  11. <div class="logo_content">
  12. <div class="logo">SITE-SHOP</div>
  13. </div>
  14. <div class="hd">
  15. <div class = "login1">
  16. <button type="submit" class = "login"><a href="index.html">
  17. <p class="log" id="openModalBtn3">Выйти</p></a>
  18. </button>
  19. </div>
  20. </div>
  21. </header>
  22. <body>
  23. <script src="k.js"></script>
  24. <div id="modal" class="modal">
  25. <div class="modal-content">
  26. <span class="close" id="close" ondblclick="closeb()">X</span>
  27. <h2>Заявка на регистрацию</h2>
  28. <form id="myForm" action="registration.php" method="POST" class="forma">
  29. <input class="inp" type="text" id="FIO" name="FIO" placeholder="ФИО" required>
  30. <input class="inp" type="text" id="region" name="region" placeholder="регион" required>
  31. <input class="inp" type="text" id="login" name="login" placeholder="логин" required>
  32. <input class="inp" type="email" id="Email" name="Email" placeholder="Email" required>
  33. <input class="inp" type="password" id="password" name="password" placeholder="пароль" required>
  34. <p class="ft">внимательно заполните каждое поле, когда администратор одобрит регистрацию, вам придет уведомление на почту.</p>
  35. <button type="submit" class="but_otprav">Отправить</button>
  36. </form>
  37. </div>
  38. </div>
  39. <script>
  40. function openAccess(){
  41. var access = document.getElementById("access");
  42. if(access.style.display === 'none'){
  43. access.style.display = 'flex';
  44. }
  45. };
  46. </script>
  47. <div id="modal3" class="modal3">
  48. <div class="modal-content3">
  49. <span class="close" id="close" ondblclick="closebbb()">X</span>
  50. <h2>Авторизация</h2>
  51. <form id="myForm3" action="authorization.php" method="post" class="forma3">
  52. <input class="inp" type="text" id="login" name="login" placeholder="логин" required>
  53. <input class="inp" type="text" id="password" name="password" placeholder="пароль" required>
  54. <p class="ft">внимательно заполните каждое поле, когда администратор одобрит регистрацию, вам придет уведомление на почту.</p>
  55. <button type="submit" class="but_otprav" onclick="openAccess()">Войти</button>
  56. </form>
  57. </div>
  58. </div>
  59. <div id="modal1" class="modal1">
  60. <div class="modal-content1">
  61. <span class="close1" ondblclick="closebb()">X</span>
  62. <h2>Анонимный комментарий</h2>
  63. <form id="myForm1" action="review.php" method="post" class="forma1">
  64. <div class="rating-area">
  65. <input type="radio" id="star-5" name="rating" value="5">
  66. <label for="star-5" title="Оценка «5»"></label>
  67. <input type="radio" id="star-4" name="rating" value="4">
  68. <label for="star-4" title="Оценка «4»"></label>
  69. <input type="radio" id="star-3" name="rating" value="3">
  70. <label for="star-3" title="Оценка «3»"></label>
  71. <input type="radio" id="star-2" name="rating" value="2">
  72. <label for="star-2" title="Оценка «2»"></label>
  73. <input type="radio" id="star-1" name="rating" value="1">
  74. <label for="star-1" title="Оценка «1»"></label>
  75. </div>
  76. <label for="review"></label>
  77. <input type="text" name="review" id="review" required placeholder="Введите текст комментария">
  78. <button type="submit" class="but_otprav">Отправить</button>
  79. </form>
  80. </div>
  81. </div>
  82. <div class="info_block" id="block2">
  83. <div id="overlay1" class="overlay1" >
  84. <div class="select_button">
  85. <button onclick="openb()" class="s_but1" >оставить заявку</button>
  86. <button onclick="openbb()" class="s_but">анонимный отзыв</button>
  87. </div>
  88. </div>
  89. </div>
  90. <div class="navigation">
  91. <div ><a href="index_a.html" class ="navigationItemRL">главная</a></div>
  92. <div><a href="#news" class ="navigationItem">новости</a></div>
  93. <div><a href="product.php" class ="navigationItem">продукция</a></div>
  94. <div><a href="#about" class ="navigationItemL">о нас</a> </div>
  95. </div>
  96. <div class="karta">
  97. <div style="position:relative;overflow:hidden; " class="kar"><a
  98. href="https://yandex.ru/maps/org/kontsern_almaz_antey/188033595044/?utm_medium=mapframe&utm_source=maps"
  99. style="color:#eee;font-size:12px;position:absolute;top:0px;">Концерн Алмаз-Антей</a>
  100. <a href="https://yandex.ru/maps/47/nizhny-novgorod/category/entry_sign/111511008891/?utm_medium=mapframe&utm_source=maps"
  101. style="color:#eee;font-size:12px;position:absolute;top:14px;">Въездной знак в Нижнем Новгороде</a>
  102. <iframe src="https://yandex.ru/map-widget/v1/?ll=43.903031%2C56.329789&mode=poi&poi%5Bpoint%5D=43.906475%2C56.327483&poi%5Buri%5D=ymapsbm1%3A%2F%2Forg%3Foid%3D188033595044&z=17.84"
  103. width="900" height="600" frameborder="1" allowfullscreen="true" style="position:relative;"></iframe>
  104. </div>
  105. <svg width="128" height="128" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  106. <path fill-rule="evenodd" clip-rule="evenodd" d="M7.008 10.996L2.004 7.992l5.004-2.996v1.997h6.996v1.998H7.008v2.005z" fill="#000"></path>
  107. </svg>
  108. <div class="karta_t">
  109. Мы находимся здесь
  110. </div>
  111. </div>
  112. </body>
  113. <footer>
  114. </footer>
  115. </html>