API tools faq
paste
Advertisement
Guest User

roin peru

a guest
Sep 25th, 2018
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.84 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-- Basic -->
  6. <meta charset="utf-8">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.  
  9. <title>PORTADA | ROIN PERU S.A.C.</title>
  10.  
  11. <!-- Favicon -->
  12. <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
  13. <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
  14.  
  15. <!-- Mobile Metas -->
  16. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
  17.  
  18. <!-- Web Fonts -->
  19. <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css">
  20.  
  21. <!-- Vendor CSS -->
  22. <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
  23. <link rel="stylesheet" href="vendor/font-awesome/css/fontawesome-all.min.css">
  24. <link rel="stylesheet" href="vendor/animate/animate.min.css">
  25. <link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.min.css">
  26. <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.min.css">
  27. <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css">
  28. <link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.min.css">
  29.  
  30. <!-- Theme CSS -->
  31. <link rel="stylesheet" href="css/theme.css">
  32. <link rel="stylesheet" href="css/theme-elements.css">
  33. <link rel="stylesheet" href="css/theme-blog.css">
  34. <link rel="stylesheet" href="css/theme-shop.css">
  35.  
  36. <!-- Current Page CSS -->
  37. <link rel="stylesheet" href="vendor/rs-plugin/css/settings.css">
  38. <link rel="stylesheet" href="vendor/rs-plugin/css/layers.css">
  39. <link rel="stylesheet" href="vendor/rs-plugin/css/navigation.css">
  40. <link rel="stylesheet" href="vendor/nivo-slider/nivo-slider.css">
  41. <link rel="stylesheet" href="vendor/nivo-slider/default/default.css">
  42.  
  43. <!-- Demo CSS -->
  44. <link rel="stylesheet" href="css/demos/demo-construction.css">
  45.  
  46. <!-- Skin CSS -->
  47. <link rel="stylesheet" href="css/skins/skin-construction.css">
  48.  
  49. <!-- Theme Custom CSS -->
  50. <link rel="stylesheet" href="css/custom.css">
  51.  
  52. <!-- Head Libs -->
  53. <script src="vendor/modernizr/modernizr.min.js"></script>
  54.  
  55. </head>
  56. <body data-spy="scroll" data-target="#sidebar" data-offset="120">
  57.  
  58. <div class="body">
  59. <header id="header" class="header-narrow header-semi-transparent-light" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyStartAt': 1, 'stickySetTop': '1'}">
  60. <div class="header-body">
  61. <div class="header-container container">
  62. <div class="header-row">
  63. <div class="header-column">
  64. <div class="header-row">
  65. <div class="header-logo">
  66. <img class="logo-default" alt="Porto" width="324" height="212" src="img/demos/construction/logo-construction.png">
  67. <a href="demo-construction.html">
  68. <img class="logo-small" alt="Porto" width="150" height="60" src="img/demos/construction/logo-construction-small.png">
  69. </a>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="header-column justify-content-end">
  74. <div class="header-row">
  75. <div class="header-nav header-nav-stripe">
  76. <div class="header-nav-main header-nav-main-square header-nav-main-effect-2 header-nav-main-sub-effect-1">
  77. <nav class="collapse">
  78. <ul class="nav nav-pills" id="mainNav">
  79. <li>
  80. <a class="nav-link active" href="demo-construction.html">
  81. Inicio
  82. </a>
  83. </li>
  84. <li>
  85. <a class="nav-link" href="demo-construction-company.html">
  86. Empresa
  87. </a>
  88. </li>
  89. <li class="dropdown">
  90. <a class="nav-link dropdown-toggle" href="demo-construction-services.html">
  91. Servicios
  92. </a>
  93. <ul class="dropdown-menu">
  94. <li><a class="dropdown-item" href="demo-construction-services-detail.html">Pre-Construction</a></li>
  95. <li><a class="dropdown-item" href="demo-construction-services-detail.html">General Construction</a></li>
  96. <li><a class="dropdown-item" href="demo-construction-services-detail.html">Plumbing</a></li>
  97. <li><a class="dropdown-item" href="demo-construction-services-detail.html">Painting</a></li>
  98. </ul>
  99. </li>
  100. <li>
  101. <a class="nav-link" href="demo-construction-projects.html">
  102. Proyectos
  103. </a>
  104. </li>
  105. <li>
  106. <a class="nav-link" href="demo-construction-blog.html">
  107. Blog
  108. </a>
  109. </li>
  110. <li>
  111. <a class="nav-link" href="demo-construction-contact.html">
  112. Contáctenos
  113. </a>
  114. </li>
  115. </ul>
  116. </nav>
  117. </div>
  118. <ul class="header-social-icons social-icons d-none d-lg-block">
  119. <li class="social-icons-facebook"><a href="http://www.facebook.com/" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
  120. <li class="social-icons-twitter"><a href="http://webmail.roinperu.com" target="_blank" title="Webmail"><i class="fas fa-envelope"></i></a></li>
  121. </ul>
  122. <button class="btn header-btn-collapse-nav" data-toggle="collapse" data-target=".header-nav-main nav">
  123. <i class="fas fa-bars"></i>
  124. </button>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. </header>
  132.  
  133. <div role="main" class="main">
  134. <div class="slider-container light rev_slider_wrapper" style="height: 700px;">
  135. <div id="revolutionSlider" class="slider rev_slider" data-version="5.4.7" data-plugin-revolution-slider data-plugin-options="{'delay': 9000, 'gridwidth': 1170, 'gridheight': 700, 'disableProgressBar': 'on'}">
  136. <ul>
  137. <li data-transition="fade">
  138. <img src="img/demos/construction/slides/slide-construction-1.jpg"
  139. alt=""
  140. data-bgposition="center 100%"
  141. data-bgfit="cover"
  142. data-bgrepeat="no-repeat"
  143. class="rev-slidebg">
  144.  
  145. <div class="tp-caption top-label tp-caption-custom-stripe"
  146. data-x="right" data-hoffset="100"
  147. data-y="bottom" data-voffset="101"
  148. data-start="1000"
  149. data-transform_in="x:[100%];opacity:0;s:1000;">#1 FASTEST-GROWING COMPANY</div>
  150. </li>
  151. <li data-transition="fade">
  152. <img src="img/demos/construction/slides/slide-construction-2.jpg"
  153. alt=""
  154. data-bgposition="center 100%"
  155. data-bgfit="cover"
  156. data-bgrepeat="no-repeat"
  157. class="rev-slidebg">
  158.  
  159. <div class="tp-caption top-label tp-caption-custom-stripe"
  160. data-x="right" data-hoffset="180"
  161. data-y="bottom" data-voffset="101"
  162. data-start="1000"
  163. data-transform_in="x:[100%];opacity:0;s:1000;">MODERN OFFICES DESIGN</div>
  164. </li>
  165. <li data-transition="fade">
  166. <img src="img/demos/construction/slides/slide-construction-3.jpg"
  167. alt=""
  168. data-bgposition="center 100%"
  169. data-bgfit="cover"
  170. data-bgrepeat="no-repeat"
  171. class="rev-slidebg">
  172.  
  173. <div class="tp-caption top-label tp-caption-custom-stripe"
  174. data-x="right" data-hoffset="180"
  175. data-y="bottom" data-voffset="101"
  176. data-start="1000"
  177. data-transform_in="x:[100%];opacity:0;s:1000;">roin1</div>
  178. </li>
  179. <li data-transition="fade">
  180. <img src="img/demos/construction/slides/slide-construction-3.jpg"
  181. alt=""
  182. data-bgposition="center 100%"
  183. data-bgfit="cover"
  184. data-bgrepeat="no-repeat"
  185. class="rev-slidebg">
  186.  
  187. <div class="tp-caption top-label tp-caption-custom-stripe"
  188. data-x="right" data-hoffset="180"
  189. data-y="bottom" data-voffset="101"
  190. data-start="1000"
  191. data-transform_in="x:[100%];opacity:0;s:1000;">roin2</div>
  192. </li>
  193. </ul>
  194. </div>
  195. </div>
  196.  
  197. <div class="container">
  198. <div class="row mt-4 mt-lg-5 mb-4 py-4">
  199. <div class="col-lg-4">
  200. <h2 class="mb-0 text-color-dark">Who We Are</h2>
  201. <p class="lead">Lorem ipsum dolor sit amet.</p>
  202. </div>
  203. <div class="col-lg-2 text-center d-none d-lg-block">
  204. <img src="img/dotted-line-angle.png" class="img-fluid" />
  205. </div>
  206. <div class="col-lg-6">
  207. <p>Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque imperdiet. Nulla lacinia iaculis nulla.</p>
  208. <a class="mt-3" href="demo-construction-company.html">Learn More <i class="fas fa-long-arrow-alt-right"></i></a>
  209. </div>
  210. </div>
  211. </div>
  212.  
  213. <section class="section section-tertiary section-no-border section-custom-construction">
  214. <div class="container">
  215. <div class="row pt-4">
  216. <div class="col">
  217. <h2 class="mb-0 text-color-dark">Services</h2>
  218. <p class="lead">Lorem ipsum dolor sit amet.</p>
  219. </div>
  220. </div>
  221.  
  222. <div class="row mt-4">
  223. <div class="col-lg-6">
  224. <div class="feature-box feature-box-style-2 custom-feature-box mb-4 appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
  225. <div class="feature-box-icon">
  226. <img src="img/demos/construction/icons/ground-construction.png" alt="" class="img-fluid" />
  227. </div>
  228. <div class="feature-box-info ml-3">
  229. <h4 class="mb-2">Pre-Construction</h4>
  230. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque imperdiet. Nulla lacinia iaculis nulla.</p>
  231. <a class="mt-3" href="demo-construction-services-detail.html">Learn More <i class="fas fa-long-arrow-alt-right"></i></a>
  232. </div>
  233. </div>
  234. </div>
  235. <div class="col-lg-6">
  236. <div class="feature-box feature-box-style-2 custom-feature-box mb-4 appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="0">
  237. <div class="feature-box-icon">
  238. <img src="img/demos/construction/icons/construction.png" alt="" class="img-fluid" />
  239. </div>
  240. <div class="feature-box-info ml-3">
  241. <h4 class="mb-2">General Construction</h4>
  242. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque imperdiet. Nulla lacinia iaculis nulla.</p>
  243. <a class="mt-3" href="demo-construction-services-detail.html">Learn More <i class="fas fa-long-arrow-alt-right"></i></a>
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248.  
  249. <div class="row mt-3 mb-4">
  250. <div class="col-lg-6">
  251. <div class="feature-box feature-box-style-2 custom-feature-box mb-4 appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="300">
  252. <div class="feature-box-icon">
  253. <img src="img/demos/construction/icons/painting.png" alt="" class="img-fluid" />
  254. </div>
  255. <div class="feature-box-info ml-3">
  256. <h4 class="mb-2">Painting</h4>
  257. <p>Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.</p>
  258. <a class="mt-3" href="demo-construction-services-detail.html">Learn More <i class="fas fa-long-arrow-alt-right"></i></a>
  259. </div>
  260. </div>
  261. </div>
  262. <div class="col-lg-6">
  263. <div class="feature-box feature-box-style-2 custom-feature-box mb-4 appear-animation" data-appear-animation="fadeInUp" data-appear-animation-delay="0">
  264. <div class="feature-box-icon">
  265. <img src="img/demos/construction/icons/plumbing.png" alt="" class="img-fluid" />
  266. </div>
  267. <div class="feature-box-info ml-3">
  268. <h4 class="mb-2">Plumbing</h4>
  269. <p>Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.</p>
  270. <a class="mt-3" href="demo-construction-services-detail.html">Learn More <i class="fas fa-long-arrow-alt-right"></i></a>
  271. </div>
  272. </div>
  273. </div>
  274. </div>
  275. </div>
  276. </section>
  277.  
  278. <section class="pt-3 pb-4 home-concept-construction">
  279. <div class="container">
  280. <div class="row pt-4">
  281. <div class="col">
  282. <h2 class="mb-0 text-color-dark">Projects</h2>
  283. <p class="lead">Lorem ipsum dolor sit amet.</p>
  284.  
  285. <div class="diamonds-wrapper lightbox" data-plugin-options="{'delegate': '.diamond', 'type': 'image', 'gallery': {'enabled': true}}">
  286. <ul class="diamonds">
  287. <li>
  288. <a href="img/demos/construction/gallery/construction-gallery-1.jpg" class="diamond">
  289. <div class="content">
  290. <img src="img/demos/construction/gallery/construction-gallery-1.jpg" class="img-fluid" />
  291. </div>
  292. </a>
  293. </li>
  294. <li>
  295. <a href="img/demos/construction/gallery/construction-gallery-2.jpg" class="diamond">
  296. <div class="content">
  297. <img src="img/demos/construction/gallery/construction-gallery-2.jpg" class="img-fluid" />
  298. </div>
  299. </a>
  300. </li>
  301. <li>
  302. <a href="img/demos/construction/gallery/construction-gallery-3.jpg" class="diamond">
  303. <div class="content">
  304. <img src="img/demos/construction/gallery/construction-gallery-3.jpg" class="img-fluid" />
  305. </div>
  306. </a>
  307. </li>
  308. <li>
  309. <a href="img/demos/construction/gallery/construction-gallery-4.jpg" class="diamond diamond-sm">
  310. <div class="content">
  311. <img src="img/demos/construction/gallery/construction-gallery-4.jpg" class="img-fluid" />
  312. </div>
  313. </a>
  314. </li>
  315. <li>
  316. <a href="img/demos/construction/gallery/construction-gallery-5.jpg" class="diamond">
  317. <div class="content">
  318. <img src="img/demos/construction/gallery/construction-gallery-5.jpg" class="img-fluid" />
  319. </div>
  320. </a>
  321. </li>
  322. <li>
  323. <a href="img/demos/construction/gallery/construction-gallery-6.jpg" class="diamond diamond-sm">
  324. <div class="content">
  325. <img src="img/demos/construction/gallery/construction-gallery-6.jpg" class="img-fluid" />
  326. </div>
  327. </a>
  328. </li>
  329. <li>
  330. <a href="img/demos/construction/gallery/construction-gallery-7.jpg" class="diamond diamond-sm">
  331. <div class="content">
  332. <img src="img/demos/construction/gallery/construction-gallery-7.jpg" class="img-fluid" />
  333. </div>
  334. </a>
  335. </li>
  336. </ul>
  337. </div>
  338.  
  339. </div>
  340. </div>
  341. <div class="row row-diamonds-description justify-content-center justify-content-xl-start text-center text-xl-left">
  342. <div class="col-md-8 col-lg-6">
  343. <p>Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.</p>
  344. <a class="btn btn-outline btn-primary" href="demo-construction-projects.html">View All Projects</a>
  345. </div>
  346. </div>
  347. </div>
  348. </section>
  349.  
  350. <section class="section section-background mb-4" style="background-image: url(img/demos/construction/testimonials/testimonials-bg.jpg); background-position: 50% 100%; min-height: 540px; background-size: cover;">
  351. <div class="container">
  352. <div class="row justify-content-end">
  353. <div class="col-lg-6">
  354.  
  355. <div class="owl-carousel owl-theme nav-bottom rounded-nav mt-4 pt-4 mb-4 pb-4" data-plugin-options="{'items': 1, 'loop': false}">
  356. <div>
  357. <div class="col">
  358. <div class="testimonial testimonial-style-2 testimonial-with-quotes mb-0">
  359. <blockquote>
  360. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce ante tellus, convallis non consectetur sed, pharetra nec ex.</p>
  361. </blockquote>
  362. <div class="testimonial-author">
  363. <p><strong>Ana Smith</strong><span>Porto Magazine</span></p>
  364. </div>
  365. </div>
  366. </div>
  367. </div>
  368. <div>
  369. <div class="col">
  370. <div class="testimonial testimonial-style-2 testimonial-with-quotes mb-0">
  371. <blockquote>
  372. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  373. </blockquote>
  374. <div class="testimonial-author">
  375. <p><strong>Jessica Smith</strong><span>Porto Magazine</span></p>
  376. </div>
  377. </div>
  378. </div>
  379. </div>
  380. </div>
  381.  
  382. </div>
  383. </div>
  384. </div>
  385. </section>
  386.  
  387. <section class="pt-3 section-custom-construction-2">
  388. <div class="container">
  389. <div class="row">
  390. <div class="col-lg-12 text-center">
  391. <div class="owl-carousel owl-theme stage-margin rounded-nav" data-plugin-options="{'margin': 10, 'loop': true, 'nav': true, 'dots': false, 'stagePadding': 40, 'items': 6, 'autoplay': true, 'autoplayTimeout': 3000}">
  392. <div>
  393. <img class="img-fluid" src="img/logos/logo-1.png" alt="">
  394. </div>
  395. <div>
  396. <img class="img-fluid" src="img/logos/logo-2.png" alt="">
  397. </div>
  398. <div>
  399. <img class="img-fluid" src="img/logos/logo-3.png" alt="">
  400. </div>
  401. <div>
  402. <img class="img-fluid" src="img/logos/logo-4.png" alt="">
  403. </div>
  404. <div>
  405. <img class="img-fluid" src="img/logos/logo-5.png" alt="">
  406. </div>
  407. <div>
  408. <img class="img-fluid" src="img/logos/logo-6.png" alt="">
  409. </div>
  410. <div>
  411. <img class="img-fluid" src="img/logos/logo-7.png" alt="">
  412. </div>
  413. <div>
  414. <img class="img-fluid" src="img/logos/logo-8.png" alt="">
  415. </div>
  416. <div>
  417. <img class="img-fluid" src="img/logos/logo-9.png" alt="">
  418. </div>
  419. <div>
  420. <img class="img-fluid" src="img/logos/logo-10.png" alt="">
  421. </div>
  422. <div>
  423. <img class="img-fluid" src="img/logos/logo-11.png" alt="">
  424. </div>
  425.  
  426. <div>
  427. <img class="img-fluid" src="img/logos/logo-12.png" alt="">
  428. </div>
  429. </div>
  430. </div>
  431. </div>
  432. <div class="row">
  433. <div class="col-lg-12 text-center mt-4">
  434. <hr class="solid mt-0 mb-4">
  435. </div>
  436. </div>
  437. <div class="row pt-4">
  438. <div class="col">
  439. <h2 class="mb-0 text-color-dark">Blog</h2>
  440. <p class="lead mb-2">Lorem ipsum dolor sit amet.</p>
  441. </div>
  442. </div>
  443. <div class="row">
  444. <div class="col-lg-4">
  445. <div class="recent-posts mt-4">
  446. <a href="demo-construction-blog-detail.html">
  447. <img class="img-fluid pb-3" src="img/demos/construction/blog/blog-construction-1.jpg" alt="Blog">
  448. </a>
  449. <article class="post">
  450. <div class="date">
  451. <span class="day">15</span>
  452. <span class="month">Jan</span>
  453. </div>
  454. <h4 class="pt-3 pb-0 mb-0"><a class="text-color-dark" href="demo-construction-blog-detail.html">Lorem ipsum dolor sit amet</a></h4>
  455. <p>By admin</p>
  456. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero.</p>
  457. <a class="mt-3" href="demo-construction-blog-detail.html">Read More <i class="fas fa-long-arrow-alt-right"></i></a>
  458. </article>
  459. </div>
  460. </div>
  461. <div class="col-lg-4">
  462. <div class="recent-posts mt-4">
  463. <a href="demo-construction-blog-detail.html">
  464. <img class="img-fluid pb-3" src="img/demos/construction/blog/blog-construction-2.jpg" alt="Blog">
  465. </a>
  466. <article class="post">
  467. <div class="date">
  468. <span class="day">15</span>
  469. <span class="month">Jan</span>
  470. </div>
  471. <h4 class="pt-3 pb-0 mb-0"><a class="text-color-dark" href="demo-construction-blog-detail.html">Lorem ipsum dolor sit amet</a></h4>
  472. <p>By admin</p>
  473. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero.</p>
  474. <a class="mt-3" href="demo-construction-blog-detail.html">Read More <i class="fas fa-long-arrow-alt-right"></i></a>
  475. </article>
  476. </div>
  477. </div>
  478. <div class="col-lg-4">
  479. <div class="recent-posts mt-4">
  480. <a href="demo-construction-blog-detail.html">
  481. <img class="img-fluid pb-3" src="img/demos/construction/blog/blog-construction-3.jpg" alt="Blog">
  482. </a>
  483. <article class="post">
  484. <div class="date">
  485. <span class="day">15</span>
  486. <span class="month">Jan</span>
  487. </div>
  488. <h4 class="pt-3 pb-0 mb-0"><a class="text-color-dark" href="demo-construction-blog-detail.html">Lorem ipsum dolor sit amet</a></h4>
  489. <p>By admin</p>
  490. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero.</p>
  491. <a class="mt-3" href="demo-construction-blog-detail.html">Read More <i class="fas fa-long-arrow-alt-right"></i></a>
  492. </article>
  493. </div>
  494. </div>
  495. </div>
  496. </div>
  497. </section>
  498. </div>
  499.  
  500. <footer id="footer">
  501. <div class="container">
  502. <div class="row">
  503. <div class="col-lg-3">
  504. <a href="demo-construction.html">
  505. <img alt="Porto" class="img-fluid logo" width="212" src="img/demos/construction/logo-construction-small.png">
  506. </a>
  507. </div>
  508. <div class="col-lg-4">
  509. <div class="row">
  510. <div class="col-lg-6 mb-2">
  511. <h4>Navigation</h4>
  512. </div>
  513. </div>
  514. <div class="row">
  515. <div class="col-lg-6 mb-0">
  516. <ul class="list list-footer-nav">
  517. <li>
  518. <a href="demo-construction.html">
  519. Inicio
  520. </a>
  521. </li>
  522. <li>
  523. <a href="demo-construction-company.html">
  524. Empresa
  525. </a>
  526. </li>
  527. <li>
  528. <a href="demo-construction-services.html">
  529. Servicios
  530. </a>
  531. </li>
  532. </ul>
  533. </div>
  534. <div class="col-lg-6">
  535. <ul class="list list-footer-nav">
  536. <li>
  537. <a href="demo-construction-projects.html">
  538. Proyectos
  539. </a>
  540. </li>
  541. <li>
  542. <a href="demo-construction-blog.html">
  543. Blog
  544. </a>
  545. </li>
  546. <li>
  547. <a href="demo-construction-contact.html">
  548. Contáctenos
  549. </a>
  550. </li>
  551. </ul>
  552. </div>
  553. </div>
  554. </div>
  555. <div class="col-lg-5">
  556. <h4>Newsletter</h4>
  557.  
  558. <div class="newsletter">
  559.  
  560. <div class="alert alert-success d-none" id="newsletterSuccess">
  561. <strong>Success!</strong> You've been added to our email list.
  562. </div>
  563.  
  564. <div class="alert alert-danger d-none" id="newsletterError"></div>
  565.  
  566. <form id="newsletterForm" action="php/newsletter-subscribe.php" method="POST">
  567. <div class="input-group">
  568. <input class="form-control form-control-sm" placeholder="Email Address" name="newsletterEmail" id="newsletterEmail" type="text">
  569. <span class="input-group-append">
  570. <button class="btn btn-light" type="submit"><i class="icon-paper-plane icons"></i></button>
  571. </span>
  572. </div>
  573. </form>
  574.  
  575. </div>
  576.  
  577. <p><i class="fas fa-phone"></i> (123) 456-789 <i class="far fa-envelope ml-2"></i> <a href="mailto:[email protected]">[email protected]</a></p>
  578.  
  579. </div>
  580. </div>
  581.  
  582. <div class="footer-copyright">
  583. <div class="row">
  584. <div class="col-lg-12 text-center">
  585. <p>© Copyright 2018 ROIN PERU S.A.C. All Rights Reserved.</p>
  586. </div>
  587. </div>
  588. </div>
  589.  
  590. </div>
  591. </footer>
  592.  
  593. </div>
  594.  
  595. <!-- Vendor -->
  596. <script src="vendor/jquery/jquery.min.js"></script>
  597. <script src="vendor/jquery.appear/jquery.appear.min.js"></script>
  598. <script src="vendor/jquery.easing/jquery.easing.min.js"></script>
  599. <script src="vendor/jquery-cookie/jquery-cookie.min.js"></script>
  600. <script src="vendor/popper/umd/popper.min.js"></script>
  601. <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  602. <script src="vendor/common/common.min.js"></script>
  603. <script src="vendor/jquery.validation/jquery.validation.min.js"></script>
  604. <script src="vendor/jquery.easy-pie-chart/jquery.easy-pie-chart.min.js"></script>
  605. <script src="vendor/jquery.gmap/jquery.gmap.min.js"></script>
  606. <script src="vendor/jquery.lazyload/jquery.lazyload.min.js"></script>
  607. <script src="vendor/isotope/jquery.isotope.min.js"></script>
  608. <script src="vendor/owl.carousel/owl.carousel.min.js"></script>
  609. <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
  610. <script src="vendor/vide/vide.min.js"></script>
  611.  
  612. <!-- Theme Base, Components and Settings -->
  613. <script src="js/theme.js"></script>
  614.  
  615. <!-- Current Page Vendor and Views -->
  616. <script src="vendor/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
  617. <script src="vendor/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
  618.  
  619. <!-- Current Page Vendor and Views -->
  620. <script src="vendor/nivo-slider/jquery.nivo.slider.min.js"></script>
  621. <script src="js/views/view.contact.js"></script>
  622.  
  623. <!-- Demo -->
  624. <script src="js/demos/demo-construction.js"></script>
  625.  
  626. <!-- Theme Custom -->
  627. <script src="js/custom.js"></script>
  628.  
  629. <!-- Theme Initialization Files -->
  630. <script src="js/theme.init.js"></script>
  631.  
  632.  
  633.  
  634.  
  635. <!-- Google Analytics: Change UA-XXXXX-X to be your site's ID. Go to http://www.google.com/analytics/ for more information.
  636. <script>
  637. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  638. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  639. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  640. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  641.  
  642. ga('create', 'UA-12345678-1', 'auto');
  643. ga('send', 'pageview');
  644. </script>
  645. -->
  646.  
  647.  
  648. </body>
  649. </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!