index.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  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 onclick="openbbb()" type="submit" class = "login">
  17. <p class="log" id="openModalBtn3">Войти</p>
  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. <div class="error">
  29. <script>
  30. var urlParams = new URLSearchParams(window.location.search);
  31. var message = urlParams.get('message');
  32. if(message == null)
  33. {
  34. }
  35. else
  36. {
  37. document.write(message);
  38. }
  39. </script>
  40. </div>
  41. <form id="myForm" action="registration.php" method="POST" class="forma">
  42. <input class="inp" type="text" id="FIO" name="FIO" placeholder="ФИО" required>
  43. <input class="inp" type="text" id="region" name="region" placeholder="регион" required>
  44. <input class="inp" type="text" id="login" name="login" placeholder="логин" required>
  45. <input class="inp" type="email" id="Email" name="Email" placeholder="Email" required>
  46. <input class="inp" type="password" id="password" name="password" placeholder="пароль" required>
  47. <p class="ft">внимательно заполните каждое поле. Ваш профиль будет создан, когда администратор одобрит вашу заявку</p>
  48. <button type="submit" class="but_otprav">Отправить</button>
  49. </form>
  50. </div>
  51. </div>
  52. <script>
  53. function openAccess(){
  54. var access = document.getElementById("access");
  55. if(access.style.display === 'none'){
  56. access.style.display = 'flex';
  57. }
  58. };
  59. </script>
  60. <div id="modal3" class="modal3">
  61. <div class="modal-content3">
  62. <span class="close" id="close" ondblclick="closebbb()">X</span>
  63. <h2>Авторизация</h2>
  64. <form id="myForm3" action="authorization.php" method="post" class="forma3">
  65. <input class="inp" type="text" id="login" name="login" placeholder="логин" required>
  66. <input class="inp" type="password" id="password" name="password" placeholder="пароль" required>
  67. <!-- <p class="ft">внимательно заполните каждое поле, когда администратор одобрит регистрацию, вам придет уведомление на почту.</p> -->
  68. <button type="submit" class="but_otprav" onclick="openAccess()">Войти</button>
  69. </form>
  70. </div>
  71. </div>
  72. <div id="modal1" class="modal1">
  73. <div class="modal-content1">
  74. <span class="close1" ondblclick="closebb()">X</span>
  75. <h2>Анонимный комментарий</h2>
  76. <form id="myForm1" action="review.php" method="post" class="forma1">
  77. <div class="rating-area">
  78. <input type="radio" id="star-5" name="rating" value="5">
  79. <label for="star-5" title="Оценка «5»"></label>
  80. <input type="radio" id="star-4" name="rating" value="4">
  81. <label for="star-4" title="Оценка «4»"></label>
  82. <input type="radio" id="star-3" name="rating" value="3">
  83. <label for="star-3" title="Оценка «3»"></label>
  84. <input type="radio" id="star-2" name="rating" value="2">
  85. <label for="star-2" title="Оценка «2»"></label>
  86. <input type="radio" id="star-1" name="rating" value="1">
  87. <label for="star-1" title="Оценка «1»"></label>
  88. </div>
  89. <label for="review"></label>
  90. <input type="text" name="review" id="review" required placeholder="Введите текст комментария">
  91. <button type="submit" class="but_otprav">Отправить</button>
  92. </form>
  93. </div>
  94. </div>
  95. <div class="info_block" id="block2">
  96. <div id="overlay1" class="overlay1" >
  97. <div class="select_button">
  98. <button onclick="openb()" class="s_but1" >оставить заявку</button>
  99. <!-- <button onclick="openbb()" class="s_but">анонимный отзыв</button> -->
  100. </div>
  101. </div>
  102. </div>
  103. <div class="navigation">
  104. <div ><a href="index.html" class ="navigationItemRL">главная</a></div>
  105. <div class="access" id="access"> <div><a href="product.php" class ="navigationItem">продукция</a></div></div>
  106. </div>
  107. <div class="karta">
  108. <div style="position:relative;overflow:hidden; " class="kar"><a
  109. href="https://yandex.ru/maps/org/kontsern_almaz_antey/188033595044/?utm_medium=mapframe&utm_source=maps"
  110. style="color:#eee;font-size:12px;position:absolute;top:0px;">Концерн Алмаз-Антей</a>
  111. <a href="https://yandex.ru/maps/47/nizhny-novgorod/category/entry_sign/111511008891/?utm_medium=mapframe&utm_source=maps"
  112. style="color:#eee;font-size:12px;position:absolute;top:14px;">Въездной знак в Нижнем Новгороде</a>
  113. <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"
  114. width="900" height="600" frameborder="1" allowfullscreen="true" style="position:relative;"></iframe>
  115. </div>
  116. <svg width="128" height="128" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  117. <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>
  118. </svg>
  119. <div class="karta_t">
  120. Мы находимся здесь
  121. </div>
  122. </div>
  123. </body>
  124. <footer>
  125. </footer>
  126. </html>