API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 25th, 2018
73
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.12 KB | None | 0 0
raw download clone embed print report
  1. <div id='mobile' style="display: none;">
  2. <style>
  3. body {
  4. margin: 0px;
  5. padding: 0px;
  6.  
  7. }
  8.  
  9. </style>
  10. <div class = "close" style = "width: 100%; height: 15.08vw; border-bottom: 1px solid #D6D6D6;">
  11. <img src = "\img\indexa\logo.png" style = "width: 51vw; position: absolute; top: 3vw; left: 5vw; display: block;" id = "logo">
  12. <input id = "query" placeholder = "Поиск по сайту" style = "border-radius: 1.4vw; font-size: 4.17vw; display: none; position: absolute; top: 3.32vw; left: 5.57vw; width: calc(100% - 51.11vw); border: 1px solid #d6d6d6; padding: 2.23vw;">
  13. <img id="menu-adap-but" src = "\img\indexa\menu.png" style = "position: absolute; top: 3.4vw; right: 2.6vw; width: 12vw;">
  14. <img src = "\img\indexa\call.png" style = "position: absolute; top: 3.4vw; right: 14.6vw; width: 12vw;">
  15. <img src = "\img\indexa\search.png" style = "position: absolute; top: 3.4vw; right: 25.7vw; width: 12vw;" id = "search-btn" onclick = "openSearch();">
  16. </div>
  17. <center class = "close">
  18. <div style = "text-align: left; width: calc(100% - 11.73vw); margin: 5.02vw; margin-top: 4.18vw; color: #969A9D; font-size: 4.34vw;
  19. font-weight: 500;">
  20. Производитель акриловых гидромассажных ванн, душевых кабин и аксессуаров
  21. </div>
  22. </center>
  23. <script>
  24. function openSearch(){
  25. document.getElementById('logo').style.display = "none";
  26. document.getElementById('query').style.display = "block";
  27. }
  28. function closeSearch(){
  29. document.getElementById('logo').style.display = "block";
  30. document.getElementById('query').style.display = "none";
  31. }
  32. document.onclick = function(e){
  33. var target = e.target || e.srcElement;
  34. if(target.id != 'search-btn' &&
  35. target.id != 'query' &&
  36. document.getElementById('query').value == "")
  37. closeSearch();
  38. }
  39. </script>
  40. <div class="adap-menu-item-block">
  41. <div class="adap-menu-name" style="position: relative;">
  42. <h3 class="adap-menu-name-item">Каталог</h3>
  43. <img id='adap-cross' src="img/cross.png" >
  44. </div>
  45. <div class="adap-menu-list">
  46. <a href="#" class="menu-adap-block">
  47. <img src="img/menu/bath.png" class="adap-menu-item-img">
  48. <img src="img/menu/arrow.png" class="adap-menu-item-arrow">
  49. <div class="adap-menu-inner">
  50. <p class="adap-menu-item">Акриловые ванны</p>
  51. </div>
  52. </a>
  53. <a href="#" class="menu-adap-block">
  54. <img src="img/menu/bath-buble.png" class="adap-menu-item-img">
  55. <img src="img/menu/arrow.png" class="adap-menu-item-arrow">
  56. <div class="adap-menu-inner">
  57. <p class="adap-menu-item">Гилромассажные ванны</p>
  58. </div>
  59. </a>
  60. <a href="#" class="menu-adap-block">
  61. <img src="img/menu/shower.png" class="adap-menu-item-img">
  62. <img src="img/menu/arrow.png" class="adap-menu-item-arrow">
  63. <div class="adap-menu-inner">
  64. <p class="adap-menu-item">Душевые кабины</p>
  65. </div>
  66. </a>
  67. <a href="#" class="menu-adap-block">
  68. <img src="img/menu/wall.png" class="adap-menu-item-img">
  69. <img src="img/menu/arrow.png" class="adap-menu-item-arrow">
  70. <div class="adap-menu-inner">
  71. <p class="adap-menu-item">Мебель для ванной</p>
  72. </div>
  73. </a>
  74. <a href="#" class="menu-adap-block">
  75. <img src="img/menu/kran.png" class="adap-menu-item-img">
  76. <img src="img/menu/arrow.png" class="adap-menu-item-arrow">
  77. <div class="adap-menu-inner">
  78. <p class="adap-menu-item">Смесители и краны</p>
  79. </div>
  80. </a>
  81. <a href="#" class="menu-adap-block">
  82. <img src="img/menu/truba.png" class="adap-menu-item-img">
  83. <img src="img/menu/arrow.png" class="adap-menu-item-arrow">
  84. <div class="adap-menu-inner">
  85. <p class="adap-menu-item">Полотенцесушители</p>
  86. </div>
  87. </a>
  88. </div>
  89. </div>
  90. <center >
  91. <div id = "rrr"></div>
  92. <a href="#"><img src = "/img/indexa/recall.png" id = "dyna-bt" > </a>
  93.  
  94. </center>
  95.  
  96. <script type="text/javascript">
  97. var dyna_bt = document.getElementById('dyna-bt');
  98.  
  99.  
  100. window.onscroll = function(e) {
  101. if (rrr.getBoundingClientRect().bottom < document.documentElement.clientHeight) {
  102. dyna_bt.classList.add('fixed');
  103. }
  104. else {
  105. dyna_bt.classList.remove('fixed');
  106. }
  107. };
  108. </script> <style>
  109. .fixed {
  110. position: fixed;
  111. bottom: 20px;
  112. width: 79vw;
  113. left: 20px;
  114. }
  115.  
  116. #dyna-bt{
  117. width: 100vw;
  118. z-index:99;
  119. background: #f7f7f7;
  120. padding-left: 5vw;
  121. padding-right: 4vw;
  122. padding-bottom: 2vw;
  123. padding-top: 2vw;
  124. bottom: 0;
  125. left: 0;
  126. }
  127.  
  128. </style>
  129.  
  130. <div class="adap-menu-item-block close" style="background: #fbfbfb">
  131. <dir class="adap-menu-inner" style="padding-left: 0">
  132. <div class="adap-disc-p">
  133. <p><span class='b'>15 лет</span> акриловые ванны Triton - <span class='b'>лидер Российского</span> рынка<br>
  134. <a href="#" class="adap-a-b">Подробнее о компании >></a></p>
  135. </div>
  136. <div class="adap-disc">
  137. <img style="width: 84.7vw;" src="img/jak.png">
  138. <div class="adap-disc-p">
  139. <img src="img/menu/vicon.png" class="adap-vicon">
  140. <p><span class='b'>Гарантия</span> на все ванны <span class='b'>10 лет;</span></p>
  141. </div>
  142. <div class="adap-disc-p">
  143. <img src="img/menu/vicon.png" class="adap-vicon">
  144. <p><span class='b'>100% австрийский литьевой акрил</span> с технологией EKOBAK для защиты от неприятных запахов;</p>
  145. </div>
  146. <div class="adap-disc-p">
  147. <img src="img/menu/vicon.png" class="adap-vicon">
  148. <p>Акриловый лист <span class='b'>SEOSAN</span> приятен для тела. В ванне комфортно - вода долго <span class='b'>сохраняет тепло;</span></p>
  149. </div>
  150. <div class="adap-disc-p">
  151. <img src="img/menu/vicon.png" class="adap-vicon">
  152. <p>Серхпрочный стальной каркас способен выдержать <span class='b'>нагрузку более 500</span> кг;</p>
  153. </div>
  154. <div class="adap-disc-p">
  155. <img src="img/menu/vicon.png" class="adap-vicon">
  156. <p>Особая прочность и устойчивость - борты и дно укреплены <span class='b'>дополнительным армирующим</span> слоем.</p>
  157. </div>
  158. <a href="#" class="button orange">Перейти в каталог</a>
  159. </div>
  160. </dir>
  161. </div>
  162. <style>
  163.  
  164. .point {
  165.  
  166. color: #969A9D;
  167. font-size: 4.42vw;
  168. font-weight: 500;
  169. }
  170. .text {
  171.  
  172. color: black;
  173. font-size: 4.02vw;
  174. font-weight: 300;
  175. }
  176. #rt-btn {
  177. transition: 1s;
  178. }
  179.  
  180. </style>
  181. <br>
  182. <center class = "close">
  183. <div style = "margin-left: 6.14vw;margin-right: 6.14vw; width: calc(100% - 12.29vw);">
  184.  
  185. <span style = "font-size: 6.3vw;font-weight: 500;">Более 2000 ванн в наличии!</span><br>
  186. <span style = " display: inline-block;font-weight: 500; margin-top: 2.79vw; margin-bottom: 5.58vw; color: #969A9D; font-size: 4.86vw;">Приезжайте в наш магазин<br> и убедитесь сами</span><br>
  187. <img src = "\img\indexa\map.png" style = "width: 100%;">
  188. <div style = " margin-top: 5.58vw; text-align: left;">
  189. <span class = "point">Адрес:</span><br>
  190. <span class = "text">Санкт-Петербург, д. Кудрово<br>ул. Промышленная д.3<br>м Улицы Дыбенко</span><br><br>
  191. <span class = "point">Время работы:</span><br>
  192. <span class = "text">Пн-Пт <b>9:00-18:00</b><br>Сб-Вс <b>11:00-19:00</b></span><br><br>
  193. <span class = "point">Телефон:</span><br>
  194. <span class = "text"><b>8 (958) 580-13-44</b><br><b>8 (812) 506-32-65</b></span><br><br>
  195. <a href = "#"><img src = "\img\indexa\route-btn.png" style = "width: 100%;" id = "rt-btn"></a><br><br>
  196. </div>
  197.  
  198. </div>
  199. </center>
  200. <div class="adap-menu-item-block close">
  201. <div class="adap-menu-name">
  202. <h3 class="adap-menu-name-item">Полезная информация</h3>
  203. </div>
  204. <div class="adap-menu-list">
  205. <a href="#" class="menu-adap-block info">
  206. <img src="img/menu/iicon.png" class="adap-menu-item-img i">
  207. <img src="img/menu/arrow.png" class="adap-menu-item-arrow i">
  208. <div class="adap-menu-inner">
  209. <p class="adap-menu-item i-o" >Как правильно выбрать ванну</p>
  210.  
  211. </div>
  212. </a>
  213. <a href="#" class="menu-adap-block info">
  214. <img src="img/menu/iicon.png" class="adap-menu-item-img i">
  215. <img src="img/menu/arrow.png" class="adap-menu-item-arrow i">
  216. <div class="adap-menu-inner">
  217. <p class="adap-menu-item i-t" >Как правильно подобрать дополнительное оборудование</p>
  218. </div>
  219. </a>
  220. <a href="#" class="menu-adap-block info">
  221. <img src="img/menu/iicon.png" class="adap-menu-item-img i">
  222. <img src="img/menu/arrow.png" class="adap-menu-item-arrow i">
  223. <div class="adap-menu-inner">
  224. <p class="adap-menu-item i-o">Доставка и оплата</p>
  225. </div>
  226. </a>
  227. <a style=" border-bottom: 1px solid #c6c6c6;" href="#" class="menu-adap-block info">
  228. <img src="img/menu/iicon.png" class="adap-menu-item-img i">
  229. <img src="img/menu/arrow.png" class="adap-menu-item-arrow i">
  230. <div class="adap-menu-inner">
  231. <p class="adap-menu-item i-o" >Самые популярные модели ванн</p>
  232. </div>
  233. </a>
  234. </div>
  235. </div>
  236.  
  237. <style>
  238. .block {
  239. background-color: white;
  240. border: 1px solid #d6d6d6;
  241. border-radius: 1.11vw;
  242. width: calc(100% - 12.46vw);
  243. margin-right: 6.14vw;
  244. margin-left: 6.24vw;
  245. text-align: left;
  246. padding: 5.58vw;
  247. position: relative;
  248. margin-bottom: 6.14vw;
  249. }
  250. .label {
  251. font-size: 4.7vw;
  252. font-weight: 500;
  253. color: black;
  254. padding-bottom: 0;
  255. }
  256. .glyph {
  257. width: 5.2vw;
  258. margin-right: 2.79vw;
  259. }
  260. .light_t {
  261. font-size: 3.9vw;
  262. font-weight: 300;
  263. }
  264. .cost {
  265. color: #0283BD;
  266. font-size: 6.2vw;
  267.  
  268. font-weight: 500;
  269. }
  270. .rub {
  271. color: #0283BD;
  272. font-size: 3.9vw;
  273.  
  274. font-weight: 500;
  275. }
  276. .gr {
  277. font-size: 3.8vw;
  278. font-weight: 500;
  279. }
  280. </style>
  281. <center class = "close" style='background: #f7f7f7'>
  282. <br>
  283. <div style = "margin-right: 6.14vw; margin-left: 6.14vw; width: calc(100% - 12.29vw);">
  284. <span style = " font-size: 8.10vw;">Популярные модели</span><br><br>
  285. </div>
  286. </center>
  287. <div class = "close" style = "width: 100%; background: #f7f7f7">
  288. <center>
  289. <div class = "block">
  290. <center>
  291. <img src = "\img\indexa\bath.png" style = "width: 85%; margin-bottom: 1.39vw;">
  292. </center>
  293. <span class = "label">Ванна Стандарт 150/75</span>
  294. <img style = "margin-top: 1.39vw;" class = "glyph" src = "\img\indexa\icon-size.png"><span style = "vertical-align: 0.83vw;" class = "point">ДхШхВ:</span><span style = "vertical-align: 0.83vw;" class = "light_t">1200 x 800 x 900</span><br>
  295. <img style = "margin-top: 1.39vw;" class = "glyph" src = "\img\indexa\medal.png"><span style = "vertical-align: 1.95vw;" class = "light_t">Гарантия - 10 лет</span><br>
  296. <img style = "margin-top: 1.39vw;" class = "glyph" src = "\img\indexa\gift.png"><span style = "vertical-align: 0.83vw;" class = "light_t">Сифон и каркас в подарок</span><br><br>
  297. <div style = "position: relative; text-align: right;">
  298. <span class = "cost">132 456&nbsp;</span><span class = "rub">руб</span>
  299. <div class = "gr" style = "line-height: 6.98vw; top: -2.23vw; left: 0px; text-align: left; position: absolute; color: #84B679; font-family: ;">в наличии<br>бесплатная доставка</div>
  300. </div>
  301. <br>
  302. <img src = "\img\indexa\new.png" style = "width: 33%; position: absolute; top: 0px; right: 0px;">
  303. <a href = "#"><img src = "\img\indexa\go-btn.png" style = "margin-top: 2.79vw; width: 100%;"></a>
  304. </div>
  305. <div class = "block">
  306. <center>
  307. <img src = "\img\indexa\bath.png" style = "width: 85%; margin-bottom: 1.39vw;">
  308. </center>
  309. <span class = "label">Длинное название в две строки Ванна Стандарт 150/75</span>
  310. <img style = "margin-top: 1.39vw;" class = "glyph" src = "\img\indexa\icon-size.png"><span style = "vertical-align: 0.83vw;" class = "point">ДхШхВ:</span><span style = "vertical-align: 0.83vw;" class = "light_t">1200 x 800 x 900</span><br>
  311. <img style = "margin-top: 1.39vw;" class = "glyph" src = "\img\indexa\medal.png"><span style = "vertical-align: 1.95vw;" class = "light_t">Гарантия - 10 лет</span><br>
  312. <img style = "margin-top: 1.39vw;" class = "glyph" src = "\img\indexa\gift.png"><span style = "vertical-align: 0.83vw;" class = "light_t">Сифон и каркас в подарок</span><br><br>
  313. <div style = "position: relative; text-align: right;">
  314. <span class = "cost">132 456&nbsp;</span><span class = "rub">руб</span>
  315. <div class = "gr" style = "line-height: 6.98vw; top: -2.23vw; left: 0px; text-align: left; position: absolute; color: #84B679; font-family:">в наличии<br>бесплатная доставка</div>
  316. </div>
  317. <br>
  318. <img src = "\img\indexa\new.png" style = "width: 33%; position: absolute; top: 0px; right: 0px;">
  319. <a href = "#"><img src = "\img\indexa\go-btn.png" style = "margin-top: 2.79vw; width: 100%;"></a>
  320. </div>
  321. <div class = "block">
  322. <center>
  323. <img src = "\img\indexa\bath.png" style = "width: 85%; margin-bottom: 1.39vw;">
  324. </center>
  325. <span class = "label">Ванна Стандарт 150/75</span>
  326. <img style = "margin-top: 1.39vw;" class = "glyph" src = "\img\indexa\icon-size.png"><span style = "vertical-align: 0.83vw;" class = "point">ДхШхВ:</span><span style = "vertical-align: 0.83vw;" class = "light_t">1200 x 800 x 900</span><br>
  327. <img style = "margin-top: 1.39vw;" class = "glyph" src = "\img\indexa\medal.png"><span style = "vertical-align: 1.95vw;" class = "light_t">Гарантия - 10 лет</span><br>
  328. <img style = "margin-top: 1.39vw;" class = "glyph" src = "\img\indexa\gift.png"><span style = "vertical-align: 0.83vw;" class = "light_t">Сифон и каркас в подарок</span><br><br>
  329. <div style = "position: relative; text-align: right;">
  330. <span class = "cost">132 456&nbsp;</span><span class = "rub">руб</span>
  331. <div class = "gr" style = "line-height: 6.98vw; top: -2.23vw; left: 0px; text-align: left; position: absolute; color: #84B679; ">в наличии<br>бесплатная доставка</div>
  332. </div>
  333. <br>
  334. <img src = "\img\indexa\new.png" style = "width: 33%; position: absolute; top: 0px; right: 0px;">
  335. <a href = "#"><img src = "\img\indexa\go-btn.png" style = "margin-top: 2.79vw; width: 100%;"></a>
  336. </div>
  337. <br>
  338.  
  339.  
  340.  
  341. </center>
  342. </div>
  343. <div class = "close" style=' background: #f7f7f7;width: 100%'>
  344. <center style=' background: #f7f7f7;'>
  345. <div style = " margin-right: 6.14vw; margin-left: 6.14vw; width: calc(100% - 12.29vw);">
  346. <div class = "light_t">Больше моделей в нашем каталоге</div>
  347. <a href = "#"><img src = "\img\indexa\go-cat.png" style = " margin-top: 1.95vw; width: 100%;"></a>
  348. </div>
  349. </center>
  350. <br>
  351. </div>
  352.  
  353. <div class="adap-menu-item-block">
  354. <div class="adap-menu-name" style="background: #f7f7f7;">
  355. <h3 class="adap-menu-name-item">Покупателю</h3>
  356. </div>
  357. <div class="adap-menu-list">
  358. <a href="#" class="menu-adap-block">
  359. <img src="img/menu/car.png" class="adap-menu-item-img" style="bottom: 2.9vw;">
  360. <img src="img/menu/arrow.png" class="adap-menu-item-arrow">
  361. <div class="adap-menu-inner">
  362. <p class="adap-menu-item">Доставка и оплата</p>
  363. </div>
  364. </a>
  365. <a href="#" class="menu-adap-block">
  366. <img src="img/menu/ten.png" class="adap-menu-item-img">
  367. <img src="img/menu/arrow.png" class="adap-menu-item-arrow">
  368. <div class="adap-menu-inner">
  369. <p class="adap-menu-item">Гарантия - 10 лет</p>
  370. </div>
  371. </a>
  372. <a href="#" class="menu-adap-block">
  373. <img src="img/menu/star.png" class="adap-menu-item-img">
  374. <img src="img/menu/arrow.png" class="adap-menu-item-arrow">
  375. <div class="adap-menu-inner">
  376. <p class="adap-menu-item">Отзывы</p>
  377. </div>
  378. </a>
  379. <a href="#" class="menu-adap-block">
  380. <img src="img/menu/radio.png" class="adap-menu-item-img">
  381. <img src="img/menu/arrow.png" class="adap-menu-item-arrow">
  382. <div class="adap-menu-inner">
  383. <p class="adap-menu-item">Покупка в кредит</p>
  384. </div>
  385. </a>
  386. <a href="#" class="menu-adap-block">
  387. <img src="img/menu/cupon.png" class="adap-menu-item-img" style="bottom: 3.1vw;">
  388. <img src="img/menu/arrow.png" class="adap-menu-item-arrow">
  389. <div class="adap-menu-inner">
  390. <p class="adap-menu-item">Акции</p>
  391. </div>
  392. </a>
  393. <a href="#" class="menu-adap-block">
  394. <img src="img/menu/iicon.png" class="adap-menu-item-img" style="bottom: 3.1vw;">
  395. <img src="img/menu/arrow.png" class="adap-menu-item-arrow">
  396. <div class="adap-menu-inner">
  397. <p class="adap-menu-item">О компании</p>
  398. </div>
  399. </a>
  400. <a href="#" class="menu-adap-block">
  401. <img src="img/menu/metk.png" class="adap-menu-item-img" style="bottom: 3.1vw;">
  402. <img src="img/menu/arrow.png" class="adap-menu-item-arrow">
  403. <div class="adap-menu-inner">
  404. <p class="adap-menu-item">Конктакты</p>
  405. </div>
  406. </a>
  407. </div>
  408. </div>
  409. <div class="adap-menu-item-block close" style="background: #1E456E;">
  410. <div class="adap-menu-inner" style="padding-left: 0">
  411. <div class="adap-disc-p" style="margin-left: 0;margin-right: 0">
  412. <br>
  413. <p class = 'foot-a' style="color: white;font-size: 7vw;font-weight: 300">ООО «ТРИТОН-АНТЕЙ&raquo;</p>
  414. <br>
  415. <p class = 'foot-a'>Санкт-Петербург, д. Кудрово</p>
  416. <p class = 'foot-a'>ул. Промышленная д.3</p>
  417. <p class = 'foot-a'>м Улица Дыбенко</p>
  418. <br>
  419. <p class = 'foot-a' style="font-weight: 500;">8 (958) 580-13-44</p>
  420. <p class = 'foot-a' style= "font-weight: 500;">8 (958) 580-13-44</p>
  421. <br>
  422. <p class = 'foot-a' style="font-size: 4vw;font-weight: 300;">&#9400; 2017 год</p>
  423. <p class = 'foot-a' style="font-size: 4vw;font-weight: 300;">Цены, указанные на сайте,</p>
  424. <p class = 'foot-a' style="font-size: 4vw;font-weight: 300;">не являются публичной офертой</p>
  425. <br>
  426. </div>
  427. </div>
  428. </div>
  429. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!