API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 20th, 2018
247
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 145.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="ru">
  3.  
  4. <head>
  5.  
  6. <meta charset="utf-8">
  7.  
  8. <title>Title</title>
  9. <meta name="description" content="">
  10.  
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  12. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  13.  
  14. <meta property="og:image" content="path/to/image.jpg">
  15. <link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
  16. <link rel="apple-touch-icon" href="img/favicon/apple-touch-icon.png">
  17. <link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-touch-icon-72x72.png">
  18. <link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-touch-icon-114x114.png">
  19.  
  20. <!-- Chrome, Firefox OS and Opera -->
  21. <meta name="theme-color" content="#000">
  22. <!-- Windows Phone -->
  23. <meta name="msapplication-navbutton-color" content="#000">
  24. <!-- iOS Safari -->
  25. <meta name="apple-mobile-web-app-status-bar-style" content="#000">
  26. <link rel="stylesheet" type="text/css" href="libs/font-awesome/css/font-awesome.min.css">
  27. <link rel="stylesheet" href="css/main.min.css">
  28. </head>
  29.  
  30. <body>
  31.  
  32. <div id="my-page">
  33. <div id="my-header">
  34. <div class="main-head" id="home" style="background-image: url(img/head_bg.jpg);">
  35. <div class="top-line">
  36. <div class="container">
  37. <div class="row">
  38. <div class="col-md-5 col-sm-4 hidden-xs">
  39. <div class="text_wrap">
  40. <p>Надежный кровельные материалы
  41. высокого качества. Оптимальное
  42. соотношение качества и цены.</p>
  43. </div>
  44. </div>
  45. <div class="col-md-2 col-sm-3 col-xs-12">
  46. <a href="" class="logo"><img src="img/logo.png" alt="Строительные традиции" class="img-responsive"></a>
  47. </div>
  48. <div class="col-md-5 col-sm-5 col-xs-12">
  49. <div class="wrap">
  50. <div class="phone-wrap">
  51. <a class="tel" href="tel:+375 29 727 58 81">+375 29 727 58 81</a><br>
  52. <a class="btn-form phone" data-send="Верхняя кнопка: Заказать звонок" data-submit="Заказать звонок" data-toggle="modal" data-target=".modalForm1"><i class="fa fa-phone"></i>Заказать обратный звонок</a>
  53. </div>
  54. <a href="#my-menu" class="hamburger hamburger--emphatic">
  55. <span class="hamburger-box"><span class="hamburger-inner"></span></span>
  56. </a>
  57. <nav id="my-menu">
  58. <ul>
  59. <li class="active"><a href="#home">Главная</a></li>
  60. <li><a href="#section_1">Преимущества</a></li>
  61. <li><a href="#section_2">Каталог</a></li>
  62. <li><a href="#section_3">Расчитать</a></li>
  63. <li><a href="#section_5">Дополнительные элементы</a></li>
  64. <li><a href="#section_7">Гарантии</a></li>
  65. <li><a href="#section_10">Схема работы</a></li>
  66. <li><a href="#section_11">Контакты</a></li>
  67. </ul>
  68. </nav>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. <div class="header-wrap">
  75. <div class="container">
  76. <div class="row">
  77. <div class="col-md-7">
  78. <div class="header-left">
  79. <p>&mdash; Бесплатный замер</p>
  80. <h1>Черепица по<br>оптовым ценам<br>всего от 900&#8381;/1м&#178;</h1>
  81. <ul>
  82. <li>8 лет бузупречной работы</li>
  83. <li>4500 довольных клиентов</li>
  84. </ul>
  85. <ul>
  86. <li>Бесплатная доставка с оплатой на месте</li>
  87. <li>Любой размер и объем</li>
  88. </ul>
  89. </div>
  90. </div>
  91. <div class="col-md-5 center">
  92. <div class="form_wrap">
  93. <form class="form" role="form" method="post" action="mail.php" id="form1"
  94. enctype="multipart/form-data">
  95. <h4>Скидка 20% на мансардные
  96. окна при заказе кровли</h4>
  97. <p>Оставьте заявку на просчёт</p>
  98. <div class="form-group">
  99. <input type="text" name="contact_name" required class="form-control" id="name1" placeholder="Ваше имя">
  100. </div>
  101. <div class="form-group">
  102. <input type="text" name="contact_tel" required class="form-control" id="phone1" placeholder="Телефон">
  103. </div>
  104. <input type="hidden" name="formname" value="Форма в блоке: header">
  105. <div class="btn_wrap">
  106. <button type="submit" data-id="form1" class="btn"><span></span>отправить</button>
  107. </div>
  108. </form>
  109. <img src="img/form_image.png" alt="" class="img-responsive">
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. <div id="my-content">
  118. <section class="section_1" id="section_1">
  119. <div class="container">
  120. <div class="row">
  121. <div class="col-md-12">
  122. <h2>Мы продаем кровельные материалы по оптовым<br>
  123. ценам и производим монтаж кровли под ключ</h2>
  124. <p>Наши резулитаты и достижения в цифрах</p>
  125. </div>
  126. </div>
  127. <div class="icon_group">
  128. <div class="row">
  129. <div class="col-md-12">
  130.  
  131. <div class="icon_wrap">
  132. <img src="img/s1_icon1.jpg" alt="" class="img-responsive">
  133. <div class="text_wrap">
  134. <span>2050</span><br>
  135. <p>довольных клиентов</p>
  136. </div>
  137. </div>
  138.  
  139. <div class="icon_wrap">
  140. <img src="img/s1_icon2.jpg" alt="" class="img-responsive">
  141. <div class="text_wrap text_wrap2">
  142. <span>8</span><br>
  143. <p>лет успешной работы</p>
  144. </div>
  145. </div>
  146.  
  147. <div class="icon_wrap">
  148. <img src="img/s1_icon3.jpg" alt="" class="img-responsive">
  149. <div class="text_wrap text_wrap3">
  150. <span>150</span><br>
  151. <p>километров стали продано</p>
  152. </div>
  153. </div>
  154.  
  155. <div class="icon_wrap">
  156. <img src="img/s1_icon4.jpg" alt="" class="img-responsive">
  157. <div class="text_wrap text_wrap4">
  158. <span>30%</span><br>
  159. <p>киентов приходит по рекомедации</p>
  160. </div>
  161. </div>
  162.  
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. </section>
  168.  
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175. <section class="section_2" id="section_2">
  176. <div class="container">
  177. <div class="row">
  178. <div class="col-md-12">
  179. <h2>Каталог нашей продукции</h2>
  180. </div>
  181. </div>
  182. <div class="catalog_wrap">
  183. <div class="row">
  184. <div class="col-lg-4 col-md-12">
  185. <div class="title_wrap">
  186. <span>1</span>
  187. <h4>выберите тип<br>кровельного покрытия</h4>
  188. </div>
  189. </div>
  190. <div class="col-lg-8 hidden-md hidden-sm hidden-xs">
  191. <div class="title_wrap title_wrap2">
  192. <span>2</span>
  193. <h4>доступные решения</h4>
  194. </div>
  195. </div>
  196. </div>
  197. <div class="row">
  198. <div class="col-lg-2 col-md-12">
  199. <div class="nav-wrap">
  200. <ul class="nav nav-tabs">
  201. <li class="active"><a data-toggle="tab" href="#cont_1">Металлочерепица</a></li>
  202. <li><a data-toggle="tab" href="#cont_2">Битумная черепица</a></li>
  203. <li><a data-toggle="tab" href="#cont_3">Модульная<br>металоочерепица</a></li>
  204. <li><a data-toggle="tab" href="#cont_4">Керамическая<br>металлочерепица</a></li>
  205. <li><a data-toggle="tab" href="#cont_5">Фальцевая кровля</a></li>
  206. <li><a data-toggle="tab" href="#cont_6">Композитная черепица</a></li>
  207. </ul>
  208. </div>
  209. </div>
  210. <div class="col-md-12 col-sm-12 hidden-lg">
  211. <div class="title_wrap title_wrap2">
  212. <span>2</span>
  213. <h4>доступные решения</h4>
  214. </div>
  215. </div>
  216. <div class="tab-content">
  217.  
  218.  
  219. <div id="cont_1" class="tab-pane fade in active">
  220. <div class="col-lg-10 col-md-12">
  221. <div class="slider_wrap">
  222. <img src="img/s2_slider_image.jpg" alt="" class="img-responsive">
  223. </div>
  224. <div class="content_wrap content_wrap2">
  225. <ul class="nav nav-tabs nav-tabs2">
  226. <li><a data-toggle="tab" href="#pan1_1">Вариант 1</a></li>
  227. <li class="active"><a data-toggle="tab" href="#pan1_2">Вариант 2</a></li>
  228. <li><a data-toggle="tab" href="#pan1_3">Вариант 3</a></li>
  229. <li><a data-toggle="tab" href="#pan1_4">Вариант 4</a></li>
  230. <li><a data-toggle="tab" href="#pan1_5">Вариант 5</a></li>
  231. <li><a data-toggle="tab" href="#pan1_6">Вариант 6</a></li>
  232. </ul>
  233. <div class="variable_wrap">
  234. <div class="tab-content">
  235. <div id="pan1_2" class="tab-pane fade in active">
  236. <div class="item_color">
  237. <p>Доступные цвета:</p>
  238. <div class="item_wrap">
  239. <input type="radio" id="radio1" name="color" value="Красный" />
  240. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  241. </div>
  242. <div class="item_wrap">
  243. <input type="radio" id="radio1" name="color" value="Синий" />
  244. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  245. </div>
  246. <div class="item_wrap">
  247. <input type="radio" id="radio1" name="color" value="Белый" />
  248. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  249. </div>
  250. <div class="item_wrap">
  251. <input type="radio" id="radio1" name="color" value="Черный" />
  252. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  253. </div>
  254. <div class="item_wrap">
  255. <input type="radio" id="radio1" name="color" value="Желтый" />
  256. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  257. </div>
  258. <div class="item_wrap">
  259. <input type="radio" id="radio1" name="color" value="Синий" />
  260. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  261. </div>
  262. </div>
  263. <p>Вариант 2</p>
  264. <img src="img/s2_var_image.jpg" alt="" class="img-responsive" id="color_im">
  265. <div class="text">
  266. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  267. <p>Характеристики:</p>
  268. <p>Толщина 0,5 мм</p>
  269. </div>
  270. </div>
  271.  
  272. <div id="pan1_1" class="tab-pane fade">
  273. <div class="item_color">
  274. <p>Доступные цвета:</p>
  275. <div class="item_wrap">
  276. <input type="radio" id="radio1" value="Красный RAL 37588" />
  277. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  278. </div>
  279. <div class="item_wrap">
  280. <input type="radio" id="radio1" value="Синий RAL 37588" />
  281. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  282. </div>
  283. <div class="item_wrap">
  284. <input type="radio" id="radio1" value="Белый RAL 37588" />
  285. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  286. </div>
  287. <div class="item_wrap">
  288. <input type="radio" id="radio1" value="Черный RAL 37588" />
  289. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  290. </div>
  291. <div class="item_wrap">
  292. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  293. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  294. </div>
  295. <div class="item_wrap">
  296. <input type="radio" id="radio1" value="Синий RAL 37588" />
  297. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  298. </div>
  299. </div>
  300. <p>Вариант 2</p>
  301. <img src="img/s2_var_image1.jpg" alt="" class="img-responsive">
  302. <div class="text">
  303. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  304. <p>Характеристики:</p>
  305. <p>Толщина 0,5 мм</p>
  306. </div>
  307. </div>
  308.  
  309. <div id="pan1_3" class="tab-pane fade">
  310. <div class="item_color">
  311. <p>Доступные цвета:</p>
  312. <div class="item_wrap">
  313. <input type="radio" id="radio1" value="Красный RAL 37588" />
  314. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  315. </div>
  316. <div class="item_wrap">
  317. <input type="radio" id="radio1" value="Синий RAL 37588" />
  318. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  319. </div>
  320. <div class="item_wrap">
  321. <input type="radio" id="radio1" value="Белый RAL 37588" />
  322. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  323. </div>
  324. <div class="item_wrap">
  325. <input type="radio" id="radio1" value="Черный RAL 37588" />
  326. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  327. </div>
  328. <div class="item_wrap">
  329. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  330. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  331. </div>
  332. <div class="item_wrap">
  333. <input type="radio" id="radio1" value="Синий RAL 37588" />
  334. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  335. </div>
  336. </div>
  337. <p>Вариант 2</p>
  338. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  339. <div class="text">
  340. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  341. <p>Характеристики:</p>
  342. <p>Толщина 0,5 мм</p>
  343. </div>
  344. </div>
  345.  
  346. <div id="pan1_4" class="tab-pane fade">
  347. <div class="item_color">
  348. <p>Доступные цвета:</p>
  349. <div class="item_wrap">
  350. <input type="radio" id="radio1" value="Красный RAL 37588" />
  351. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  352. </div>
  353. <div class="item_wrap">
  354. <input type="radio" id="radio1" value="Синий RAL 37588" />
  355. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  356. </div>
  357. <div class="item_wrap">
  358. <input type="radio" id="radio1" value="Белый RAL 37588" />
  359. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  360. </div>
  361. <div class="item_wrap">
  362. <input type="radio" id="radio1" value="Черный RAL 37588" />
  363. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  364. </div>
  365. <div class="item_wrap">
  366. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  367. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  368. </div>
  369. <div class="item_wrap">
  370. <input type="radio" id="radio1" value="Синий RAL 37588" />
  371. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  372. </div>
  373. </div>
  374. <p>Вариант 2</p>
  375. <img src="img/s2_var_image1.jpg" alt="" class="img-responsive">
  376. <div class="text">
  377. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  378. <p>Характеристики:</p>
  379. <p>Толщина 0,5 мм</p>
  380. </div>
  381. </div>
  382.  
  383. <div id="pan1_5" class="tab-pane fade">
  384. <div class="item_color">
  385. <p>Доступные цвета:</p>
  386. <div class="item_wrap">
  387. <input type="radio" id="radio1" value="Красный RAL 37588" />
  388. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  389. </div>
  390. <div class="item_wrap">
  391. <input type="radio" id="radio1" value="Синий RAL 37588" />
  392. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  393. </div>
  394. <div class="item_wrap">
  395. <input type="radio" id="radio1" value="Белый RAL 37588" />
  396. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  397. </div>
  398. <div class="item_wrap">
  399. <input type="radio" id="radio1" value="Черный RAL 37588" />
  400. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  401. </div>
  402. <div class="item_wrap">
  403. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  404. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  405. </div>
  406. <div class="item_wrap">
  407. <input type="radio" id="radio1" value="Синий RAL 37588" />
  408. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  409. </div>
  410. </div>
  411. <p>Вариант 2</p>
  412. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  413. <div class="text">
  414. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  415. <p>Характеристики:</p>
  416. <p>Толщина 0,5 мм</p>
  417. </div>
  418. </div>
  419.  
  420. <div id="pan1_6" class="tab-pane fade">
  421. <div class="item_color">
  422. <p>Доступные цвета:</p>
  423. <div class="item_wrap">
  424. <input type="radio" id="radio1" value="Красный RAL 37588" />
  425. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  426. </div>
  427. <div class="item_wrap">
  428. <input type="radio" id="radio1" value="Синий RAL 37588" />
  429. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  430. </div>
  431. <div class="item_wrap">
  432. <input type="radio" id="radio1" value="Белый RAL 37588" />
  433. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  434. </div>
  435. <div class="item_wrap">
  436. <input type="radio" id="radio1" value="Черный RAL 37588" />
  437. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  438. </div>
  439. <div class="item_wrap">
  440. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  441. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  442. </div>
  443. <div class="item_wrap">
  444. <input type="radio" id="radio1" value="Синий RAL 37588" />
  445. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  446. </div>
  447. </div>
  448. <p>Вариант 2</p>
  449. <img src="img/s2_var_image1.jpg" alt="" class="img-responsive">
  450. <div class="text">
  451. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  452. <p>Характеристики:</p>
  453. <p>Толщина 0,5 мм</p>
  454. </div>
  455. </div>
  456. </div>
  457. <div class="btn_wrap">
  458. <button type="submit" class="btn btn-form hidden-xs" data-toggle="modal" data-target=".modalForm3"><span></span>скачать прайс</button>
  459. </div>
  460. </div>
  461. </div>
  462. </div>
  463. </div>
  464.  
  465.  
  466. <div id="cont_2" class="tab-pane fade">
  467. <div class="col-lg-10 col-md-12">
  468. <div class="slider_wrap">
  469. <img src="img/s2_slider_image2.jpg" alt="" class="img-responsive">
  470. </div>
  471. <div class="content_wrap content_wrap2">
  472. <ul class="nav nav-tabs nav-tabs2">
  473. <li><a data-toggle="tab" href="#pan2_1">Вариант 1</a></li>
  474. <li class="active"><a data-toggle="tab" href="#pan2_2">Вариант 2</a></li>
  475. <li><a data-toggle="tab" href="#pan2_3">Вариант 3</a></li>
  476. <li><a data-toggle="tab" href="#pan2_4">Вариант 4</a></li>
  477. <li><a data-toggle="tab" href="#pan2_5">Вариант 5</a></li>
  478. <li><a data-toggle="tab" href="#pan2_6">Вариант 6</a></li>
  479. </ul>
  480. <div class="variable_wrap">
  481. <div class="tab-content">
  482. <div id="pan2_2" class="tab-pane fade in active">
  483. <div class="item_color">
  484. <p>Доступные цвета:</p>
  485. <div class="item_wrap">
  486. <input type="radio" id="radio1" value="Красный RAL 37588" />
  487. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  488. </div>
  489. <div class="item_wrap">
  490. <input type="radio" id="radio1" value="Синий RAL 37588" />
  491. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  492. </div>
  493. <div class="item_wrap">
  494. <input type="radio" id="radio1" value="Белый RAL 37588" />
  495. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  496. </div>
  497. <div class="item_wrap">
  498. <input type="radio" id="radio1" value="Черный RAL 37588" />
  499. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  500. </div>
  501. <div class="item_wrap">
  502. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  503. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  504. </div>
  505. <div class="item_wrap">
  506. <input type="radio" id="radio1" value="Синий RAL 37588" />
  507. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  508. </div>
  509. </div>
  510. <p>Вариант 2</p>
  511. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  512. <div class="text">
  513. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  514. <p>Характеристики:</p>
  515. <p>Толщина 0,5 мм</p>
  516. </div>
  517. </div>
  518.  
  519. <div id="pan2_1" class="tab-pane fade">
  520. <div class="item_color">
  521. <p>Доступные цвета:</p>
  522. <div class="item_wrap">
  523. <input type="radio" id="radio1" value="Красный RAL 37588" />
  524. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  525. </div>
  526. <div class="item_wrap">
  527. <input type="radio" id="radio1" value="Синий RAL 37588" />
  528. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  529. </div>
  530. <div class="item_wrap">
  531. <input type="radio" id="radio1" value="Белый RAL 37588" />
  532. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  533. </div>
  534. <div class="item_wrap">
  535. <input type="radio" id="radio1" value="Черный RAL 37588" />
  536. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  537. </div>
  538. <div class="item_wrap">
  539. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  540. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  541. </div>
  542. <div class="item_wrap">
  543. <input type="radio" id="radio1" value="Синий RAL 37588" />
  544. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  545. </div>
  546. </div>
  547. <p>Вариант 2</p>
  548. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  549. <div class="text">
  550. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  551. <p>Характеристики:</p>
  552. <p>Толщина 0,5 мм</p>
  553. </div>
  554. </div>
  555.  
  556. <div id="pan2_3" class="tab-pane fade">
  557. <div class="item_color">
  558. <p>Доступные цвета:</p>
  559. <div class="item_wrap">
  560. <input type="radio" id="radio1" value="Красный RAL 37588" />
  561. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  562. </div>
  563. <div class="item_wrap">
  564. <input type="radio" id="radio1" value="Синий RAL 37588" />
  565. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  566. </div>
  567. <div class="item_wrap">
  568. <input type="radio" id="radio1" value="Белый RAL 37588" />
  569. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  570. </div>
  571. <div class="item_wrap">
  572. <input type="radio" id="radio1" value="Черный RAL 37588" />
  573. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  574. </div>
  575. <div class="item_wrap">
  576. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  577. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  578. </div>
  579. <div class="item_wrap">
  580. <input type="radio" id="radio1" value="Синий RAL 37588" />
  581. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  582. </div>
  583. </div>
  584. <p>Вариант 2</p>
  585. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  586. <div class="text">
  587. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  588. <p>Характеристики:</p>
  589. <p>Толщина 0,5 мм</p>
  590. </div>
  591. </div>
  592.  
  593. <div id="pan2_4" class="tab-pane fade">
  594. <div class="item_color">
  595. <p>Доступные цвета:</p>
  596. <div class="item_wrap">
  597. <input type="radio" id="radio1" value="Красный RAL 37588" />
  598. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  599. </div>
  600. <div class="item_wrap">
  601. <input type="radio" id="radio1" value="Синий RAL 37588" />
  602. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  603. </div>
  604. <div class="item_wrap">
  605. <input type="radio" id="radio1" value="Белый RAL 37588" />
  606. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  607. </div>
  608. <div class="item_wrap">
  609. <input type="radio" id="radio1" value="Черный RAL 37588" />
  610. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  611. </div>
  612. <div class="item_wrap">
  613. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  614. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  615. </div>
  616. <div class="item_wrap">
  617. <input type="radio" id="radio1" value="Синий RAL 37588" />
  618. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  619. </div>
  620. </div>
  621. <p>Вариант 2</p>
  622. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  623. <div class="text">
  624. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  625. <p>Характеристики:</p>
  626. <p>Толщина 0,5 мм</p>
  627. </div>
  628. </div>
  629.  
  630. <div id="pan2_5" class="tab-pane fade">
  631. <div class="item_color">
  632. <p>Доступные цвета:</p>
  633. <div class="item_wrap">
  634. <input type="radio" id="radio1" value="Красный RAL 37588" />
  635. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  636. </div>
  637. <div class="item_wrap">
  638. <input type="radio" id="radio1" value="Синий RAL 37588" />
  639. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  640. </div>
  641. <div class="item_wrap">
  642. <input type="radio" id="radio1" value="Белый RAL 37588" />
  643. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  644. </div>
  645. <div class="item_wrap">
  646. <input type="radio" id="radio1" value="Черный RAL 37588" />
  647. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  648. </div>
  649. <div class="item_wrap">
  650. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  651. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  652. </div>
  653. <div class="item_wrap">
  654. <input type="radio" id="radio1" value="Синий RAL 37588" />
  655. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  656. </div>
  657. </div>
  658. <p>Вариант 2</p>
  659. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  660. <div class="text">
  661. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  662. <p>Характеристики:</p>
  663. <p>Толщина 0,5 мм</p>
  664. </div>
  665. </div>
  666.  
  667. <div id="pan2_6" class="tab-pane fade">
  668. <div class="item_color">
  669. <p>Доступные цвета:</p>
  670. <div class="item_wrap">
  671. <input type="radio" id="radio1" value="Красный RAL 37588" />
  672. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  673. </div>
  674. <div class="item_wrap">
  675. <input type="radio" id="radio1" value="Синий RAL 37588" />
  676. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  677. </div>
  678. <div class="item_wrap">
  679. <input type="radio" id="radio1" value="Белый RAL 37588" />
  680. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  681. </div>
  682. <div class="item_wrap">
  683. <input type="radio" id="radio1" value="Черный RAL 37588" />
  684. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  685. </div>
  686. <div class="item_wrap">
  687. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  688. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  689. </div>
  690. <div class="item_wrap">
  691. <input type="radio" id="radio1" value="Синий RAL 37588" />
  692. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  693. </div>
  694. </div>
  695. <p>Вариант 2</p>
  696. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  697. <div class="text">
  698. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  699. <p>Характеристики:</p>
  700. <p>Толщина 0,5 мм</p>
  701. </div>
  702. </div>
  703. </div>
  704. <div class="btn_wrap">
  705. <button type="submit" class="btn btn-form hidden-xs" data-toggle="modal" data-target=".modalForm3"><span></span>скачать прайс</button>
  706. </div>
  707. </div>
  708. </div>
  709. </div>
  710. </div>
  711.  
  712.  
  713. <div id="cont_3" class="tab-pane fade">
  714. <div class="col-lg-10 col-md-12">
  715. <div class="slider_wrap">
  716. <img src="img/s2_slider_image.jpg" alt="" class="img-responsive">
  717. </div>
  718. <div class="content_wrap content_wrap2">
  719. <ul class="nav nav-tabs nav-tabs2">
  720. <li><a data-toggle="tab" href="#pan3_1">Вариант 1</a></li>
  721. <li class="active"><a data-toggle="tab" href="#pan3_2">Вариант 2</a></li>
  722. <li><a data-toggle="tab" href="#pan3_3">Вариант 3</a></li>
  723. <li><a data-toggle="tab" href="#pan3_4">Вариант 4</a></li>
  724. <li><a data-toggle="tab" href="#pan3_5">Вариант 5</a></li>
  725. <li><a data-toggle="tab" href="#pan3_6">Вариант 6</a></li>
  726. </ul>
  727. <div class="variable_wrap">
  728. <div class="tab-content">
  729. <div id="pan3_2" class="tab-pane fade in active">
  730. <div class="item_color">
  731. <p>Доступные цвета:</p>
  732. <div class="item_wrap">
  733. <input type="radio" id="radio1" value="Красный RAL 37588" />
  734. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  735. </div>
  736. <div class="item_wrap">
  737. <input type="radio" id="radio1" value="Синий RAL 37588" />
  738. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  739. </div>
  740. <div class="item_wrap">
  741. <input type="radio" id="radio1" value="Белый RAL 37588" />
  742. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  743. </div>
  744. <div class="item_wrap">
  745. <input type="radio" id="radio1" value="Черный RAL 37588" />
  746. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  747. </div>
  748. <div class="item_wrap">
  749. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  750. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  751. </div>
  752. <div class="item_wrap">
  753. <input type="radio" id="radio1" value="Синий RAL 37588" />
  754. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  755. </div>
  756. </div>
  757. <p>Вариант 2</p>
  758. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  759. <div class="text">
  760. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  761. <p>Характеристики:</p>
  762. <p>Толщина 0,5 мм</p>
  763. </div>
  764. </div>
  765.  
  766. <div id="pan3_1" class="tab-pane fade">
  767. <div class="item_color">
  768. <p>Доступные цвета:</p>
  769. <div class="item_wrap">
  770. <input type="radio" id="radio1" value="Красный RAL 37588" />
  771. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  772. </div>
  773. <div class="item_wrap">
  774. <input type="radio" id="radio1" value="Синий RAL 37588" />
  775. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  776. </div>
  777. <div class="item_wrap">
  778. <input type="radio" id="radio1" value="Белый RAL 37588" />
  779. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  780. </div>
  781. <div class="item_wrap">
  782. <input type="radio" id="radio1" value="Черный RAL 37588" />
  783. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  784. </div>
  785. <div class="item_wrap">
  786. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  787. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  788. </div>
  789. <div class="item_wrap">
  790. <input type="radio" id="radio1" value="Синий RAL 37588" />
  791. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  792. </div>
  793. </div>
  794. <p>Вариант 2</p>
  795. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  796. <div class="text">
  797. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  798. <p>Характеристики:</p>
  799. <p>Толщина 0,5 мм</p>
  800. </div>
  801. </div>
  802.  
  803. <div id="pan3_3" class="tab-pane fade">
  804. <div class="item_color">
  805. <p>Доступные цвета:</p>
  806. <div class="item_wrap">
  807. <input type="radio" id="radio1" value="Красный RAL 37588" />
  808. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  809. </div>
  810. <div class="item_wrap">
  811. <input type="radio" id="radio1" value="Синий RAL 37588" />
  812. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  813. </div>
  814. <div class="item_wrap">
  815. <input type="radio" id="radio1" value="Белый RAL 37588" />
  816. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  817. </div>
  818. <div class="item_wrap">
  819. <input type="radio" id="radio1" value="Черный RAL 37588" />
  820. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  821. </div>
  822. <div class="item_wrap">
  823. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  824. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  825. </div>
  826. <div class="item_wrap">
  827. <input type="radio" id="radio1" value="Синий RAL 37588" />
  828. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  829. </div>
  830. </div>
  831. <p>Вариант 2</p>
  832. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  833. <div class="text">
  834. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  835. <p>Характеристики:</p>
  836. <p>Толщина 0,5 мм</p>
  837. </div>
  838. </div>
  839.  
  840. <div id="pan3_4" class="tab-pane fade">
  841. <div class="item_color">
  842. <p>Доступные цвета:</p>
  843. <div class="item_wrap">
  844. <input type="radio" id="radio1" value="Красный RAL 37588" />
  845. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  846. </div>
  847. <div class="item_wrap">
  848. <input type="radio" id="radio1" value="Синий RAL 37588" />
  849. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  850. </div>
  851. <div class="item_wrap">
  852. <input type="radio" id="radio1" value="Белый RAL 37588" />
  853. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  854. </div>
  855. <div class="item_wrap">
  856. <input type="radio" id="radio1" value="Черный RAL 37588" />
  857. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  858. </div>
  859. <div class="item_wrap">
  860. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  861. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  862. </div>
  863. <div class="item_wrap">
  864. <input type="radio" id="radio1" value="Синий RAL 37588" />
  865. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  866. </div>
  867. </div>
  868. <p>Вариант 2</p>
  869. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  870. <div class="text">
  871. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  872. <p>Характеристики:</p>
  873. <p>Толщина 0,5 мм</p>
  874. </div>
  875. </div>
  876.  
  877. <div id="pan3_5" class="tab-pane fade">
  878. <div class="item_color">
  879. <p>Доступные цвета:</p>
  880. <div class="item_wrap">
  881. <input type="radio" id="radio1" value="Красный RAL 37588" />
  882. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  883. </div>
  884. <div class="item_wrap">
  885. <input type="radio" id="radio1" value="Синий RAL 37588" />
  886. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  887. </div>
  888. <div class="item_wrap">
  889. <input type="radio" id="radio1" value="Белый RAL 37588" />
  890. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  891. </div>
  892. <div class="item_wrap">
  893. <input type="radio" id="radio1" value="Черный RAL 37588" />
  894. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  895. </div>
  896. <div class="item_wrap">
  897. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  898. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  899. </div>
  900. <div class="item_wrap">
  901. <input type="radio" id="radio1" value="Синий RAL 37588" />
  902. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  903. </div>
  904. </div>
  905. <p>Вариант 2</p>
  906. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  907. <div class="text">
  908. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  909. <p>Характеристики:</p>
  910. <p>Толщина 0,5 мм</p>
  911. </div>
  912. </div>
  913.  
  914. <div id="pan3_6" class="tab-pane fade">
  915. <div class="item_color">
  916. <p>Доступные цвета:</p>
  917. <div class="item_wrap">
  918. <input type="radio" id="radio1" value="Красный RAL 37588" />
  919. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  920. </div>
  921. <div class="item_wrap">
  922. <input type="radio" id="radio1" value="Синий RAL 37588" />
  923. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  924. </div>
  925. <div class="item_wrap">
  926. <input type="radio" id="radio1" value="Белый RAL 37588" />
  927. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  928. </div>
  929. <div class="item_wrap">
  930. <input type="radio" id="radio1" value="Черный RAL 37588" />
  931. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  932. </div>
  933. <div class="item_wrap">
  934. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  935. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  936. </div>
  937. <div class="item_wrap">
  938. <input type="radio" id="radio1" value="Синий RAL 37588" />
  939. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  940. </div>
  941. </div>
  942. <p>Вариант 2</p>
  943. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  944. <div class="text">
  945. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  946. <p>Характеристики:</p>
  947. <p>Толщина 0,5 мм</p>
  948. </div>
  949. </div>
  950. </div>
  951. <div class="btn_wrap">
  952. <button type="submit" class="btn btn-form hidden-xs" data-toggle="modal" data-target=".modalForm3"><span></span>скачать прайс</button>
  953. </div>
  954. </div>
  955. </div>
  956. </div>
  957. </div>
  958.  
  959.  
  960. <div id="cont_4" class="tab-pane fade">
  961. <div class="col-lg-10 col-md-12">
  962. <div class="slider_wrap">
  963. <img src="img/s2_slider_image2.jpg" alt="" class="img-responsive">
  964. </div>
  965. <div class="content_wrap content_wrap2">
  966. <ul class="nav nav-tabs nav-tabs2">
  967. <li><a data-toggle="tab" href="#pan4_1">Вариант 1</a></li>
  968. <li class="active"><a data-toggle="tab" href="#pan4_2">Вариант 2</a></li>
  969. <li><a data-toggle="tab" href="#pan4_3">Вариант 3</a></li>
  970. <li><a data-toggle="tab" href="#pan4_4">Вариант 4</a></li>
  971. <li><a data-toggle="tab" href="#pan4_5">Вариант 5</a></li>
  972. <li><a data-toggle="tab" href="#pan4_6">Вариант 6</a></li>
  973. </ul>
  974. <div class="variable_wrap">
  975. <div class="tab-content">
  976. <div id="pan4_2" class="tab-pane fade in active">
  977. <div class="item_color">
  978. <p>Доступные цвета:</p>
  979. <div class="item_wrap">
  980. <input type="radio" id="radio1" value="Красный RAL 37588" />
  981. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  982. </div>
  983. <div class="item_wrap">
  984. <input type="radio" id="radio1" value="Синий RAL 37588" />
  985. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  986. </div>
  987. <div class="item_wrap">
  988. <input type="radio" id="radio1" value="Белый RAL 37588" />
  989. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  990. </div>
  991. <div class="item_wrap">
  992. <input type="radio" id="radio1" value="Черный RAL 37588" />
  993. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  994. </div>
  995. <div class="item_wrap">
  996. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  997. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  998. </div>
  999. <div class="item_wrap">
  1000. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1001. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1002. </div>
  1003. </div>
  1004. <p>Вариант 2</p>
  1005. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1006. <div class="text">
  1007. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1008. <p>Характеристики:</p>
  1009. <p>Толщина 0,5 мм</p>
  1010. </div>
  1011. </div>
  1012.  
  1013. <div id="pan4_1" class="tab-pane fade">
  1014. <div class="item_color">
  1015. <p>Доступные цвета:</p>
  1016. <div class="item_wrap">
  1017. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1018. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1019. </div>
  1020. <div class="item_wrap">
  1021. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1022. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1023. </div>
  1024. <div class="item_wrap">
  1025. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1026. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1027. </div>
  1028. <div class="item_wrap">
  1029. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1030. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1031. </div>
  1032. <div class="item_wrap">
  1033. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1034. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1035. </div>
  1036. <div class="item_wrap">
  1037. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1038. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1039. </div>
  1040. </div>
  1041. <p>Вариант 2</p>
  1042. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1043. <div class="text">
  1044. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1045. <p>Характеристики:</p>
  1046. <p>Толщина 0,5 мм</p>
  1047. </div>
  1048. </div>
  1049.  
  1050. <div id="pan4_3" class="tab-pane fade">
  1051. <div class="item_color">
  1052. <p>Доступные цвета:</p>
  1053. <div class="item_wrap">
  1054. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1055. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1056. </div>
  1057. <div class="item_wrap">
  1058. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1059. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1060. </div>
  1061. <div class="item_wrap">
  1062. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1063. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1064. </div>
  1065. <div class="item_wrap">
  1066. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1067. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1068. </div>
  1069. <div class="item_wrap">
  1070. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1071. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1072. </div>
  1073. <div class="item_wrap">
  1074. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1075. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1076. </div>
  1077. </div>
  1078. <p>Вариант 2</p>
  1079. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1080. <div class="text">
  1081. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1082. <p>Характеристики:</p>
  1083. <p>Толщина 0,5 мм</p>
  1084. </div>
  1085. </div>
  1086.  
  1087. <div id="pan4_4" class="tab-pane fade">
  1088. <div class="item_color">
  1089. <p>Доступные цвета:</p>
  1090. <div class="item_wrap">
  1091. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1092. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1093. </div>
  1094. <div class="item_wrap">
  1095. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1096. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1097. </div>
  1098. <div class="item_wrap">
  1099. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1100. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1101. </div>
  1102. <div class="item_wrap">
  1103. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1104. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1105. </div>
  1106. <div class="item_wrap">
  1107. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1108. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1109. </div>
  1110. <div class="item_wrap">
  1111. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1112. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1113. </div>
  1114. </div>
  1115. <p>Вариант 2</p>
  1116. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1117. <div class="text">
  1118. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1119. <p>Характеристики:</p>
  1120. <p>Толщина 0,5 мм</p>
  1121. </div>
  1122. </div>
  1123.  
  1124. <div id="pan4_5" class="tab-pane fade">
  1125. <div class="item_color">
  1126. <p>Доступные цвета:</p>
  1127. <div class="item_wrap">
  1128. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1129. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1130. </div>
  1131. <div class="item_wrap">
  1132. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1133. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1134. </div>
  1135. <div class="item_wrap">
  1136. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1137. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1138. </div>
  1139. <div class="item_wrap">
  1140. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1141. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1142. </div>
  1143. <div class="item_wrap">
  1144. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1145. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1146. </div>
  1147. <div class="item_wrap">
  1148. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1149. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1150. </div>
  1151. </div>
  1152. <p>Вариант 2</p>
  1153. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1154. <div class="text">
  1155. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1156. <p>Характеристики:</p>
  1157. <p>Толщина 0,5 мм</p>
  1158. </div>
  1159. </div>
  1160.  
  1161. <div id="pan4_6" class="tab-pane fade">
  1162. <div class="item_color">
  1163. <p>Доступные цвета:</p>
  1164. <div class="item_wrap">
  1165. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1166. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1167. </div>
  1168. <div class="item_wrap">
  1169. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1170. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1171. </div>
  1172. <div class="item_wrap">
  1173. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1174. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1175. </div>
  1176. <div class="item_wrap">
  1177. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1178. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1179. </div>
  1180. <div class="item_wrap">
  1181. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1182. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1183. </div>
  1184. <div class="item_wrap">
  1185. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1186. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1187. </div>
  1188. </div>
  1189. <p>Вариант 2</p>
  1190. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1191. <div class="text">
  1192. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1193. <p>Характеристики:</p>
  1194. <p>Толщина 0,5 мм</p>
  1195. </div>
  1196. </div>
  1197. </div>
  1198. <div class="btn_wrap">
  1199. <button type="submit" class="btn btn-form hidden-xs" data-toggle="modal" data-target=".modalForm3"><span></span>скачать прайс</button>
  1200. </div>
  1201. </div>
  1202. </div>
  1203. </div>
  1204. </div>
  1205.  
  1206.  
  1207. <div id="cont_5" class="tab-pane fade">
  1208. <div class="col-lg-10 col-md-12">
  1209. <div class="slider_wrap">
  1210. <img src="img/s2_slider_image.jpg" alt="" class="img-responsive">
  1211. </div>
  1212. <div class="content_wrap content_wrap2">
  1213. <ul class="nav nav-tabs nav-tabs2">
  1214. <li><a data-toggle="tab" href="#pan5_1">Вариант 1</a></li>
  1215. <li class="active"><a data-toggle="tab" href="#pan5_2">Вариант 2</a></li>
  1216. <li><a data-toggle="tab" href="#pan5_3">Вариант 3</a></li>
  1217. <li><a data-toggle="tab" href="#pan5_4">Вариант 4</a></li>
  1218. <li><a data-toggle="tab" href="#pan5_5">Вариант 5</a></li>
  1219. <li><a data-toggle="tab" href="#pan5_6">Вариант 6</a></li>
  1220. </ul>
  1221. <div class="variable_wrap">
  1222. <div class="tab-content">
  1223. <div id="pan5_2" class="tab-pane fade in active">
  1224. <div class="item_color">
  1225. <p>Доступные цвета:</p>
  1226. <div class="item_wrap">
  1227. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1228. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1229. </div>
  1230. <div class="item_wrap">
  1231. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1232. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1233. </div>
  1234. <div class="item_wrap">
  1235. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1236. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1237. </div>
  1238. <div class="item_wrap">
  1239. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1240. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1241. </div>
  1242. <div class="item_wrap">
  1243. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1244. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1245. </div>
  1246. <div class="item_wrap">
  1247. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1248. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1249. </div>
  1250. </div>
  1251. <p>Вариант 2</p>
  1252. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1253. <div class="text">
  1254. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1255. <p>Характеристики:</p>
  1256. <p>Толщина 0,5 мм</p>
  1257. </div>
  1258. </div>
  1259.  
  1260. <div id="pan5_1" class="tab-pane fade">
  1261. <div class="item_color">
  1262. <p>Доступные цвета:</p>
  1263. <div class="item_wrap">
  1264. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1265. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1266. </div>
  1267. <div class="item_wrap">
  1268. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1269. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1270. </div>
  1271. <div class="item_wrap">
  1272. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1273. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1274. </div>
  1275. <div class="item_wrap">
  1276. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1277. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1278. </div>
  1279. <div class="item_wrap">
  1280. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1281. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1282. </div>
  1283. <div class="item_wrap">
  1284. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1285. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1286. </div>
  1287. </div>
  1288. <p>Вариант 2</p>
  1289. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1290. <div class="text">
  1291. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1292. <p>Характеристики:</p>
  1293. <p>Толщина 0,5 мм</p>
  1294. </div>
  1295. </div>
  1296.  
  1297. <div id="pan5_3" class="tab-pane fade">
  1298. <div class="item_color">
  1299. <p>Доступные цвета:</p>
  1300. <div class="item_wrap">
  1301. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1302. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1303. </div>
  1304. <div class="item_wrap">
  1305. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1306. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1307. </div>
  1308. <div class="item_wrap">
  1309. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1310. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1311. </div>
  1312. <div class="item_wrap">
  1313. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1314. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1315. </div>
  1316. <div class="item_wrap">
  1317. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1318. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1319. </div>
  1320. <div class="item_wrap">
  1321. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1322. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1323. </div>
  1324. </div>
  1325. <p>Вариант 2</p>
  1326. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1327. <div class="text">
  1328. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1329. <p>Характеристики:</p>
  1330. <p>Толщина 0,5 мм</p>
  1331. </div>
  1332. </div>
  1333.  
  1334. <div id="pan5_4" class="tab-pane fade">
  1335. <div class="item_color">
  1336. <p>Доступные цвета:</p>
  1337. <div class="item_wrap">
  1338. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1339. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1340. </div>
  1341. <div class="item_wrap">
  1342. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1343. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1344. </div>
  1345. <div class="item_wrap">
  1346. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1347. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1348. </div>
  1349. <div class="item_wrap">
  1350. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1351. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1352. </div>
  1353. <div class="item_wrap">
  1354. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1355. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1356. </div>
  1357. <div class="item_wrap">
  1358. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1359. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1360. </div>
  1361. </div>
  1362. <p>Вариант 2</p>
  1363. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1364. <div class="text">
  1365. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1366. <p>Характеристики:</p>
  1367. <p>Толщина 0,5 мм</p>
  1368. </div>
  1369. </div>
  1370.  
  1371. <div id="pan5_5" class="tab-pane fade">
  1372. <div class="item_color">
  1373. <p>Доступные цвета:</p>
  1374. <div class="item_wrap">
  1375. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1376. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1377. </div>
  1378. <div class="item_wrap">
  1379. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1380. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1381. </div>
  1382. <div class="item_wrap">
  1383. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1384. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1385. </div>
  1386. <div class="item_wrap">
  1387. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1388. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1389. </div>
  1390. <div class="item_wrap">
  1391. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1392. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1393. </div>
  1394. <div class="item_wrap">
  1395. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1396. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1397. </div>
  1398. </div>
  1399. <p>Вариант 2</p>
  1400. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1401. <div class="text">
  1402. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1403. <p>Характеристики:</p>
  1404. <p>Толщина 0,5 мм</p>
  1405. </div>
  1406. </div>
  1407.  
  1408. <div id="pan5_6" class="tab-pane fade">
  1409. <div class="item_color">
  1410. <p>Доступные цвета:</p>
  1411. <div class="item_wrap">
  1412. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1413. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1414. </div>
  1415. <div class="item_wrap">
  1416. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1417. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1418. </div>
  1419. <div class="item_wrap">
  1420. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1421. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1422. </div>
  1423. <div class="item_wrap">
  1424. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1425. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1426. </div>
  1427. <div class="item_wrap">
  1428. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1429. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1430. </div>
  1431. <div class="item_wrap">
  1432. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1433. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1434. </div>
  1435. </div>
  1436. <p>Вариант 2</p>
  1437. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1438. <div class="text">
  1439. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1440. <p>Характеристики:</p>
  1441. <p>Толщина 0,5 мм</p>
  1442. </div>
  1443. </div>
  1444. </div>
  1445. <div class="btn_wrap">
  1446. <button type="submit" class="btn btn-form hidden-xs" data-toggle="modal" data-target=".modalForm3"><span></span>скачать прайс</button>
  1447. </div>
  1448. </div>
  1449. </div>
  1450. </div>
  1451. </div>
  1452.  
  1453.  
  1454.  
  1455. <div id="cont_6" class="tab-pane fade">
  1456. <div class="col-lg-10 col-md-12">
  1457. <div class="slider_wrap">
  1458. <img src="img/s2_slider_image2.jpg" alt="" class="img-responsive">
  1459. </div>
  1460. <div class="content_wrap content_wrap2">
  1461. <ul class="nav nav-tabs nav-tabs2">
  1462. <li><a data-toggle="tab" href="#pan6_1">Вариант 1</a></li>
  1463. <li class="active"><a data-toggle="tab" href="#pan6_2">Вариант 2</a></li>
  1464. <li><a data-toggle="tab" href="#pan6_3">Вариант 3</a></li>
  1465. <li><a data-toggle="tab" href="#pan6_4">Вариант 4</a></li>
  1466. <li><a data-toggle="tab" href="#pan6_5">Вариант 5</a></li>
  1467. <li><a data-toggle="tab" href="#pan6_6">Вариант 6</a></li>
  1468. </ul>
  1469. <div class="variable_wrap">
  1470. <div class="tab-content">
  1471. <div id="pan6_2" class="tab-pane fade in active">
  1472. <div class="item_color">
  1473. <p>Доступные цвета:</p>
  1474. <div class="item_wrap">
  1475. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1476. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1477. </div>
  1478. <div class="item_wrap">
  1479. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1480. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1481. </div>
  1482. <div class="item_wrap">
  1483. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1484. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1485. </div>
  1486. <div class="item_wrap">
  1487. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1488. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1489. </div>
  1490. <div class="item_wrap">
  1491. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1492. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1493. </div>
  1494. <div class="item_wrap">
  1495. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1496. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1497. </div>
  1498. </div>
  1499. <p>Вариант 2</p>
  1500. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1501. <div class="text">
  1502. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1503. <p>Характеристики:</p>
  1504. <p>Толщина 0,5 мм</p>
  1505. </div>
  1506. </div>
  1507.  
  1508. <div id="pan6_1" class="tab-pane fade">
  1509. <div class="item_color">
  1510. <p>Доступные цвета:</p>
  1511. <div class="item_wrap">
  1512. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1513. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1514. </div>
  1515. <div class="item_wrap">
  1516. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1517. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1518. </div>
  1519. <div class="item_wrap">
  1520. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1521. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1522. </div>
  1523. <div class="item_wrap">
  1524. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1525. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1526. </div>
  1527. <div class="item_wrap">
  1528. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1529. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1530. </div>
  1531. <div class="item_wrap">
  1532. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1533. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1534. </div>
  1535. </div>
  1536. <p>Вариант 2</p>
  1537. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1538. <div class="text">
  1539. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1540. <p>Характеристики:</p>
  1541. <p>Толщина 0,5 мм</p>
  1542. </div>
  1543. </div>
  1544.  
  1545. <div id="pan6_3" class="tab-pane fade">
  1546. <div class="item_color">
  1547. <p>Доступные цвета:</p>
  1548. <div class="item_wrap">
  1549. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1550. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1551. </div>
  1552. <div class="item_wrap">
  1553. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1554. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1555. </div>
  1556. <div class="item_wrap">
  1557. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1558. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1559. </div>
  1560. <div class="item_wrap">
  1561. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1562. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1563. </div>
  1564. <div class="item_wrap">
  1565. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1566. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1567. </div>
  1568. <div class="item_wrap">
  1569. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1570. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1571. </div>
  1572. </div>
  1573. <p>Вариант 2</p>
  1574. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1575. <div class="text">
  1576. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1577. <p>Характеристики:</p>
  1578. <p>Толщина 0,5 мм</p>
  1579. </div>
  1580. </div>
  1581.  
  1582. <div id="pan6_4" class="tab-pane fade">
  1583. <div class="item_color">
  1584. <p>Доступные цвета:</p>
  1585. <div class="item_wrap">
  1586. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1587. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1588. </div>
  1589. <div class="item_wrap">
  1590. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1591. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1592. </div>
  1593. <div class="item_wrap">
  1594. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1595. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1596. </div>
  1597. <div class="item_wrap">
  1598. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1599. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1600. </div>
  1601. <div class="item_wrap">
  1602. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1603. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1604. </div>
  1605. <div class="item_wrap">
  1606. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1607. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1608. </div>
  1609. </div>
  1610. <p>Вариант 2</p>
  1611. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1612. <div class="text">
  1613. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1614. <p>Характеристики:</p>
  1615. <p>Толщина 0,5 мм</p>
  1616. </div>
  1617. </div>
  1618.  
  1619. <div id="pan6_5" class="tab-pane fade">
  1620. <div class="item_color">
  1621. <p>Доступные цвета:</p>
  1622. <div class="item_wrap">
  1623. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1624. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1625. </div>
  1626. <div class="item_wrap">
  1627. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1628. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1629. </div>
  1630. <div class="item_wrap">
  1631. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1632. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1633. </div>
  1634. <div class="item_wrap">
  1635. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1636. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1637. </div>
  1638. <div class="item_wrap">
  1639. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1640. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1641. </div>
  1642. <div class="item_wrap">
  1643. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1644. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1645. </div>
  1646. </div>
  1647. <p>Вариант 2</p>
  1648. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1649. <div class="text">
  1650. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1651. <p>Характеристики:</p>
  1652. <p>Толщина 0,5 мм</p>
  1653. </div>
  1654. </div>
  1655.  
  1656. <div id="pan6_6" class="tab-pane fade">
  1657. <div class="item_color">
  1658. <p>Доступные цвета:</p>
  1659. <div class="item_wrap">
  1660. <input type="radio" id="radio1" value="Красный RAL 37588" />
  1661. <label for="radio1"><span class="red"></span>Красный RAL 37588</label>
  1662. </div>
  1663. <div class="item_wrap">
  1664. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1665. <label for="radio1"><span class="blue"></span>Синий RAL 37588</label>
  1666. </div>
  1667. <div class="item_wrap">
  1668. <input type="radio" id="radio1" value="Белый RAL 37588" />
  1669. <label for="radio1"><span class="white"></span>Белый RAL 37588</label>
  1670. </div>
  1671. <div class="item_wrap">
  1672. <input type="radio" id="radio1" value="Черный RAL 37588" />
  1673. <label for="radio1"><span class="black"></span>Черный RAL 37588</label>
  1674. </div>
  1675. <div class="item_wrap">
  1676. <input type="radio" id="radio1" value="Желтый RAL 37588" />
  1677. <label for="radio1"><span class="yellow"></span>Желтый RAL 37588</label>
  1678. </div>
  1679. <div class="item_wrap">
  1680. <input type="radio" id="radio1" value="Синий RAL 37588" />
  1681. <label for="radio1"><span class="blue2"></span>Синий RAL 37588</label>
  1682. </div>
  1683. </div>
  1684. <p>Вариант 2</p>
  1685. <img src="img/s2_var_image.jpg" alt="" class="img-responsive">
  1686. <div class="text">
  1687. <p>Отдельного внимания заслуживает мастика для кровли. Отличительная черта которой – отсутствие швов и стыков. Для высокой прочности наливного покрытия, его армируют.</p>
  1688. <p>Характеристики:</p>
  1689. <p>Толщина 0,5 мм</p>
  1690. </div>
  1691. </div>
  1692. </div>
  1693. <div class="btn_wrap">
  1694. <button type="submit" class="btn btn-form hidden-xs" data-toggle="modal" data-target=".modalForm3"><span></span>скачать прайс</button>
  1695. </div>
  1696. </div>
  1697. </div>
  1698. </div>
  1699. </div>
  1700.  
  1701.  
  1702.  
  1703.  
  1704.  
  1705.  
  1706.  
  1707.  
  1708.  
  1709.  
  1710.  
  1711.  
  1712. </div>
  1713. </div>
  1714. </div>
  1715. <div class="row">
  1716. <div class="col-md-12">
  1717. <div class="btn_wrap">
  1718. <button type="submit" class="btn btn-form" data-toggle="modal" data-target=".modalForm2"><span></span>скачайте полный каталог с ценами</button>
  1719. </div>
  1720. </div>
  1721. </div>
  1722. </div>
  1723. </section>
  1724.  
  1725.  
  1726. <section class="section_3" id="section_3">
  1727. <div class="container">
  1728. <div class="row">
  1729. <div class="col-md-12">
  1730. <h2>Рассчитайте стоимость вашего объекта за<br>30 секунд</h2>
  1731. <p>И получите</p>
  1732. </div>
  1733. </div>
  1734. <div class="row">
  1735. <div class="col-md-12">
  1736. <div class="s_block">
  1737. <div class="text">
  1738. <span></span>
  1739. <p>Рассчитаем точные сроки работ</p>
  1740. </div>
  1741. <div class="text">
  1742. <span class="span2"></span>
  1743. <p>Рассчитаем точную стоимость</p>
  1744. </div>
  1745. <div class="text">
  1746. <span class="span3"></span>
  1747. <p>Вышлем полную смету в тот же день</p>
  1748. </div>
  1749. </div>
  1750. </div>
  1751. </div>
  1752. <div class="btn_wrap">
  1753. <button type="submit" class="btn" data-toggle="modal" data-target=".modalQuize"><span></span><a>рассчитать онлайн</a></button>
  1754. </div>
  1755. </div>
  1756. </section>
  1757.  
  1758. <section class="section_4" id="section_4">
  1759. <div class="container">
  1760. <div class="row">
  1761. <div class="col-md-12">
  1762. <h2>Скачайте полный каталог<br>кровельных материалов</h2>
  1763. <p>с ценами и примерами выполненных объектов</p>
  1764. </div>
  1765. </div>
  1766. <div class="row">
  1767. <div class="col-md-12">
  1768. <div class="s_block">
  1769. <div class="block_wrap block_wrap1">
  1770. <span></span>
  1771. <p>Вы увидете актуальные<br>позиции каталога</p>
  1772. </div>
  1773. <div class="block_wrap">
  1774. <span class="span2"></span>
  1775. <p>Все позиции собраны<br>в одном документе</p>
  1776. </div>
  1777. <div class="block_wrap block_wrap3">
  1778. <span class="span3"></span>
  1779. <p>Вышлем каталог<br>в течении часа</p>
  1780. </div>
  1781. </div>
  1782. </div>
  1783. </div>
  1784. <div class="row">
  1785. <div class="col-md-11">
  1786. <div class="form_block">
  1787. <div class="form_wrap">
  1788. <div class="rectangle"></div>
  1789. <form class="form" role="form" method="post" action="mail.php" id="form2"
  1790. enctype="multipart/form-data">
  1791. <h4>при заказе с сайта -10%</h4>
  1792. <p>Заполните данные и каталог автоматически<br>
  1793. скачается на ваш компьютер</p>
  1794. <div class="form-group">
  1795. <input type="text" name="contact_name" required class="form-control" id="name2" placeholder="Ваше имя">
  1796. </div>
  1797. <div class="form-group">
  1798. <input type="text" name="contact_tel" required class="form-control" id="phone2" placeholder="Телефон">
  1799. </div>
  1800. <input type="hidden" name="formname" value="Форма в блоке:4">
  1801. <div class="btn_wrap">
  1802. <button type="submit" data-id="form2" class="btn"><span></span>скачать полный каталог</button>
  1803. </div>
  1804. <span>PDF 2.1 mb</span>
  1805. </form>
  1806. <img src="img/s4_form_image.png" alt="" class="img-responsive">
  1807. </div>
  1808. </div>
  1809. </div>
  1810. </div>
  1811. </div>
  1812. </section>
  1813.  
  1814. <section class="section_5" id="section_5">
  1815. <div class="container">
  1816. <div class="row">
  1817. <div class="col-md-12">
  1818. <h2>Дополнительно комплектуем</h2>
  1819. <p>Даем возможность покупать все для крыши в одном месте по лучшим ценам без переплат</p>
  1820. </div>
  1821. </div>
  1822. <div class="content_wrap">
  1823. <div class="row">
  1824. <div class="col-md-3 col-sm-6">
  1825. <div class="cont">
  1826. <img src="img/s5_im1.jpg">
  1827. <p>Водостоки</p>
  1828. <span><a href="#">подробнее</a></span>
  1829. </div>
  1830. </div>
  1831. <div class="col-md-3 col-sm-6">
  1832. <div class="cont">
  1833. <img src="img/s5_im2.jpg">
  1834. <p>Софиты</p>
  1835. <span><a href="#">подробнее</a></span>
  1836. </div>
  1837. </div>
  1838. <div class="col-md-3 col-sm-6">
  1839. <div class="cont">
  1840. <img src="img/s5_im3.jpg">
  1841. <p>Мансардные окна</p>
  1842. <span><a href="#">подробнее</a></span>
  1843. </div>
  1844. </div>
  1845. <div class="col-md-3 col-sm-6">
  1846. <div class="cont">
  1847. <img src="img/s5_im4.jpg">
  1848. <p>Гидропаро изоляция</p>
  1849. <span><a href="#">подробнее</a></span>
  1850. </div>
  1851. </div>
  1852. </div>
  1853. <div class="row">
  1854. <div class="col-md-3 col-sm-6">
  1855. <div class="cont">
  1856. <img src="img/s5_im5.jpg">
  1857. <p>Теплоизоляция</p>
  1858. <span><a href="#">подробнее</a></span>
  1859. </div>
  1860. </div>
  1861. <div class="col-md-3 col-md-push-6 col-sm-6">
  1862. <div class="cont">
  1863. <img src="img/s5_im6.jpg">
  1864. <p>Комплектующие</p>
  1865. <span><a href="#">подробнее</a></span>
  1866. </div>
  1867. </div>
  1868. <div class="col-md-6 col-md-pull-3 col-md-offset-0 col-sm-10 col-sm-offset-1">
  1869. <div class="form_block">
  1870. <div class="form_wrap">
  1871. <div class="rectangle"></div>
  1872. <form class="form" role="form" method="post" action="mail.php" id="form3"
  1873. enctype="multipart/form-data">
  1874. <h4>загрузить полный каталог с ценами</h4>
  1875. <p>Заполните данные и получите доступ к каталогу<br>
  1876. дополнительных элементов с ценами</p>
  1877. <div class="form-group">
  1878. <input type="text" name="contact_name" required class="form-control" id="name3" placeholder="Ваше имя">
  1879. </div>
  1880. <div class="form-group">
  1881. <input type="text" name="contact_tel" required class="form-control" id="phone3" placeholder="Телефон">
  1882. </div>
  1883. <input type="hidden" name="formname" value="Форма в блоке: 5">
  1884. <div class="btn_wrap">
  1885. <button type="submit" data-id="form3" class="btn"><span></span><a href="#">загрузить каталог</a></button>
  1886. </div>
  1887. <span>PDF 2.1 mb</span>
  1888. </form>
  1889. </div>
  1890. </div>
  1891. </div>
  1892. </div>
  1893. </div>
  1894. </div>
  1895. </section>
  1896.  
  1897. <section class="section_6" id="section_6">
  1898. <div class="container">
  1899. <div class="row">
  1900. <div class="col-md-12">
  1901. <h2>Наш проекты</h2>
  1902. </div>
  1903. </div>
  1904. <div class="row">
  1905. <div class="section-pb">
  1906. <div class="slider">
  1907. <div class="slide">
  1908. <div class="container">
  1909. <div class="row">
  1910. <div class="col-md-3 col-sm-3">
  1911. <div class="slide_content1">
  1912. <img src="img/s6_im2.jpg" class="img-responsive" alt="">
  1913. <h4>Загородный дом на берегу<br> реки в Иваново</h4>
  1914. <p>Материал: Металлочерепица<br>Цвет: RAL 25441</p>
  1915. </div>
  1916. </div>
  1917. <div class="col-md-6 col-sm-6">
  1918. <div class="slide-descr">
  1919. <div class="slide_content2">
  1920. <div class="image_wrap img-responsive"></div>
  1921. <img src="img/s6_im.jpg" class="img-responsive" alt="">
  1922. <h4>Загородный дом на берегу<br> реки в Иваново</h4>
  1923. <p>Материал: Металлочерепица<br>Цвет: RAL 25441</p>
  1924. </div>
  1925. </div>
  1926. </div>
  1927. <div class="col-md-3 col-sm-3">
  1928. <div class="slide_content3">
  1929. <img src="img/s6_im3.jpg" class="img-responsive" alt="">
  1930. <h4>Загородный дом на берегу<br> реки в Иваново</h4>
  1931. <p>Материал: Металлочерепица<br>Цвет: RAL 25441</p>
  1932. </div>
  1933. </div>
  1934. </div>
  1935. </div>
  1936. </div>
  1937. <div class="slide">
  1938. <div class="container">
  1939. <div class="row">
  1940. <div class="col-md-3 col-sm-3">
  1941. <div class="slide_content1">
  1942. <img src="img/s6_im2.jpg" class="img-responsive" alt="">
  1943. <h4>Загородный дом на берегу<br> реки в Иваново</h4>
  1944. <p>Материал: Металлочерепица<br>Цвет: RAL 25441</p>
  1945. </div>
  1946. </div>
  1947. <div class="col-md-6 col-sm-6">
  1948. <div class="slide-descr">
  1949. <div class="slide_content2">
  1950. <div class="image_wrap"></div>
  1951. <img src="img/s6_im.jpg" class="img-responsive" alt="">
  1952. <h4>Загородный дом на берегу<br> реки в Иваново</h4>
  1953. <p>Материал: Металлочерепица<br>Цвет: RAL 25441</p>
  1954. </div>
  1955. </div>
  1956. </div>
  1957. <div class="col-md-3 col-sm-3">
  1958. <div class="slide_content3">
  1959. <img src="img/s6_im3.jpg" class="img-responsive" alt="">
  1960. <h4>Загородный дом на берегу<br> реки в Иваново</h4>
  1961. <p>Материал: Металлочерепица<br>Цвет: RAL 25441</p>
  1962. </div>
  1963. </div>
  1964. </div>
  1965. </div>
  1966. </div>
  1967. <div class="slide">
  1968. <div class="container">
  1969. <div class="row">
  1970. <div class="col-md-3 col-sm-3">
  1971. <div class="slide_content1">
  1972. <img src="img/s6_im2.jpg" class="img-responsive" alt="">
  1973. <h4>Загородный дом на берегу<br> реки в Иваново</h4>
  1974. <p>Материал: Металлочерепица<br>Цвет: RAL 25441</p>
  1975. </div>
  1976. </div>
  1977. <div class="col-md-6 col-sm-6">
  1978. <div class="slide-descr">
  1979. <div class="slide_content2">
  1980. <div class="image_wrap"></div>
  1981. <img src="img/s6_im.jpg" class="img-responsive" alt="">
  1982. <h4>Загородный дом на берегу<br> реки в Иваново</h4>
  1983. <p>Материал: Металлочерепица<br>Цвет: RAL 25441</p>
  1984. </div>
  1985. </div>
  1986. </div>
  1987. <div class="col-md-3 col-sm-3">
  1988. <div class="slide_content3">
  1989. <img src="img/s6_im3.jpg" class="img-responsive" alt="">
  1990. <h4>Загородный дом на берегу<br> реки в Иваново</h4>
  1991. <p>Материал: Металлочерепица<br>Цвет: RAL 25441</p>
  1992. </div>
  1993. </div>
  1994. </div>
  1995. </div>
  1996. </div>
  1997. <div class="slide">
  1998. <div class="container">
  1999. <div class="row">
  2000. <div class="col-md-3 col-sm-3">
  2001. <div class="slide_content1">
  2002. <img src="img/s6_im2.jpg" class="img-responsive" alt="">
  2003. <h4>Загородный дом на берегу<br> реки в Иваново</h4>
  2004. <p>Материал: Металлочерепица<br>Цвет: RAL 25441</p>
  2005. </div>
  2006. </div>
  2007. <div class="col-md-6 col-sm-6">
  2008. <div class="slide-descr">
  2009. <div class="slide_content2">
  2010. <div class="image_wrap"></div>
  2011. <img src="img/s6_im.jpg" class="img-responsive" alt="">
  2012. <h4>Загородный дом на берегу<br> реки в Иваново</h4>
  2013. <p>Материал: Металлочерепица<br>Цвет: RAL 25441</p>
  2014. </div>
  2015. </div>
  2016. </div>
  2017. <div class="col-md-3 col-sm-3">
  2018. <div class="slide_content3">
  2019. <img src="img/s6_im3.jpg" class="img-responsive" alt="">
  2020. <h4>Загородный дом на берегу<br> реки в Иваново</h4>
  2021. <p>Материал: Металлочерепица<br>Цвет: RAL 25441</p>
  2022. </div>
  2023. </div>
  2024. </div>
  2025. </div>
  2026. </div>
  2027. <div class="slide">
  2028. <div class="container">
  2029. <div class="row">
  2030. <div class="col-md-3 col-sm-3">
  2031. <div class="slide_content1">
  2032. <img src="img/s6_im2.jpg" class="img-responsive" alt="">
  2033. <h4>Загородный дом на берегу<br> реки в Иваново</h4>
  2034. <p>Материал: Металлочерепица<br>Цвет: RAL 25441</p>
  2035. </div>
  2036. </div>
  2037. <div class="col-md-6 col-sm-6">
  2038. <div class="slide-descr">
  2039. <div class="slide_content2">
  2040. <div class="image_wrap"></div>
  2041. <img src="img/s6_im.jpg" class="img-responsive" alt="">
  2042. <h4>Загородный дом на берегу<br> реки в Иваново</h4>
  2043. <p>Материал: Металлочерепица<br>Цвет: RAL 25441</p>
  2044. </div>
  2045. </div>
  2046. </div>
  2047. <div class="col-md-3 col-sm-3">
  2048. <div class="slide_content3">
  2049. <img src="img/s6_im3.jpg" class="img-responsive" alt="">
  2050. <h4>Загородный дом на берегу<br> реки в Иваново</h4>
  2051. <p>Материал: Металлочерепица<br>Цвет: RAL 25441</p>
  2052. </div>
  2053. </div>
  2054. </div>
  2055. </div>
  2056. </div>
  2057. </div>
  2058. </div>
  2059. <div class="btn_wrap">
  2060. <button type="submit" class="btn btn-form" data-toggle="modal" data-target=".modalForm2"><span></span>скачайте полный каталог с ценами</button>
  2061. </div>
  2062. </div>
  2063. </div>
  2064. </section>
  2065.  
  2066. <section class="section_7" id="section_7">
  2067. <div class="container">
  2068. <div class="row">
  2069. <div class="col-md-12">
  2070. <h2>Даем гарантии, которые не могут<br>себе позволить 95% компаний</h2>
  2071. <p>Юридически отвечаем перед вами за качество продукции и всей нашей работы</p>
  2072. </div>
  2073. </div>
  2074. <div class="row">
  2075. <div class="col-md-12">
  2076. <div class="tab_wrap">
  2077. <ul class="nav nav-tabs nav-tabs2">
  2078. <li class="active"><a data-toggle="tab" href="#counter_1">Гарантии</a></li>
  2079. <li><a data-toggle="tab" href="#counter_2">Сертификаты</a></li>
  2080. <li><a data-toggle="tab" href="#counter_3">Дипломы</a></li>
  2081. </ul>
  2082. </div>
  2083. </div>
  2084. <div class="tab-content">
  2085. <div id="counter_1" class="tab-pane fade in active">
  2086. <div class="row">
  2087. <div class="col-md-3 col-sm-6">
  2088. <div class="i_wrap">
  2089. <div class="icon_wrap"></div>
  2090. <div class="icon">
  2091. <img src="img/s7_icon1.png">
  2092. </div>
  2093. </div>
  2094. <p>Гарантия качества</p>
  2095. <p>Под описание гарантий которое расскажет почему эта гарантия реальная</p>
  2096. </div>
  2097. <div class="col-md-3 col-sm-6">
  2098. <div class="i_wrap">
  2099. <div class="icon_wrap icon_wrap2"></div>
  2100. <div class="icon">
  2101. <img src="img/s7_icon2.png">
  2102. </div>
  2103. </div>
  2104. <p>Гарантия качества</p>
  2105. <p>Под описание гарантий которое расскажет почему эта гарантия реальная</p>
  2106. </div>
  2107. <div class="col-md-3 col-sm-6">
  2108. <div class="i_wrap">
  2109. <div class="icon_wrap icon_wrap3"></div>
  2110. <div class="icon">
  2111. <img src="img/s7_icon3.png">
  2112. </div>
  2113. </div>
  2114. <p>Гарантия качества</p>
  2115. <p>Под описание гарантий которое расскажет почему эта гарантия реальная</p>
  2116. </div>
  2117. <div class="col-md-3 col-sm-6">
  2118. <div class="i_wrap">
  2119. <div class="icon_wrap icon_wrap4"></div>
  2120. <div class="icon">
  2121. <img src="img/s7_icon4.png">
  2122. </div>
  2123. </div>
  2124. <p>Гарантия качества</p>
  2125. <p>Под описание гарантий которое расскажет почему эта гарантия реальная</p>
  2126. </div>
  2127. </div>
  2128. </div>
  2129. <div id="counter_3" class="tab-pane fade">
  2130. <div class="row">
  2131. <div class="col-md-4 col-sm-4">
  2132. <div class="img_wrap">
  2133. <div class="im_wrap">
  2134. <img src="img/diplom.jpg" class="img-responsive" alt="">
  2135. </div>
  2136. </div>
  2137. <p>Гарантия качества</p>
  2138. <p>Под описание гарантий которое расскажет почему эта гарантия реальная</p>
  2139. </div>
  2140. <div class="col-md-4 col-sm-4">
  2141. <div class="img_wrap">
  2142. <div class="im_wrap">
  2143. <img src="img/diplom.jpg" class="img-responsive" alt="">
  2144. </div>
  2145. </div>
  2146. <p>Гарантия качества</p>
  2147. <p>Под описание гарантий которое расскажет почему эта гарантия реальная</p>
  2148. </div>
  2149. <div class="col-md-4 col-sm-4">
  2150. <div class="img_wrap">
  2151. <div class="im_wrap">
  2152. <img src="img/diplom.jpg" class="img-responsive" alt="">
  2153. </div>
  2154. </div>
  2155. <p>Гарантия качества</p>
  2156. <p>Под описание гарантий которое расскажет почему эта гарантия реальная</p>
  2157. </div>
  2158. </div>
  2159. </div>
  2160. <div id="counter_2" class="tab-pane fade">
  2161. <div class="row">
  2162. <div class="col-md-4 col-sm-4">
  2163. <div class="img_wrap">
  2164. <div class="image_wrap">
  2165. <img src="img/sertificat.jpg" class="img-responsive" alt="">
  2166. </div>
  2167. </div>
  2168. <p>Гарантия качества</p>
  2169. <p>Под описание гарантий которое расскажет почему эта гарантия реальная</p>
  2170. </div>
  2171. <div class="col-md-4 col-sm-4">
  2172. <div class="img_wrap">
  2173. <div class="image_wrap">
  2174. <img src="img/sertificat.jpg" class="img-responsive" alt="">
  2175. </div>
  2176. </div>
  2177. <p>Гарантия качества</p>
  2178. <p>Под описание гарантий которое расскажет почему эта гарантия реальная</p>
  2179. </div>
  2180. <div class="col-md-4 col-sm-4">
  2181. <div class="img_wrap">
  2182. <div class="image_wrap">
  2183. <img src="img/sertificat.jpg" class="img-responsive" alt="">
  2184. </div>
  2185. </div>
  2186. <p>Гарантия качества</p>
  2187. <p>Под описание гарантий которое расскажет почему эта гарантия реальная</p>
  2188. </div>
  2189. </div>
  2190. </div>
  2191. </div>
  2192. </div>
  2193. </div>
  2194. </section>
  2195.  
  2196. <section class="section_8" id="section_8">
  2197. <div class="container">
  2198. <div class="row">
  2199. <div class="col-md-12">
  2200. <h2>Получите полный расчет и сэкономьте<br>до 7000&#8381; на кровле</h2>
  2201. </div>
  2202. </div>
  2203. </div>
  2204. <div class="image_wrap">
  2205. <img src="img/s8_image.png">
  2206. </div>
  2207. <div class="container">
  2208. <div class="row">
  2209. <div class="cont_wrap">
  2210. <div class="col-lg-10 col-lg-offset-2 col-md-12">
  2211. <div class="s_block">
  2212. <div class="block left">
  2213. <span></span>
  2214. <p>Рассчитаем точные сроки работ</p>
  2215. </div>
  2216. <div class="block left">
  2217. <span class="span2"></span>
  2218. <p>Рассчитаем точную стоимость</p>
  2219. </div>
  2220. <div class="block left">
  2221. <span class="span3"></span>
  2222. <p>Вышлем полную смету в тот же день</p>
  2223. </div>
  2224. <div class="btn_wrap">
  2225. <button type="submit" class="btn" data-toggle="modal" data-target=".modalQuize"><span></span><a>получить расчёт кровли онлайн</a></button>
  2226. </div>
  2227. </div>
  2228. </div>
  2229. </div>
  2230. </div>
  2231. </div>
  2232. <div class="container">
  2233. <div class="row">
  2234. <div class="col-md-12">
  2235. <div class="bottom_block">
  2236. <span ><a href="#" data-toggle="modal" data-target=".modalQuize">СМОТРЕТЬ<br>пример<br>расчёта</a></span>
  2237. </div>
  2238. </div>
  2239. </div>
  2240. </section>
  2241.  
  2242. <section class="section_9" id="section_9">
  2243. <div class="container">
  2244. <div class="row">
  2245. <div class="col-md-12">
  2246. <h2>А также:</h2>
  2247. </div>
  2248. </div>
  2249. <div class="content_wrap">
  2250. <div class="col-md-4 col-md-offset-0 col-sm-8 col-sm-offset-2">
  2251. <div class="cont_wrap cont_wrap1">
  2252. <div class="over">
  2253. <div class="dark_block dark_block1"></div>
  2254. </div>
  2255. <img src="img/s9_icon1.png">
  2256. <div class="btn_wrap">
  2257. <button type="submit" class="btn btn-form" data-toggle="modal" data-target=".modalForm1"><span></span>Заявка на бесплатный замер</button>
  2258. </div>
  2259. </div>
  2260. </div>
  2261. <div class="col-md-4 col-md-offset-0 col-sm-8 col-sm-offset-2">
  2262. <div class="cont_wrap cont_wrap2">
  2263. <div class="over">
  2264. <div class="dark_block dark_block2"></div>
  2265. </div>
  2266. <img src="img/s9_icon2.png">
  2267. <div class="btn_wrap">
  2268. <button type="submit" class="btn btn-form" data-toggle="modal" data-target=".modalForm1"><span></span>Получить консультацию</button>
  2269. </div>
  2270. </div>
  2271. </div>
  2272. <div class="col-md-4 col-md-offset-0 col-sm-8 col-sm-offset-2">
  2273. <div class="cont_wrap cont_wrap3">
  2274. <div class="over">
  2275. <div class="dark_block dark_block3"></div>
  2276. </div>
  2277. <img src="img/s9_icon3.png">
  2278. <div class="btn_wrap">
  2279. <button type="submit" class="btn btn-form" data-toggle="modal" data-target=".modalForm1"><span></span>Заявка на монтаж</button>
  2280. </div>
  2281. </div>
  2282. </div>
  2283. </div>
  2284. </div>
  2285. </section>
  2286.  
  2287. <section class="section_10" id="section_10">
  2288. <div class="container">
  2289. <div class="row">
  2290. <div class="col-md-12">
  2291. <h2>Как происходит работа с нами</h2>
  2292. <p>Ознакомьтесь с 5-ю этапами решения задач по кровле</p>
  2293. </div>
  2294. </div>
  2295. <div class="row">
  2296. <div class="col-md-12">
  2297. <div class="block_wrap">
  2298. <div class="image_wrap">
  2299. <img src="img/s10_image.png" alt="" class="img-responsive">
  2300. </div>
  2301. <div class="context_wrap">
  2302. <div class="icon_wrap icon_wrap1">
  2303. <p><a href="#" data-toggle="modal" data-target=".modalForm1">Заявка на сайте</a></p>
  2304. <div><span></span></div>
  2305. </div>
  2306. <div class="icon_wrap icon_wrap2">
  2307. <p><a href="#" data-toggle="modal" data-target=".modalForm1">Подбор и рассчёт стоимости</a></p>
  2308. <div><span></span></div>
  2309. </div>
  2310.  
  2311. <div class="icon_wrap icon_wrap3">
  2312. <p>Договор</p>
  2313. <div><span></span></div>
  2314. </div>
  2315. <div class="icon_wrap icon_wrap4">
  2316. <p>Изготовление и доставка</p>
  2317. <div><span></span></div>
  2318. </div>
  2319. <div class="icon_wrap icon_wrap5">
  2320. <p>Монтаж (по необходимости)</p>
  2321. <div><span></span></div>
  2322. </div>
  2323. </div>
  2324. </div>
  2325. </div>
  2326. </div>
  2327. </div>
  2328. </section>
  2329.  
  2330. <section class="section_11" id="section_11">
  2331. <div class="container">
  2332. <div class="row">
  2333. <div class="col-md-12">
  2334. <h2>Приезжайте к нам в офис</h2>
  2335. <h4>наш офис находится по адресу</h4>
  2336. <p>г. Брест, ул. Пионерская 86, оф. 11</p>
  2337. </div>
  2338. </div>
  2339. <div class="row">
  2340. <div class="col-md-6 col-sm-12">
  2341. <div class="photo_wrap">
  2342. <h4>фото офиса</h4>
  2343. <img src="img/s11_im1.jpg" alt="" class="img-responsive">
  2344. <img src="img/s11_im2.jpg" alt="" class="img-responsive">
  2345. <img src="img/s11_im3.jpg" alt="" class="img-responsive">
  2346. </div>
  2347. </div>
  2348. <div class="col-md-6 col-sm-12">
  2349. <div class="map_wrap">
  2350. <h4>схема проезда</h4>
  2351. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2451.134924261004!2d23.729779953104615!3d52.09547598541404!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47210c1d47c9768b%3A0xb25b9d40f1ef09a5!2zMTEsINGD0LsuINCf0LjQvtC90LXRgNGB0LrQsNGPIDg2LCDQkdGA0LXRgdGC!5e0!3m2!1sru!2sby!4v1521194123119" width="555" height="320" frameborder="0" style="border:0" allowfullscreen></iframe>
  2352. </div>
  2353. </div>
  2354. </div>
  2355. <div class="bottom_block">
  2356. <div class="row">
  2357. <div class="col-md-4 col-sm-4 col-xs-12">
  2358. <div class="phone_wrap">
  2359. <p>Телефоны:</p>
  2360. <a class="tel" href="tel:+375 29 727 58 81">+375 29 727 58 81</a><br>
  2361. <a class="tel" href="tel:+375 29 727 58 81">+375 29 727 58 81</a><br>
  2362. <div class="btn_wrap">
  2363. <button type="submit" class="btn btn-form" data-toggle="modal" data-target=".modalForm1"><span></span>заказать звонок</button>
  2364. </div>
  2365. </div>
  2366. </div>
  2367. <div class="col-md-4 col-sm-3 col-xs-12">
  2368. <p>Почта</p>
  2369. <a href="mailto:info@pararsfg.by">info@pararsfg.by</a>
  2370. </div>
  2371. <div class="col-md-4 col-sm-5 col-xs-12">
  2372. <div class="soc_wrap">
  2373. <p>Мы в социальных сетях:</p>
  2374. <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
  2375. <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  2376. <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  2377. <a href="#"><i class="fa fa-vk" aria-hidden="true"></i></a>
  2378. <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  2379. <a href="#"><i class="fa fa-odnoklassniki" aria-hidden="true"></i></a>
  2380. <a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a>
  2381. </div>
  2382. </div>
  2383. </div>
  2384. </div>
  2385. </div>
  2386. </section>
  2387.  
  2388. <div id="my-footer">
  2389. <div class="footer">
  2390. <div class="container">
  2391. <div class="row">
  2392. <div class="col-md-6 col-sm-7 col-xs-12">
  2393. <div class="logo_wrap">
  2394. <a href="" class="logo"><img src="img/logo.png" alt="Строительные традиции" class="img-responsive"></a>
  2395. <p>Надежный кровельные материалы<br>высокого качества. Оптимальное<br>соотношение качества и цены.</p>
  2396. </div>
  2397. </div>
  2398. <div class="col-md-4 col-sm-3 col-xs-12">
  2399. <p>УНП 299428942<br>Брест 2018. Все права защищены</p>
  2400. </div>
  2401. <div class="col-md-2 col-sm-2 col-xs-12">
  2402. <p>Создание сайта:</p>
  2403. <a href="mailto:Paradigma.by">Paradigma.by</a>
  2404. </div>
  2405. </div>
  2406. </div>
  2407. </div>
  2408. </div>
  2409. </div>
  2410.  
  2411. <div class="modal fade modalForm1" tabindex="-1" role="dialog" aria-hidden="true">
  2412. <div class="modal-dialog">
  2413. <div class="modal-content">
  2414. <div class="modal-header">
  2415. <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
  2416. </div>
  2417. <form class="form" role="form" method="post" action="mail.php" id="form4"
  2418. enctype="multipart/form-data">
  2419. <h4>заказать звонок</h4>
  2420. <p>Заполните данные и мы<br>перезвоним в течение 2-х часов</p>
  2421. <div class="form-group">
  2422. <input type="text" name="contact_name" required class="form-control" id="name4" placeholder="Ваше имя">
  2423. </div>
  2424. <div class="form-group">
  2425. <input type="text" name="contact_tel" required class="form-control" id="phone4" placeholder="Телефон">
  2426. </div>
  2427. <input type="hidden" name="formname" value="Форма в блоке: modal-page">
  2428. <div class="btn_wrap">
  2429. <button type="submit" data-id="form4" class="btn"><span></span>заказать звонок</button>
  2430. </div>
  2431. </form>
  2432. </div>
  2433. </div>
  2434. </div>
  2435.  
  2436. <div class="modal fade modalForm2" tabindex="-1" role="dialog" aria-hidden="true">
  2437. <div class="modal-dialog">
  2438. <div class="modal-content">
  2439. <div class="modal-header">
  2440. <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
  2441. </div>
  2442. <form class="form" role="form" method="post" action="mail.php" id="form5"
  2443. enctype="multipart/form-data">
  2444. <h4>скачать каталог с ценами</h4>
  2445. <p>Заполните данные и каталог<br>автоматически скачается</p>
  2446. <div class="form-group">
  2447. <input type="text" name="contact_name" required class="form-control" id="name5" placeholder="Ваше имя">
  2448. </div>
  2449. <div class="form-group">
  2450. <input type="text" name="contact_tel" required class="form-control" id="phone5" placeholder="Телефон">
  2451. </div>
  2452. <input type="hidden" name="formname" value="Форма в блоке: modal-page">
  2453. <div class="btn_wrap">
  2454. <button type="submit" data-id="form5" class="btn"><span></span>скачать</button>
  2455. </div>
  2456. <span class="file">PDF 2.1 mb</span>
  2457. </form>
  2458. <img src="img/form_image2.png" alt="" class="img-responsive">
  2459. </div>
  2460. </div>
  2461. </div>
  2462.  
  2463. <div class="modal fade modalForm3" tabindex="-1" role="dialog" aria-hidden="true">
  2464. <div class="modal-dialog">
  2465. <div class="modal-content">
  2466. <div class="modal-header">
  2467. <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
  2468. </div>
  2469. <form class="form" role="form" method="post" action="mail.php" id="form6"
  2470. enctype="multipart/form-data">
  2471. <h4>скачать полный прайс</h4>
  2472. <p>Заполните данные и прайс<br>автоматически скачается</p>
  2473. <div class="form-group">
  2474. <input type="text" name="contact_name" required class="form-control" id="name6" placeholder="Ваше имя">
  2475. </div>
  2476. <div class="form-group">
  2477. <input type="text" name="contact_tel" required class="form-control" id="phone6" placeholder="Телефон">
  2478. </div>
  2479. <input type="hidden" name="formname" value="Форма в блоке: modal-page">
  2480. <div class="btn_wrap">
  2481. <button type="submit" data-id="form6" class="btn"><span></span>скачать</button>
  2482. </div>
  2483. <span class="file">PDF 2.1 mb</span>
  2484. </form>
  2485. <img src="img/form_image3.png" alt="" class="img-responsive">
  2486. </div>
  2487. </div>
  2488. </div>
  2489.  
  2490. <div class="modal fade modalQuize" tabindex="-1" role="dialog" aria-hidden="true">
  2491. <div class="modal-dialog modal-md">
  2492. <div class="modal-content">
  2493. <div class="modal-header">
  2494. <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
  2495. </div>
  2496. <div class="container-fluide">
  2497. <div class="quiz">
  2498. <form role="form" method="post" action="mail.php" id="form7">
  2499. <div class="mm-survey">
  2500. </div>
  2501. <div class="mm-survey-results">
  2502. <div class="mm-survey-results-container">
  2503. <div class="row">
  2504. <div class="col-md-3 hidden-sm hidden-xs">
  2505. <div class="bg">
  2506. <div class="text">
  2507. <h2>Спасибо!</h2>
  2508. <p>Тест успешно пройден</p>
  2509. </div>
  2510. </div>
  2511. </div>
  2512. <div class="col-md-6 col-sm-8">
  2513. <div class="quiz__questions-list">
  2514. <div class="question__block question__block_active">
  2515. <div class="question__number"></div>
  2516. <legend class="question__text"><h3>Менеджер уже приступил<br>к расчёту кровли</h3>
  2517. <p>Введите Ваш телефон и получите<br>стоимость в течение 15 минут на:</p>
  2518. </legend>
  2519. </div>
  2520. <div class="answers">
  2521.  
  2522. <div class="answer-group" >
  2523. <input class="magic-radio" type="radio" id="q7-a0" name="q7" value="Да" data-value="" /><label for="q7-a0"><img src="img/quize/mail.png"> По SMS</label>
  2524. </div>
  2525.  
  2526. <div class="answer-group" >
  2527. <input class="magic-radio" type="radio" id="q7-a1" name="q7" value="Да" data-value="" /><label for="q7-a1"><img src="img/quize/viber.png"> Viber</label>
  2528. </div>
  2529.  
  2530. <div class="answer-group" >
  2531. <input class="magic-radio" type="radio" id="q7-a2" name="q7" value="Да" data-value="" /><label for="q7-a2"><img src="img/quize/tel.png"> Telegram</label>
  2532. </div>
  2533.  
  2534. <div class="answer-group" >
  2535. <input class="magic-radio" type="radio" id="q7-a3" name="q7" value="Да" data-value="" /><label for="q7-a3"><img src="img/quize/app.png"> WhatsApp</label>
  2536. </div>
  2537.  
  2538. <div class="row">
  2539. <div class="col-md-12 col-sm-12">
  2540. <div class="answer-group">
  2541. <input type="text" name="contact_tel" id="phone7" required placeholder="+375 (**) *** *** *">
  2542. </div>
  2543. </div>
  2544. </div>
  2545. <input type="hidden" name="formname" value="Форма в блоке: quize">
  2546. <button type="submit" data-id="form7" class="btn"><span></span>получить стоимость кровли</button>
  2547. </div>
  2548. </div>
  2549. </div>
  2550. <div class="col-md-3 col-sm-4">
  2551. <div class="question__comment">
  2552. <h3>Ваш подарок:</h3>
  2553. <div class="present_wrap">
  2554. <img src="img/quize/present1.jpg" class="img-responsive" alt="" id="qu">
  2555. </div>
  2556. </div>
  2557. </div>
  2558. </div>
  2559. </div>
  2560. </div>
  2561. <div class="mm-survey-bottom">
  2562. <div class="mm-survey-container">
  2563.  
  2564. <div class="page_1">
  2565. <div class="mm-survey-page active" data-page="1">
  2566. <div class="mm-survery-content">
  2567. <div class="row">
  2568. <div class="col-md-3 hidden-sm hidden-xs">
  2569. <div class="bg"></div>
  2570. </div>
  2571. <div class="col-md-9 col-sm-12 ">
  2572. <div class="hide_block">
  2573. <h2>Ответьте на 7 вопросов и получите:</h2>
  2574. <div class="text_wrap">
  2575. <span></span><p>Точную стоимость кровли и работ</p>
  2576. </div>
  2577. <div class="text_wrap text_wrap2">
  2578. <span></span><p>Гарантированный подарок на выбор</p>
  2579. </div>
  2580. </div>
  2581. <div class="mm-survey-progress">
  2582. <div class="mm-survey-progress-bar mm-progress"></div>
  2583. </div>
  2584. <div class="mm-survey-question">
  2585. <div class="question__block question__block_active">
  2586. <div class="question__number"><h4>шаг 1 из 7</h4></div>
  2587. <div class="question__description">
  2588. <legend class="question__text">Выберите тип крыши</legend>
  2589. <div class="question__answer"></div>
  2590. </div>
  2591. </div>
  2592. </div>
  2593. <div class="item_wrap">
  2594. <div class="answers">
  2595. <div class="mm-survey-item">
  2596. <input class="magic-radio" type="radio" id="radio01" data-item="1" name="radio1" value="Односкатная крыша" data-value="1" /><label for="radio01"><img src="img/quize/step1_im1.jpg" alt="" class="img-responsive"><span>Односкатная крыша</span></label>
  2597. </div>
  2598. <div class="mm-survey-item">
  2599. <input class="magic-radio" type="radio" id="radio02" data-item="1" name="radio1" value="Двускатная" data-value="2" /><label for="radio02"><img src="img/quize/step1_im2.jpg" alt="" class="img-responsive"><span>Двускатная</span></label>
  2600. </div>
  2601. <div class="mm-survey-item">
  2602. <input class="magic-radio" type="radio" id="radio03" data-item="1" name="radio1" value="Четырехскатная вальмовая" data-value="3" /><label for="radio03"><img src="img/quize/step1_im3.jpg" alt="" class="img-responsive"><span>Четырехскатная вальмовая</span></label>
  2603. </div>
  2604. <div class="mm-survey-item" >
  2605. <input class="magic-radio" type="radio" id="radio04" data-item="1" name="radio1" value="Мансардная ломаная" data-value="4" /><label for="radio04"><img src="img/quize/step1_im4.jpg" alt="" class="img-responsive"><span>Мансардная ломаная</span></label>
  2606. </div>
  2607. <div class="mm-survey-item">
  2608. <input class="magic-radio" type="radio" id="radio05" data-item="1" name="radio1" value="Четырехскатная шатровая" data-value="5" /><label for="radio05"><img src="img/quize/step1_im5.jpg" alt="" class="img-responsive"><span>Четырехскатная шатровая</span></label>
  2609. </div>
  2610. <div class="mm-survey-item last-item" >
  2611. <input class="magic-radio" type="radio" id="radio06" data-item="1" name="radio1" value="Полувальмовая" data-value="6"><label for="radio06"><img src="img/quize/step1_im6.jpg" alt="" class="img-responsive"><span>Полувальмовая</span></label>
  2612. </div>
  2613. </div>
  2614. </div>
  2615. </div>
  2616. </div>
  2617. </div>
  2618. </div>
  2619. </div>
  2620.  
  2621. <div class="page_2">
  2622. <div class="mm-survey-page" data-page="2">
  2623. <div class="mm-survery-content">
  2624. <div class="row">
  2625. <div class="col-md-3 hidden-sm hidden-xs">
  2626. <div class="bg"></div>
  2627. </div>
  2628. <div class="col-md-9">
  2629. <div class="mm-survey-progress">
  2630. <div class="mm-survey-progress-bar mm-progress"></div>
  2631. </div>
  2632. <div class="mm-survey-question">
  2633. <div class="question__block question__block_active">
  2634. <div class="question__number"><h4>шаг 2 из 7</h4></div>
  2635. <div class="question__description">
  2636. <legend class="question__text">Выберите тип покрытия</legend>
  2637. <div class="question__answer"></div>
  2638. </div>
  2639. </div>
  2640. </div>
  2641. <div class="item_wrap">
  2642. <div class="answers">
  2643. <div class="mm-survey-item">
  2644. <input class="magic-radio" type="radio" id="radio07" data-item="2" name="radio2" value="Металлочерепица" /><label for="radio07"><img src="img/quize/step2_im1.jpg" alt="" class="img-responsive"><span>Металлочерепица</span></label>
  2645. </div>
  2646. <div class="mm-survey-item" >
  2647. <input class="magic-radio" type="radio" id="radio08" data-item="2" name="radio2" value="Битумная черепица"/><label for="radio08"><img src="img/quize/step2_im2.jpg" alt="" class="img-responsive"><span>Битумная черепица</span></label>
  2648. </div>
  2649. <div class="mm-survey-item" >
  2650. <input class="magic-radio" type="radio" id="radio09" data-item="2" name="radio2" value="Модульная металлочерепица" /><label for="radio09"><img src="img/quize/step2_im3.jpg" alt="" class="img-responsive"><span>Модульная металлочерепица</span></label>
  2651. </div>
  2652. <div class="mm-survey-item" >
  2653. <input class="magic-radio" type="radio" id="radio10" data-item="2" name="radio2" value="Керамическая металлочерепица" /><label for="radio10"><img src="img/quize/step2_im4.jpg" alt="" class="img-responsive"><span>Керамическая металлочерепица</span></label>
  2654. </div>
  2655. <div class="mm-survey-item" >
  2656. <input class="magic-radio" type="radio" id="radio11" data-item="2" name="radio2" value="Фальцевая кровля"/><label for="radio11"><img src="img/quize/step2_im5.jpg" alt="" class="img-responsive"><span>Фальцевая кровля</span></label>
  2657. </div>
  2658. <div class="mm-survey-item last-item" >
  2659. <input class="magic-radio" type="radio" id="radio12" data-item="2" name="radio2" value="Композитная черепица"><label for="radio12"><img src="img/quize/step2_im6.jpg" alt="" class="img-responsive"><span>Композитная черепица</span></label>
  2660. </div>
  2661. </div>
  2662. </div>
  2663. </div>
  2664. </div>
  2665. </div>
  2666. </div>
  2667. </div>
  2668.  
  2669. <div class="page_3">
  2670. <div class="mm-survey-page" data-page="3">
  2671. <div class="mm-survery-content">
  2672. <div class="row">
  2673. <div class="col-md-3 hidden-sm hidden-xs">
  2674. <div class="bg"></div>
  2675. </div>
  2676. <div class="col-md-9 col-sm-12">
  2677. <div class="mm-survey-progress">
  2678. <div class="mm-survey-progress-bar mm-progress"></div>
  2679. </div>
  2680. <div class="mm-survey-question">
  2681. <div class="question__block question__block_active">
  2682. <div class="question__number"><h4>шаг 3 из 7</h4></div>
  2683. <div class="question__description">
  2684. <legend class="question__text">Введите площадь крыши либо размеры дома</legend>
  2685. <div class="question__answer"></div>
  2686. </div>
  2687. </div>
  2688. </div>
  2689. <div class="item_wrap">
  2690. <div class="answers">
  2691. <div class="mm-survey-item" >
  2692. <img src="img/quize/step3_im1.jpg" alt="" class="img-responsive">
  2693. <input type="radio" id="radio13" data-item="3" name="radio3" value="Площадь крыши"><label class="magic-text" for="radio13">Площадь крыши<br><input type="text" placeholder="Например: 250 кв. м."></label>
  2694. </div>
  2695. <div class="mm-survey-item last-item" >
  2696. <img src="img/quize/step3_im2.jpg" alt="" class="img-responsive">
  2697. <input type="radio" id="radio14" data-item="3" name="radio3" value="Размеры дома"><label class="magic-text" for="radio14">Размеры дома<br><input type="text" placeholder="15 х 16 м"></label>
  2698. </div>
  2699. </div>
  2700. </div>
  2701. </div>
  2702. </div>
  2703. </div>
  2704. </div>
  2705. </div>
  2706.  
  2707. <div class="page_4">
  2708. <div class="mm-survey-page" data-page="4">
  2709. <div class="mm-survery-content">
  2710. <div class="row">
  2711. <div class="col-md-3 hidden-sm hidden-xs">
  2712. <div class="bg"></div>
  2713. </div>
  2714. <div class="col-md-9 col-sm-12">
  2715. <div class="mm-survey-progress">
  2716. <div class="mm-survey-progress-bar mm-progress"></div>
  2717. </div>
  2718. <div class="mm-survey-question">
  2719. <div class="question__block question__block_active">
  2720. <div class="question__number"><h4>шаг 4 из 7</h4></div>
  2721. <div class="question__description">
  2722. <legend class="question__text">Укажите дополнительную комплектацию</legend>
  2723. <div class="question__answer"></div>
  2724. </div>
  2725. </div>
  2726. </div>
  2727. <div class="item_wrap">
  2728. <div class="answers">
  2729. <div class="mm-survey-item">
  2730. <input class="magic-checkbox" type="checkbox" id="radio15" data-item="4" name="radio4" value="Гидроизоляционные пленки" data-value="1" /><label for="radio15"><img src="img/quize/step4_im1.jpg" alt="" class="img-responsive"><span>Гидроизоляционные<br>пленки</span></label>
  2731. </div>
  2732. <div class="mm-survey-item mm-survey-item1" >
  2733. <input class="magic-checkbox" type="checkbox" id="radio16" data-item="4" name="radio4" value="Конек" data-value="2" /><label for="radio16"><img src="img/quize/step4_im2.jpg" alt="" class="img-responsive"><span>Конек</span></label>
  2734. </div>
  2735. <div class="mm-survey-item" >
  2736. <input class="magic-checkbox" type="checkbox" id="radio17" data-item="4" name="radio4" value="Ветровая (торцевая) планка" data-value="3" /><label for="radio17"><img src="img/quize/step4_im3.jpg" alt="" class="img-responsive"><span>Ветровая (торцевая)<br>планка</span></label>
  2737. </div>
  2738. <div class="mm-survey-item" >
  2739. <input class="magic-checkbox" type="checkbox" id="radio18" data-item="4" name="radio4" value="Карнизная планка" data-value="6"><label for="radio18"><img src="img/quize/step4_im4.jpg" alt="" class="img-responsive"><span>Карнизная планка</span></label>
  2740. </div>
  2741. <div class="mm-survey-item" >
  2742. <input class="magic-checkbox" type="checkbox" id="radio19" data-item="4" name="radio4" value="Ендова (ендовные планки)" data-value="4" /><label for="radio19"><img src="img/quize/step4_im5.jpg" alt="" class="img-responsive"><span>Ендова (ендовные<br> планки)</span></label>
  2743. </div>
  2744. <div class="mm-survey-item" >
  2745. <input class="magic-checkbox" type="checkbox" id="radio20" data-item="4" name="radio4" value="Планки примыкания" data-value="5" /><label for="radio20"><img src="img/quize/step4_im6.jpg" alt="" class="img-responsive"><span>Планки примыкания</span></label>
  2746. </div>
  2747. <div class="mm-survey-item" >
  2748. <input class="magic-checkbox" type="checkbox" id="radio21" data-item="4" name="radio4" value="Саморезы" data-value="6"><label for="radio21"><img src="img/quize/step4_im7.jpg" alt="" class="img-responsive"><span>Саморезы</span></label>
  2749. </div>
  2750. <div class="mm-survey-item last-item" >
  2751. <input class="magic-checkbox" type="checkbox" id="radio22" data-item="4" name="radio4" value="Водосточная система" data-value="6"><label for="radio22"><img src="img/quize/step4_im8.jpg" alt="" class="img-responsive"><span>Водосточная система</span></label>
  2752. </div>
  2753. </div>
  2754. </div>
  2755. </div>
  2756. </div>
  2757. </div>
  2758. </div>
  2759. </div>
  2760.  
  2761. <div class="page_5">
  2762. <div class="mm-survey-page" data-page="5">
  2763. <div class="mm-survery-content">
  2764. <div class="row">
  2765. <div class="col-md-3 hidden-sm hidden-xs">
  2766. <div class="bg"></div>
  2767. </div>
  2768. <div class="col-md-9 col-sm-12">
  2769. <div class="mm-survey-progress">
  2770. <div class="mm-survey-progress-bar mm-progress"></div>
  2771. </div>
  2772. <div class="mm-survey-question">
  2773. <div class="question__block question__block_active">
  2774. <div class="question__number"><h4>шаг 5 из 7</h4></div>
  2775. <div class="question__description">
  2776. <legend class="question__text">Нужен ли монтаж</legend>
  2777. <div class="question__answer"></div>
  2778. </div>
  2779. </div>
  2780. </div>
  2781. <div class="item_wrap">
  2782. <div class="answers">
  2783. <div class="mm-survey-item" >
  2784. <input class="magic-radio" type="radio" id="radio23" data-item="5" name="radio5" value="Нужен монтаж"><label for="radio23"><img src="img/quize/step5_im1.jpg" alt="" class="img-responsive"><span>Нужен монтаж</span></label>
  2785. </div>
  2786. <div class="mm-survey-item" >
  2787. <input class="magic-radio" type="radio" id="radio24" data-item="5" name="radio5" value="Я справлюсь своими силами"><label for="radio24"><img src="img/quize/step5_im2.jpg" alt="" class="img-responsive"><span>Я справлюсь своими силами</span></label>
  2788. </div>
  2789. </div>
  2790. </div>
  2791. </div>
  2792. </div>
  2793. </div>
  2794. </div>
  2795. </div>
  2796.  
  2797. <div class="page_6">
  2798. <div class="mm-survey-page" data-page="6">
  2799. <div class="mm-survery-content">
  2800. <div class="row">
  2801. <div class="col-md-3 hidden-sm hidden-xs">
  2802. <div class="bg"></div>
  2803. </div>
  2804. <div class="col-md-9 col-sm-12">
  2805. <div class="mm-survey-progress">
  2806. <div class="mm-survey-progress-bar mm-progress"></div>
  2807. </div>
  2808. <div class="mm-survey-question">
  2809. <div class="question__block question__block_active">
  2810. <div class="question__number"><h4>шаг 6 из 7</h4></div>
  2811. <div class="question__description">
  2812. <legend class="question__text">Выберите Ваш подарок</legend>
  2813. <div class="question__answer"></div>
  2814. </div>
  2815. </div>
  2816. </div>
  2817. <div class="item_wrap">
  2818. <div class="answers">
  2819. <div class="mm-survey-item" >
  2820. <input class="magic-radio" type="radio" id="radio25" data-item="6" name="radio6" value="Трехметровый снегозадержатель"><label for="radio25"><img src="img/quize/step6_im1.jpg" alt="" class="img-responsive"><span>Трехметровый<br>снегозадержатель</span></label>
  2821. </div>
  2822. <div class="mm-survey-item" >
  2823. <input class="magic-radio" type="radio" id="radio27" data-item="6" name="radio6" value="Балон с краской"><label for="radio27"><img src="img/quize/step6_im2.jpg" alt="" class="img-responsive"><span>Балон с краской</span></label>
  2824. </div>
  2825. <div class="mm-survey-item" >
  2826. <input class="magic-radio" type="radio" id="radio28" data-item="6" name="radio6" value="Скидка на мансардные окна -20%"><label for="radio28"><img src="img/quize/step6_im3.jpg" alt="" class="img-responsive"><span>Скидка на мансардные окна -20%</span></label>
  2827. </div>
  2828. </div>
  2829. </div>
  2830. </div>
  2831. </div>
  2832. </div>
  2833. </div>
  2834. </div>
  2835. </div>
  2836.  
  2837. <div class="row">
  2838. <div class="col-md-9 col-md-offset-3 col-sm-12">
  2839. <div class="mm-survey-controller">
  2840. <div class="mm-next-btn">
  2841. <button disabled="true"><span></span>перейти к следующему шагу</button>
  2842. </div>
  2843. <div class="mm-finish-btn">
  2844. <button><span></span>перейти к следующему шагу</button>
  2845. </div>
  2846. </div>
  2847. </div>
  2848. </div>
  2849. </div>
  2850. </form>
  2851. </div>
  2852. </div>
  2853. </div>
  2854. </div>
  2855. </div>
  2856.  
  2857.  
  2858.  
  2859.  
  2860.  
  2861.  
  2862.  
  2863.  
  2864. <script src="libs/jquery/jquery-1.11.2.min.js"></script>
  2865. <script src="libs/mmenu/js/jquery.mmenu.all.min.js"></script>
  2866. <script src="js/scripts.min.js"></script>
  2867. <script>var scr = {"scripts":[
  2868. {"src" : "libs/waypoints/waypoints.min.js", "async" : false},
  2869. {"src" : "libs/animate/animate-css.js", "async" : false},
  2870. {"src" : "libs/fancybox-2.1.7/source/jquery.fancybox.js", "async" : false},
  2871. {"src" : "libs/plugins-scroll/plugins-scroll.js", "async" : false},
  2872. {"src" : "libs/equalHeight/jquery.equalheights.min.js", "async" : false},
  2873. {"src" : "libs/owl/owl.carousel.min.js", "async" : false},
  2874. {"src" : "js/common.js", "async" : false}
  2875. ]};!function(t,n,r){"use strict";var c=function(t){if("[object Array]"!==Object.prototype.toString.call(t))return!1;for(var r=0;r<t.length;r++){var c=n.createElement("script"),e=t[r];c.src=e.src,c.async=e.async,n.body.appendChild(c)}return!0};t.addEventListener?t.addEventListener("load",function(){c(r.scripts);},!1):t.attachEvent?t.attachEvent("onload",function(){c(r.scripts)}):t.onload=function(){c(r.scripts)}}(window,document,scr);
  2876. </script>
  2877.  
  2878. </div>
  2879. </body>
  2880. </html>
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!