API tools faq
paste
Advertisement
Guest User

Owl.Carousel

a guest
May 21st, 2014
1,352
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="keywords" content="Rando | Multifunctional One Page Template" />
  6. <meta name="description" content="Beautiful one page premium template. Fully responsive, retina ready.">
  7. <meta name="author" content="pebas - http://themeforest.net/user/pebas/">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  9.  
  10. <!-- Title -->
  11. <title>RANDO | Ultimate Online Experience</title>
  12.  
  13. <!-- Favicon -->
  14. <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
  15.  
  16. <!-- Google Fonts -->
  17. <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic%7CFjalla+One' rel='stylesheet' type='text/css'>
  18.  
  19. <!-- Bootstrap -->
  20.  
  21. <link href="css/bootstrap.min.css" rel="stylesheet">
  22. <link href="css/font-awesome.min.css" rel="stylesheet">
  23. <link rel="stylesheet" href="owl-carousel/owl.carousel.css">
  24. <link rel="stylesheet" href="owl-carousel/owl.theme.css">
  25. <link href="light.css" rel="stylesheet">
  26. <link href="js/owl.carousel.min.js" rel="stylesheet">
  27. <!-- Template -->
  28. <link href="style.css" rel="stylesheet">
  29.  
  30. <!-- Your Main Color
  31. <link href="color.css" rel="stylesheet">
  32. -->
  33.  
  34. <!-- Light Color Scheme
  35. <link href="light.css" rel="stylesheet">
  36. -->
  37.  
  38. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  39. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  40. <!--[if lt IE 9]>
  41. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js">
  42. </script>
  43. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js">
  44. </script>
  45. <![endif]-->
  46. </head>
  47.  
  48. <body>
  49.  
  50. <!-- ==================================================================================================================================
  51. NAVIGATION
  52. ======================================================================================================================================= -->
  53.  
  54. <!-- main nav -->
  55. <div class="navbar-fixed-top main-nav">
  56. <div class="sidebar clearfix">
  57. <div class="widget">
  58. <div class="logo"> <a href="index.html"> <img src="images/dark-background-logo.png" title="" alt="" /> </a> <a href="#_" class="pull-right nav-trigger"> <i class="fa fa-align-justify"> </i> </a> </div>
  59. </div>
  60.  
  61. <!-- nav-list -->
  62. <div class="nav main-menu">
  63. <ul class="list-unstyled">
  64. <!-- <li> <a href="#nav_slider"> Home <i class="fa fa-angle-right pull-right"> </i> </a>
  65. <ul class="sub-menu">
  66. <li> <a href="#"> Level 2 <i class="fa fa-angle-right pull-right"> </i> </a> </li>
  67. <li> <a href="#"> Level 2 <i class="fa fa-angle-right pull-right"> </i> </a> </li>
  68. <li> <a href="#"> Level 2 <i class="fa fa-angle-right pull-right"> </i> </a>
  69. <ul class="sub-menu">
  70. <li> <a href="#"> Level 3 <i class="fa fa-angle-right pull-right"> </i> </a> </li>
  71. <li> <a href="#"> Level 3 <i class="fa fa-angle-right pull-right"> </i> </a> </li>
  72. <li> <a href="#"> Level 3 <i class="fa fa-angle-right pull-right"> </i> </a> </li>
  73. </ul>
  74. </li>
  75. </ul>
  76.  
  77. </li> -->
  78. <li> <a href="#nav_work"> Work <i class="fa fa-angle-right pull-right"> </i> </a> </li>
  79. <li> <a href="#nav_about"> About <i class="fa fa-angle-right pull-right"> </i> </a> </li>
  80. <li> <a href="#nav_services"> Services <i class="fa fa-angle-right pull-right"> </i> </a> </li>
  81. <li> <a href="#nav_blog"> Blog <i class="fa fa-angle-right pull-right"> </i> </a> </li>
  82. <li> <a href="#nav_contact"> Contact <i class="fa fa-angle-right pull-right"> </i> </a> </li>
  83. </ul>
  84. </div>
  85. <!-- .nav list -->
  86.  
  87. <!-- nav widget -->
  88. <div class="widget">
  89.  
  90. <!-- button widget -->
  91. <div class="button-widget"> <a href="#" class="btn btn-default btn-block"> PURCHASE THIS THEME </a> </div>
  92. <!-- .button widget -->
  93.  
  94. </div>
  95. <!-- nav widget -->
  96.  
  97. <!-- nav widget -->
  98. <div class="widget">
  99.  
  100. <!-- social widget -->
  101. <div class="social-widget">
  102. <ul class="list-unstyled list-inline">
  103. <li> <a href="#"> <i class="fa fa-dribbble"> </i> </a> </li>
  104. <li> <a href="#"> <i class="fa fa-twitter"> </i> </a> </li>
  105. <li> <a href="#"> <i class="fa fa-facebook"> </i> </a> </li>
  106. <li> <a href="#"> <i class="fa fa-pinterest"> </i> </a> </li>
  107. </ul>
  108. </div>
  109. <!-- .social widget -->
  110.  
  111. </div>
  112. <!-- .nav-widget -->
  113.  
  114.  
  115.  
  116. </div>
  117. </div>
  118. <!-- .main nav -->
  119.  
  120. <div class="wrap clearfix">
  121.  
  122. <!-- ==================================================================================================================================
  123. HEADER
  124. ======================================================================================================================================= -->
  125.  
  126. <!-- header -->
  127. <section class="header navbar-fixed-top clearfix">
  128. <div class="container">
  129. <div class="row">
  130.  
  131. <!-- logo & slogan -->
  132. <div class="col-md-12">
  133.  
  134. <!-- slogan -->
  135. <div class="slogan">
  136.  
  137. <!-- logo -->
  138. <div class="slogan-left pull-left"></div>
  139. <!-- .logo -->
  140.  
  141. <!-- trigger -->
  142.  
  143. <div class="trigger-right pull-right"> <a href="#_" class="nav-trigger"> <i class="fa fa-align-justify"> </i> </a> </div>
  144. <!-- .trigger -->
  145.  
  146. <!-- slogan -->
  147. <div class="slogan-right pull-right">
  148. <h2>PAULIEN <span class="theme-color">DESIGN</span></h2>
  149. </div>
  150. <!-- .slogan -->
  151.  
  152. </div>
  153. <!-- .slogan -->
  154.  
  155. <!-- direction arrow -->
  156. <div class="header-direction-arrow"> <a href="#nav_work"> <i class="header_arrow fa fa-angle-down"> </i> </a> </div>
  157. <!-- .direction arrow -->
  158.  
  159. </div>
  160. <!-- .logo & slogan -->
  161.  
  162. </div>
  163. </div>
  164. </section>
  165. <!-- .header -->
  166.  
  167. <!-- ==================================================================================================================================
  168. SLIDER
  169. ======================================================================================================================================= -->
  170.  
  171. <!-- slider -->
  172. <section class="slider clearfix" id="nav_slider">
  173.  
  174. <!-- carousel -->
  175. <div id="main-slider" class="carousel slide carousel-fade" data-ride="carousel">
  176.  
  177. <!-- Indicators -->
  178.  
  179. <!-- wrapper for slides -->
  180. <div class="carousel-inner">
  181.  
  182. <!-- slide 1 -->
  183. <div class="item active" data-item="0"> <img src="images/slide-1.jpg" alt="" title="" /> </div>
  184. <!-- .slide 1 -->
  185.  
  186. <!-- slide 2 -->
  187. <div class="item" data-item="1"> <img src="images/slide-2.jpg" alt="" title="" /> </div>
  188. <!-- .slide 2 -->
  189.  
  190. <!-- slide 3 -->
  191. <div class="item" data-item="2"> <img src="images/slide-3.jpg" alt="" title="" /> </div>
  192. <!-- .slide 3 -->
  193.  
  194. </div>
  195. <!-- .wrapper for slides -->
  196.  
  197. </div>
  198. <!-- .wrapper for slides -->
  199.  
  200. <!-- caption -->
  201. <div class="carousel-caption">
  202. <div class="container">
  203. <div class="row">
  204. <div class="col-md-12 col-md-12">
  205.  
  206. <!-- caption content -->
  207. <h1 class="caption">EEN BEETJE<span class="theme-color"> <span class="change-text"></span> </span> </h1>
  208. <h3>ADVIES<span class="theme-color"> +</span> LOGO'S<span class="theme-color"> +</span> HUISSTIJLEN<span class="theme-color"> +</span> POSTERS<span class="theme-color"> +</span> FOLDERS<span class="theme-color"> +</span> BROCHURES<span class="theme-color"> +</span> ADVERTENTIES<span class="theme-color"> +</span> NIEUWSBRIEVEN<span class="theme-color"> +</span> MAGAZINES<span class="theme-color"> +</span><br />
  209. [JUBILEUM]BOEKEN<span class="theme-color"> +</span> E-MARKETING<span class="theme-color"> +</span> WEBSITES</h3>
  210. <!-- .caption content -->
  211.  
  212. <!-- slider indicators -->
  213. <ol class="carousel-indicators">
  214. <li data-target="#main-slider" data-slide-to="0" class="active"></li>
  215. <li data-target="#main-slider" data-slide-to="1"></li>
  216. <li data-target="#main-slider" data-slide-to="2"></li>
  217. </ol>
  218. <!-- .slider indicators -->
  219.  
  220. </div>
  221. </div>
  222. </div>
  223. </div>
  224. <!-- .caption -->
  225.  
  226. </section>
  227. <!-- slider -->
  228.  
  229. <!-- ==================================================================================================================================
  230. WORK SECTION
  231. ======================================================================================================================================= -->
  232.  
  233. WORK SECTION
  234. ======================================================================================================================================= -->
  235.  
  236. <!-- work title -->
  237. <section class="overall dark clearfix" id="nav_work">
  238. <div class="container">
  239. <div class="row">
  240. <div class="col-md-12 col-md-12">
  241. <div class="section-title">
  242. <h1>WORK<span class="theme-color">.</span><span class="sub-heading">HANDCRAFTED &amp; PIXEL PERFECT</span> </h1>
  243. <div class="direction-arrows clearfix;"> <a href="#nav_slider" class="up"> <i class="fa fa-angle-up"> </i> </a> <a href="#" class="down"> <i class="fa fa-angle-down"> </i> </a> </div>
  244. </div>
  245. </div>
  246. </div>
  247. </div>
  248. </section>
  249. <!-- .work title -->
  250.  
  251. <!-- work content -->
  252. <section class="overall grey clearfix">
  253. <div class="container">
  254.  
  255. <!-- works -->
  256. <div id="portfolio-items" class="portfolio clearfix">
  257.  
  258. <!-- 1 -->
  259. <div class="row">
  260.  
  261. <!-- portfolio item -->
  262. <div class="col-md-6 work">
  263. <div class="portfolio-item clearfix">
  264.  
  265. <!-- portfolio content -->
  266. <div class="portfolio-content pull-left"> <a href="#" class="more-plus" data-toggle="modal" data-target="#portfolioModal"> <i class="fa fa-plus"> </i> </a>
  267. <div class="portfolio-content-wrap clearfix">
  268. <div class="portfolio-content-center">
  269. <h4>LOGO'S & HUISSTIJLEN</h4>
  270. <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
  271. </div>
  272. </div>
  273. </div>
  274. <!-- .portfolio content -->
  275.  
  276. <!--portfolio image -->
  277. <div class="portfolio-image pull-right"> <a href="#" data-toggle="modal" data-target="#portfolioModal"> <img src="images/portfolio-1.jpg" class="img-responsive img-thumbnail pull-right" title="" alt="" /> </a> </div>
  278. <!-- .portfolio image -->
  279.  
  280. </div>
  281. </div>
  282. <!-- .portfolio item -->
  283.  
  284. <!-- portfolio item -->
  285. <div class="col-md-6 work">
  286. <div class="portfolio-item clearfix">
  287.  
  288. <!-- portfolio content -->
  289. <div class="portfolio-content pull-right"> <a href="#" class="more-plus" data-toggle="modal" data-target="#owl-portfolio1"> <i class="fa fa-plus"> </i> </a>
  290. <div class="portfolio-content-wrap clearfix">
  291. <div class="portfolio-content-center">
  292. <h4>x</h4>
  293. <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
  294. </div>
  295. </div>
  296. </div>
  297. <!-- .portfolio content -->
  298.  
  299. <!--portfolio image -->
  300. <div class="portfolio-image pull-left"> <a href="#" data-toggle="modal" data-target="#owl-portfolio1"> <img src="images/portfolio-3.jpg" class="img-responsive img-thumbnail pull-left" title="" alt="" /> </a> </div>
  301. <!-- .portfolio image -->
  302.  
  303. </div>
  304. ><!-- .portfolio content -->
  305.  
  306. </div>
  307. </div>
  308. <!-- .portfolio item -->
  309.  
  310. </div>
  311. <!-- .1 -->
  312.  
  313. <!-- 2 -->
  314. <div class="row">
  315.  
  316. <!-- portfolio item -->
  317. <div class="col-md-6 work">
  318. <div class="portfolio-item clearfix">
  319.  
  320. <!-- portfolio content -->
  321. <div class="portfolio-content pull-right"> <a href="#" class="more-plus" data-toggle="modal" data-target="#portfolioModal2"> <i class="fa fa-plus"> </i> </a>
  322. <div class="portfolio-content-wrap clearfix">
  323. <div class="portfolio-content-center">
  324. <h4>x</h4>
  325. <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
  326. </div>
  327. </div>
  328. </div>
  329. <!-- .portfolio content -->
  330.  
  331. <!--portfolio image -->
  332. <div class="portfolio-image pull-left"> <a href="#" data-toggle="modal" data-target="#portfolioModal2"> <img src="images/portfolio-3.jpg" class="img-responsive img-thumbnail pull-left" title="" alt="" /> </a> </div>
  333. <!-- .portfolio image -->
  334.  
  335. </div>
  336. </div>
  337. <!-- .portfolio item -->
  338.  
  339. <!-- portfolio item -->
  340. <div class="col-md-6 work">
  341. <div class="portfolio-item clearfix">
  342.  
  343. <!-- portfolio content -->
  344. <div class="portfolio-content pull-left"> <a href="#" class="more-plus" data-toggle="modal" data-target="#portfolioModal3"> <i class="fa fa-plus"> </i> </a>
  345. <div class="portfolio-content-wrap clearfix">
  346. <div class="portfolio-content-center">
  347. <h4>YOUTUBE VIDEO WORK</h4>
  348. <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
  349. </div>
  350. </div>
  351. </div>
  352. <!-- .portfolio content -->
  353.  
  354. <!--portfolio image -->
  355. <div class="portfolio-image pull-right"> <a href="#" data-toggle="modal" data-target="#portfolioModal3"> <img src="images/portfolio-4.jpg" class="img-responsive img-thumbnail pull-right" title="" alt="" /> </a> </div>
  356. <!-- .portfolio image -->
  357.  
  358. </div>
  359. </div>
  360. <!-- .portfolio item -->
  361.  
  362. </div>
  363. <!-- .2 -->
  364.  
  365. <!-- 3 -->
  366. <div class="row">
  367.  
  368. <!-- portfolio item -->
  369. <div class="col-md-6 work">
  370. <div class="portfolio-item clearfix">
  371.  
  372. <!-- portfolio content -->
  373. <div class="portfolio-content pull-left"> <a href="#" class="more-plus" data-toggle="modal" data-target="#portfolioModal4"> <i class="fa fa-plus"> </i> </a>
  374. <div class="portfolio-content-wrap clearfix">
  375. <div class="portfolio-content-center">
  376. <h4>MIX MEDIA WORK</h4>
  377. <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
  378. </div>
  379. </div>
  380. </div>
  381. <!-- .portfolio content -->
  382.  
  383. <!--portfolio image -->
  384. <div class="portfolio-image pull-right"> <a href="#" data-toggle="modal" data-target="#portfolioModal4"> <img src="images/portfolio-5.jpg" class="img-responsive img-thumbnail pull-right" title="" alt="" /> </a> </div>
  385. <!-- .portfolio image -->
  386.  
  387. </div>
  388. </div>
  389.  
  390. <!-- .portfolio item -->
  391.  
  392. <!-- portfolio item -->
  393. <div class="col-md-6 work">
  394. <div class="portfolio-item clearfix">
  395.  
  396. <!--portfolio image -->
  397. <div class="portfolio-image pull-left"> <a href="#" data-toggle="modal" data-target="#portfolioModal5"> <img src="images/portfolio-6.jpg" class="img-responsive img-thumbnail pull-left" title="" alt="" /> </a> </div>
  398. <!-- .portfolio image -->
  399.  
  400. <!-- portfolio content -->
  401. <div class="portfolio-content pull-right"> <a href="#" class="more-plus" data-toggle="modal" data-target="#portfolioModal5"> <i class="fa fa-plus"> </i> </a>
  402. <div class="portfolio-content-wrap clearfix">
  403. <div class="portfolio-content-center">
  404. <h4>PURE TEXT</h4>
  405. <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</p>
  406. </div>
  407. </div>
  408. </div>
  409. <!-- .portfolio content -->
  410.  
  411. </div>
  412. </div>
  413. <!-- .portfolio item -->
  414.  
  415. </div>
  416. <!-- .3 -->
  417.  
  418.  
  419. </div>
  420. <!-- .works -->
  421.  
  422. <div class="row">
  423. <div class="col-md-12">
  424. </div>
  425. </div>
  426. </div>
  427. </section>
  428. <!-- .work content -->
  429.  
  430. <!-- ==================================================================================================================================
  431. ABOUT SECTION
  432. ======================================================================================================================================= -->
  433.  
  434. <!-- about title -->
  435. <section class="overall dark clearfix" id="nav_about">
  436. <div class="container">
  437. <div class="row">
  438. <div class="col-md-12 col-md-12">
  439. <div class="section-title">
  440. <h1>OVER<span class="theme-color">.</span><span class="sub-heading">ONS</span> </h1>
  441. <div class="direction-arrows"> <a href="#nav_work" class="up"> <i class="fa fa-align-center fa-angle-up"> </i> </a> <a href="#" class="down"> <i class="fa fa-align-center fa-angle-down"> </i> </a> </div>
  442. </div>
  443. </div>
  444. </div>
  445. </div>
  446. </section>
  447. <!-- .about title -->
  448.  
  449. <section class="overall clearfix">
  450. <div class="container">
  451.  
  452. <!-- text -->
  453. <div class="row">
  454. <div class="col-md-12">
  455. <h1>CREATIEF <span class="theme-color">COMMERCIEEL</span> IN PRINT EN OP HET WEB</h1>
  456. </div>
  457. </div>
  458. <!-- .text -->
  459.  
  460. <!-- dropcaps -->
  461. <div class="row">
  462.  
  463. <!-- 1 -->
  464. <div class="col-md-4">
  465. <div class="row">
  466.  
  467. <!-- drop-cap -->
  468. <div class="drop-cap">
  469.  
  470. <!-- icon -->
  471. <div class="col-md-3 col-xs-3 col-sm-3">
  472. <div class="drop-icon"> <i class="fa fa-puzzle-piece"> </i> </div>
  473. </div>
  474. <!-- .icon -->
  475.  
  476. <!-- content -->
  477. <div class="col-md-9 col-xs-9 col-sm-9">
  478. <div class="drop-content">
  479. <h3>DOEL<span class="theme-color">.</span></h3>
  480. <p>PAULIEN DESIGN wil uw boodschap overbrengen op een creatieve manier die uw doelgroep begrijpt en bij u past! </p>
  481. </div>
  482. </div>
  483. </div>
  484. <!-- content -->
  485.  
  486. </div>
  487. <!-- .drop-cap -->
  488.  
  489. </div>
  490. <!-- .1 -->
  491.  
  492. <!-- 1 -->
  493. <div class="col-md-4">
  494. <div class="row">
  495.  
  496. <!-- drop-cap -->
  497. <div class="drop-cap">
  498.  
  499. <!-- icon -->
  500. <div class="col-md-3 col-xs-3 col-sm-3">
  501. <div class="drop-icon"> <i class="fa fa-star"> </i> </div>
  502. </div>
  503. <!-- .icon -->
  504.  
  505. <!-- content -->
  506. <div class="col-md-9 col-xs-9 col-sm-9">
  507. <div class="drop-content">
  508. <h3>MIDDEL<span class="theme-color">.</span></h3>
  509. <p>PAULIEN DESIGN kan u door een gezonde dosis zakelijk inzicht helpen om uw doelstelling te bereiken met behulp van print en internet. </p>
  510. </div>
  511. </div>
  512. </div>
  513. <!-- content -->
  514.  
  515. </div>
  516. <!-- .drop-cap -->
  517.  
  518. </div>
  519. <!-- .1 -->
  520.  
  521. <!-- 1 -->
  522. <div class="col-md-4">
  523. <div class="row">
  524.  
  525. <!-- drop-cap -->
  526. <div class="drop-cap">
  527.  
  528. <!-- icon -->
  529. <div class="col-md-3 col-xs-3 col-sm-3">
  530. <div class="drop-icon"> <i class="fa fa-cog"> </i> </div>
  531. </div>
  532. <!-- .icon -->
  533.  
  534. <!-- content -->
  535. <div class="col-md-9 col-xs-9 col-sm-9">
  536. <div class="drop-content">
  537. <h3>ADVIES<span class="theme-color">.</span></h3>
  538. <p>PAULIEN DESIGN is graag uw sparringpartner om samen uw boodschap te vertalen tot het door u gewenste resultaat. </p>
  539. </div>
  540. </div>
  541. </div>
  542. <!-- content -->
  543.  
  544. </div>
  545. <!-- .drop-cap -->
  546.  
  547. </div>
  548. <!-- .1 -->
  549.  
  550. </div>
  551. <!-- .dropcaps -->
  552.  
  553. <!-- team -->
  554. <div class="row">
  555.  
  556. <!-- 1 -->
  557. <div class="col-md-3">
  558. <div class="team-wrapper"> <a href="#" class="more-plus" data-toggle="modal" data-target="#teamModal"> <i class="fa fa-plus"> </i> </a>
  559. <h4>PAULIEN TEMPELMAN</h4>
  560. <p>ONTWERPSTER</p>
  561. </div>
  562. </div>
  563. </div>
  564. <!-- .team -->
  565.  
  566. </div>
  567. </section>
  568. <!-- ==================================================================================================================================
  569. VIDEO SECTION
  570. ======================================================================================================================================= -->
  571.  
  572. <section id="video" class="clearfix">
  573. <div id="bgndVideo" class="player" data-property="{videoURL:'http://youtu.be/Xd0Ok-MkqoE'}">
  574.  
  575. <!-- caption -->
  576. <div class="caption-wrap">
  577. <div class="container">
  578. <div class="row">
  579. <div class="col-md-12">
  580.  
  581. <!-- caption content -->
  582. <h1>WE WILL ASK JUST ONCE ARE YOU READY TO <a href="#nav_contact" class="theme-color-background"> START </a> ?</h1>
  583. <!-- .caption content -->
  584.  
  585. </div>
  586. </div>
  587. </div>
  588. </div>
  589. <!-- .caption -->
  590.  
  591. </div>
  592. </section>
  593.  
  594. <!-- ==================================================================================================================================
  595. SERVICES SECTION
  596. ======================================================================================================================================= -->
  597.  
  598. <!-- services title -->
  599. <section class="overall dark clearfix" id="nav_services">
  600. <div class="container">
  601. <div class="row">
  602. <div class="col-md-12 col-md-12">
  603. <div class="section-title">
  604. <h1>SERVICES<span class="theme-color">.</span><span class="sub-heading">OUR MOST POWERFULL WEAPONS</span> </h1>
  605. <div class="direction-arrows"> <a href="#" class="up"> <i class="fa fa-angle-up"> </i> </a> <a href="#" class="down"> <i class="fa fa-angle-down"> </i> </a> </div>
  606. </div>
  607. </div>
  608. </div>
  609. </div>
  610. </section>
  611. <!-- .services title -->
  612.  
  613. <section class="overall clearfix">
  614. <div class="container">
  615. <div class="row">
  616.  
  617.  
  618. </div>
  619. </div>
  620. </section>
  621.  
  622. <!-- clients -->
  623. <div id="owl-demo" class="owl-carousel owl-theme">
  624. <div class="item"> <a href="#"> <img src="" title="" alt="" /> </a> </div>
  625. </div>
  626. <!-- .clients -->
  627.  
  628. <!-- ==================================================================================================================================
  629. BLOG SECTION
  630. ======================================================================================================================================= -->
  631.  
  632. <!-- blog title -->
  633. <section class="overall dark clearfix" id="nav_blog">
  634. <div class="container">
  635. <div class="row">
  636. <div class="col-md-12 col-md-12">
  637. <div class="section-title">
  638. <h1>BLOG<span class="theme-color">.</span><span class="sub-heading">FULL OF WISDOM THOUGHTS</span> </h1>
  639. <div class="direction-arrows"> <a href="#" class="up"> <i class="fa fa-angle-up"> </i> </a> <a href="#" class="down"> <i class="fa fa-angle-down"> </i> </a> </div>
  640. </div>
  641. </div>
  642. </div>
  643. </div>
  644. </section>
  645. <!-- .blog title -->
  646.  
  647. <section class="overall grey">
  648. <div class="container">
  649.  
  650. <!-- works filter -->
  651. <div class="row">
  652. <div class="col-md-12">
  653. <div class="work-filter blog-filter">
  654. <div class="dropdown"> <a data-toggle="dropdown" href="#"> <span class="theme-color"> <i class="fa fa-th"> </i> </span>CATEGORY FILTER</a>
  655. <ul id="post-filter" class="dropdown-menu">
  656. <li> <a href="#" data-filter="*"> All</a> </li>
  657. <li> <a href="#" data-filter=".general"> General </a> </li>
  658. <li> <a href="#" data-filter=".learn"> Learn </a> </li>
  659. <li> <a href="#" data-filter=".life"> From Life </a> </li>
  660. </ul>
  661. </div>
  662. </div>
  663. </div>
  664. </div>
  665. <!-- .works filter -->
  666.  
  667. <!-- blog posts -->
  668. <div id="blog-items" class="blog-wrapper clearfix">
  669. <div class="row">
  670.  
  671. <!-- portfolio item -->
  672. <div class="col-md-12 post general">
  673. <div class="portfolio-item clearfix">
  674.  
  675. <!-- portfolio content -->
  676. <div class="portfolio-content pull-right"> <a href="#" class="more-plus" data-toggle="modal" data-target="#blogModal"> <i class="fa fa-plus"> </i> </a>
  677. <div class="portfolio-content-wrap blog clearfix">
  678. <div class="portfolio-content-center">
  679. <h4><a href="#" data-toggle="modal" data-target="#blogModal">ADISCIPIT ELIT VOLUPTATEM CONSECTUTOR</a></h4>
  680. <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accu san tium doloremque laudantium, totam rem aperiam, eaque ipsa...</p>
  681. <ul class="list-unstyled list-inline">
  682. <li><i class="fa fa-calendar"></i> <a href="#"> 12.12.2014. </a> </li>
  683. </ul>
  684. </div>
  685. </div>
  686. </div>
  687. <!-- .portfolio content -->
  688.  
  689. <!--portfolio image -->
  690. <div class="portfolio-image pull-left"> <a href="#" data-toggle="modal" data-target="#blogModal"> <img src="images/blog-1.jpg" class="img-responsive pull-left" title="" alt="" /> </a> </div>
  691. <!-- .portfolio image -->
  692.  
  693. </div>
  694. </div>
  695. <!-- .portfolio item -->
  696.  
  697. <!-- portfolio item -->
  698. <div class="col-md-12 post life">
  699. <div class="portfolio-item clearfix">
  700.  
  701. <!-- portfolio content -->
  702. <div class="portfolio-content pull-left"> <a href="#" class="more-plus" data-toggle="modal" data-target="#blogModal"> <i class="fa fa-plus"> </i> </a>
  703. <div class="portfolio-content-wrap blog clearfix">
  704. <div class="portfolio-content-center">
  705. <h4><a href="#" data-toggle="modal" data-target="#blogModal">SED DOM CONSECTUTOR ADISCI</a></h4>
  706. <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accu san tium doloremque laudantium, totam rem aperiam, eaque ipsa...</p>
  707. <ul class="list-unstyled list-inline">
  708. <li><i class="fa fa-calendar"></i> <a href="#"> 12.12.2014. </a> </li>
  709. </ul>
  710. </div>
  711. </div>
  712. </div>
  713. <!-- .portfolio content -->
  714.  
  715. <!--portfolio image -->
  716. <div class="portfolio-image pull-right"> <a href="#" data-toggle="modal" data-target="#blogModal"> <img src="images/blog-3.jpg" class="img-responsive pull-right" title="" alt="" /> </a> </div>
  717. <!-- .portfolio image -->
  718.  
  719. </div>
  720. </div>
  721. <!-- .portfolio item -->
  722.  
  723. <!-- portfolio item -->
  724. <div class="col-md-12 post learn">
  725. <div class="portfolio-item clearfix">
  726.  
  727. <!-- portfolio content -->
  728. <div class="portfolio-content pull-right"> <a href="#" class="more-plus" data-toggle="modal" data-target="#blogModal"> <i class="fa fa-plus"> </i> </a>
  729. <div class="portfolio-content-wrap blog clearfix">
  730. <div class="portfolio-content-center">
  731. <h4><a href="#" data-toggle="modal" data-target="#blogModal">VERTUM TERUM VIVARE</a></h4>
  732. <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accu san tium doloremque laudantium, totam rem aperiam, eaque ipsa...</p>
  733. <ul class="list-unstyled list-inline">
  734. <li><i class="fa fa-calendar"></i> <a href="#"> 12.12.2014. </a> </li>
  735. </ul>
  736. </div>
  737. </div>
  738. </div>
  739. <!-- .portfolio content -->
  740.  
  741. <!--portfolio image -->
  742. <div class="portfolio-image pull-left"> <a href="#" data-toggle="modal" data-target="#blogModal"> <img src="images/blog-2.jpg" class="img-responsive pull-left" title="" alt="" /> </a> </div>
  743. <!-- .portfolio image -->
  744.  
  745. </div>
  746. </div>
  747. <!-- .portfolio item -->
  748.  
  749. </div>
  750. </div>
  751. <!-- .blog posts -->
  752.  
  753. <!-- filter -->
  754. <div class="row">
  755. <div class="col-md-12">
  756. <div class="work-filter"> <a data-toggle="dropdown" href="#"> <span class="theme-color"> <i class="fa fa-plus-square"> </i> </span>MORE THOUGHTS </a> </div>
  757. </div>
  758. </div>
  759. <!-- .filter -->
  760.  
  761. </div>
  762. </section>
  763.  
  764. <!-- ==================================================================================================================================
  765. CONTACT SECTION
  766. ======================================================================================================================================= -->
  767.  
  768. <!-- contact title -->
  769. <section class="overall dark clearfix" id="nav_contact">
  770. <div class="container">
  771. <div class="row">
  772. <div class="col-md-12 col-md-12">
  773. <div class="section-title">
  774. <h1>CONTACT<span class="theme-color">.</span><span class="sub-heading">SEEMS LIKE YOU ARE READY NOW</span> </h1>
  775. <div class="direction-arrows"> <a href="#" class="up"> <i class="fa fa-angle-up"> </i> </a>
  776. <!-- <a href="#" class="down"> <i class="fa fa-angle-down"> </i>
  777. </a> -->
  778. </div>
  779. </div>
  780. </div>
  781. </div>
  782. </div>
  783. </section>
  784.  
  785. <!-- contact content -->
  786. <section class="overall dark clearfix">
  787. <div class="container">
  788. <div class="row">
  789. <div class="col-md-3">
  790.  
  791. <!-- widget -->
  792. <div class="widget">
  793. <h3>STUDIO INFO</h3>
  794. <p><span class="white-color">RANDO</span><span class="theme-color">.</span> CREATIVE STUDIO <br />
  795. 36th Street, New England 234 <br />
  796. 220345, UNITED STATES</p>
  797. <p><span class="white-color">PHONE</span> 0344.2342.23423 <br />
  798. <span class="white-color">FAX</span> 0344.2342.23345 <br />
  799. <span class="white-color">EMAIL</span> [email protected] <br />
  800. </p>
  801. </div>
  802. <!-- .widget -->
  803.  
  804. <!-- widget -->
  805. <div class="widget"> <a href="#" data-toggle="modal" data-target="#mapModal"><i class="fa fa-plus-square fa-4x pull-left"> </i> </a>
  806. <p>FIND US ON <br />
  807. <span class="theme-color">GOOGLE MAPS</span> </p>
  808. </div>
  809. <!-- .widget -->
  810.  
  811. <!-- widget -->
  812. <div class="widget">
  813. <p><span class="white-color">COMPANY DETAILS</span> <br />
  814. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque lauda ntium, totam rem aperiam. <br />
  815. <br />
  816. Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
  817. </div>
  818. <!-- .widget -->
  819.  
  820. </div>
  821. <div class="col-md-5">
  822. <div class="widget">
  823. <h3>OUR LIVING CULTURE</h3>
  824. <div class="services-iconic">
  825.  
  826. <!-- iconic services list -->
  827. <ul class="clearfix">
  828.  
  829. <!-- item -->
  830. <li> <img src="images/live-1.jpg" title="" alt="" /></li>
  831. <!-- .item -->
  832.  
  833. <!-- item -->
  834. <li> <img src="images/live-2.jpg" title="" alt="" /></li>
  835. <!-- .item -->
  836.  
  837. <!-- item -->
  838. <li> <img src="images/live-3.jpg" title="" alt="" /></li>
  839. <!-- .item -->
  840.  
  841. <!-- item -->
  842. <li> <img src="images/live-4.jpg" title="" alt="" /></li>
  843. <!-- .item -->
  844.  
  845. <!-- item -->
  846. <li> <img src="images/live-5.jpg" title="" alt="" /></li>
  847. <!-- .item -->
  848.  
  849. <!-- item -->
  850. <li> <img src="images/live-6.jpg" title="" alt="" /></li>
  851. <!-- .item -->
  852.  
  853. <!-- item -->
  854. <li> <img src="images/live-7.jpg" title="" alt="" /></li>
  855. <!-- .item -->
  856.  
  857. <!-- item -->
  858. <li> <img src="images/live-8.jpg" title="" alt="" /></li>
  859. <!-- .item -->
  860.  
  861. <!-- item -->
  862. <li> <img src="images/live-9.jpg" title="" alt="" /></li>
  863. <!-- .item -->
  864.  
  865. </ul>
  866. <!-- iconic services list -->
  867.  
  868. </div>
  869. </div>
  870. </div>
  871. <div class="col-md-4">
  872. <div class="widget">
  873. <h3>TESTIMONIALS</h3>
  874. <p><span class="white-color">JOHN DOE</span><span class="theme-color">.</span> CEO at LOREM IPSUM <br />
  875. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
  876. <p><span class="white-color">MARK MARKONI</span><span class="theme-color">.</span> CEO at LOREM IPSUM <br />
  877. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
  878. <p><span class="white-color">MERITA VAETUM</span><span class="theme-color">.</span> CEO at LOREM IPSUM <br />
  879. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
  880. <p><span class="white-color">SED PERSCIPATIS</span> CEO at LOREM IPSUM <br />
  881. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae.</p>
  882. </div>
  883. </div>
  884. </div>
  885. </div>
  886. </section>
  887. <!-- .blog title -->
  888.  
  889. <!-- ==================================================================================================================================
  890. TO TOP LINK
  891. ======================================================================================================================================= -->
  892.  
  893. <!-- to top -->
  894. <div class="footer-direction-arrow"> <a href="#nav_slider"> <i class="fa fa-angle-up"> </i> </a> </div>
  895. <!-- .to top -->
  896.  
  897. <!-- ==================================================================================================================================
  898. MAP MODAL
  899. ======================================================================================================================================= -->
  900.  
  901. <!-- map modal -->
  902. <div class="modal fade" id="mapModal" role="dialog">
  903. <div class="modal-dialog">
  904. <div class="modal-content">
  905. <div class="modal-header"> <a href="#_" class="close" data-dismiss="modal" aria-hidden="true"> <i class="fa fa-times"></i> </a>
  906. <h1><span class="theme-color">FIND</span> US</h1>
  907. <h4>YOU ARE WELCOME ANYTIME</h4>
  908. </div>
  909.  
  910. <!-- modal body -->
  911. <div class="modal-body">
  912. <div id="map"> </div>
  913. </div>
  914. <div class="modal-footer">
  915. <div class="btn-group pull-right"> <a href="#_" class="btn btn-default" data-dismiss="modal"> <i class="fa fa-times"> </i> </a> </div>
  916. </div>
  917. </div>
  918. </div>
  919. </div>
  920. <!-- .map modal -->
  921.  
  922. <!-- ==================================================================================================================================
  923. PORTFOLIO MODAL
  924. ======================================================================================================================================= -->
  925.  
  926. <!-- portfolio modal -->
  927. <div class="modal fade" id="portfolioModal">
  928. <div class="modal-dialog">
  929. <div class="modal-content">
  930. <div class="modal-header"> <a href="#" class="close" data-dismiss="modal" aria-hidden="true"> <i class="fa fa-times"></i> </a>
  931. <h1>LOGO'S & HUISSTIJLEN</h1>
  932. </div>
  933.  
  934. <!-- modal body -->
  935. <div class="modal-body">
  936. <div class="row">
  937. <div class="col-md-12">
  938.  
  939. <!-- portfolio media -->
  940. <div class="portfolio-images">
  941.  
  942. <!-- image slider -->
  943. <div id="owl-portfolio" class="owl-carousel owl-theme">
  944. <div class="item"> <img src="images/print1.jpg" class="img-responsive img-thumbnail" title="" alt="" /> </div>
  945. <div class="item"> <img src="images/print2.jpg" class="img-responsive img-thumbnail" title="" alt="" /> </div>
  946. <div class="item"> <img src="images/logo2.jpg" class="img-responsive img-thumbnail" title="" alt="" /> </div>
  947. <div class="item"> <img src="images/logo3.jpg" class="img-responsive img-thumbnail" title="" alt="" /> </div>
  948. <div class="item"> <img src="images/logo4.jpg" class="img-responsive img-thumbnail" title="" alt="" /> </div>
  949. <div class="item"> <img src="images/logo5.jpg" class="img-responsive img-thumbnail" title="" alt="" /> </div>
  950. <div class="item"> <img src="images/logo6.jpg" class="img-responsive img-thumbnail" title="" alt="" /> </div>
  951. <div class="item"> <img src="images/logo7.jpg" class="img-responsive img-thumbnail" title="" alt="" /> </div>
  952. <div class="item"> <img src="images/logo8.jpg" class="img-responsive img-thumbnail" title="" alt="" /> </div>
  953. <div class="item"> <img src="images/logo9.jpg" class="img-responsive img-thumbnail" title="" alt="" /> </div>
  954. </div>
  955. </div>
  956. <!-- .portfolio images -->
  957.  
  958. </div>
  959. </div>
  960. </div>
  961. <!-- modal body -->
  962.  
  963. <div class="modal-footer">
  964. <div class="btn-group pull-left"> <a class="btn btn-social-icon btn-facebook"><i class="fa fa-facebook"></i></a> <a class="btn btn-social-icon btn-twitter"><i class="fa fa-twitter"></i></a> <a class="btn btn-social-icon btn-google-plus"><i class="fa fa-google-plus"></i></a>
  965. <!--
  966. <a class="btn btn-social-icon btn-bitbucket data"><i class="fa fa-bitbucket"></i></a>
  967. <a class="btn btn-social-icon btn-dropbox"><i class="fa fa-dropbox"></i></a>
  968.  
  969. <a class="btn btn-social-icon btn-flickr"><i class="fa fa-flickr"></i></a>
  970. <a class="btn btn-social-icon btn-foursquare"><i class="fa fa-foursquare"></i></a>
  971. <a class="btn btn-social-icon btn-github"><i class="fa fa-github"></i></a>
  972.  
  973. <a class="btn btn-social-icon btn-instagram"><i class="fa fa-instagram"></i></a>
  974. <a class="btn btn-social-icon btn-linkedin"><i class="fa fa-linkedin"></i></a>
  975. <a class="btn btn-social-icon btn-tumblr"><i class="fa fa-tumblr"></i></a>
  976.  
  977. <a class="btn btn-social-icon btn-vk"><i class="fa fa-vk"></i></a> -->
  978. </div>
  979. <div class="btn-group pull-right"> <a href="#_" class="btn btn-default" data-dismiss="modal"> <i class="fa fa-times"> </i> </a> </div>
  980. </div>
  981. </div>
  982. </div>
  983. </div>
  984.  
  985. <div class="modal fade" id="owl-portfolio1">
  986. <div class="modal-dialog">
  987. <div class="modal-content">
  988. <div class="modal-header"> <a href="#" class="close" data-dismiss="modal" aria-hidden="true"> <i class="fa fa-times"></i> </a>
  989. <h1>LOGO'S & HUISSTIJLEN</h1>
  990. </div>
  991.  
  992. <!-- modal body -->
  993. <div class="modal-body">
  994. <div class="row">
  995. <div class="col-md-12">
  996.  
  997. <!-- portfolio media -->
  998. <div class="portfolio-images">
  999.  
  1000. <!-- image slider -->
  1001. <div id="owl-portfolio" class="owl-carousel">
  1002. <div class="item"> <img class="img-responsive img-thumbnail" alt="" title="" src="images/print1.jpg"> </div>
  1003. <div class="item"> <img class="img-responsive img-thumbnail" alt="" title="" src="images/print2.jpg"> </div>
  1004. <div class="item"> <img class="img-responsive img-thumbnail" alt="" title="" src="images/print3.jpg"> </div>
  1005. </div>
  1006. </div>
  1007. <!-- .portfolio images -->
  1008.  
  1009. <script>
  1010. $(document).ready(function() {
  1011.  
  1012. $("#owl-portfolioModal").owl-carousel({
  1013. });
  1014. $("#owl-portfolioModal1").owl-carousel({
  1015. });
  1016. });
  1017. </script>
  1018.  
  1019. </div>
  1020. </div>
  1021. </div>
  1022. <!-- modal body -->
  1023.  
  1024. <div class="modal-footer">
  1025. <div class="btn-group pull-left"> <a class="btn btn-social-icon btn-facebook"><i class="fa fa-facebook"></i></a> <a class="btn btn-social-icon btn-twitter"><i class="fa fa-twitter"></i></a> <a class="btn btn-social-icon btn-google-plus"><i class="fa fa-google-plus"></i></a>
  1026. <!--
  1027. <a class="btn btn-social-icon btn-bitbucket data"><i class="fa fa-bitbucket"></i></a>
  1028. <a class="btn btn-social-icon btn-dropbox"><i class="fa fa-dropbox"></i></a>
  1029.  
  1030. <a class="btn btn-social-icon btn-flickr"><i class="fa fa-flickr"></i></a>
  1031. <a class="btn btn-social-icon btn-foursquare"><i class="fa fa-foursquare"></i></a>
  1032. <a class="btn btn-social-icon btn-github"><i class="fa fa-github"></i></a>
  1033.  
  1034. <a class="btn btn-social-icon btn-instagram"><i class="fa fa-instagram"></i></a>
  1035. <a class="btn btn-social-icon btn-linkedin"><i class="fa fa-linkedin"></i></a>
  1036. <a class="btn btn-social-icon btn-tumblr"><i class="fa fa-tumblr"></i></a>
  1037.  
  1038. <a class="btn btn-social-icon btn-vk"><i class="fa fa-vk"></i></a> -->
  1039. </div>
  1040. <div class="btn-group pull-right"> <a href="#_" class="btn btn-default" data-dismiss="modal"> <i class="fa fa-times"> </i> </a> </div>
  1041. </div>
  1042. </div>
  1043. </div>
  1044. </div>
  1045. <!-- .portfolio modal -->
  1046.  
  1047.  
  1048.  
  1049. <!-- team modal -->
  1050. <div class="modal fade" id="teamModal">
  1051. <div class="modal-dialog">
  1052. <div class="modal-content">
  1053. <div class="modal-header"> <a href="#_" class="close" data-dismiss="modal" aria-hidden="true"> <i class="fa fa-times"></i> </a>
  1054. <h1><span class="theme-color">PAULIEN</span> TEMPELMAN</h1>
  1055. <ul class="modal-tags">
  1056. <li>ONTWERPSTER<span class="theme-color">+</span> </li>
  1057. </ul>
  1058. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  1059. </div>
  1060.  
  1061. <!-- modal body -->
  1062. <div class="modal-body">
  1063. <div class="row">
  1064. <div class="col-md-12">
  1065.  
  1066. <!-- portfolio media -->
  1067. <div class="portfolio-images">
  1068.  
  1069. <!-- image single -->
  1070. <img src="images/p1.jpg" class="img-responsive img-thumbnail" title="" alt="" />
  1071. <!-- .image single -->
  1072.  
  1073. </div>
  1074. <!-- .portfolio images -->
  1075.  
  1076. </div>
  1077. </div>
  1078. </div>
  1079. <!-- modal body -->
  1080.  
  1081. <div class="modal-footer">
  1082. <div class="btn-group pull-left"> <a class="btn btn-social-icon btn-facebook"><i class="fa fa-facebook"></i></a> <a class="btn btn-social-icon btn-twitter"><i class="fa fa-twitter"></i></a> <a class="btn btn-social-icon btn-google-plus"><i class="fa fa-google-plus"></i></a> <a class="btn btn-social-icon btn-bitbucket data"><i class="fa fa-bitbucket"></i></a> <a class="btn btn-social-icon btn-dropbox"><i class="fa fa-dropbox"></i></a> <a class="btn btn-social-icon btn-flickr"><i class="fa fa-flickr"></i></a> <a class="btn btn-social-icon btn-foursquare"><i class="fa fa-foursquare"></i></a> <a class="btn btn-social-icon btn-github"><i class="fa fa-github"></i></a>
  1083. <!--
  1084. <a class="btn btn-social-icon btn-instagram"><i class="fa fa-instagram"></i></a>
  1085. <a class="btn btn-social-icon btn-linkedin"><i class="fa fa-linkedin"></i></a>
  1086. <a class="btn btn-social-icon btn-tumblr"><i class="fa fa-tumblr"></i></a>
  1087.  
  1088. <a class="btn btn-social-icon btn-vk"><i class="fa fa-vk"></i></a>
  1089. -->
  1090. </div>
  1091. <div class="btn-group pull-right"> <a href="#_" class="btn btn-default" data-dismiss="modal"> <i class="fa fa-times"> </i> </a> </div>
  1092. </div>
  1093. </div>
  1094. </div>
  1095. </div>
  1096. <!-- .team modal -->
  1097.  
  1098. </div>
  1099.  
  1100. <link rel="stylesheet" href="owl-carousel/owl.carousel.css">
  1101. <link rel="stylesheet" href="owl-carousel/owl.theme.css">
  1102.  
  1103.  
  1104. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  1105. <script src="js/jquery.v11.1.0.min.js"></script>
  1106. <script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
  1107. <script src="js/jquery-ui.min.js"></script>
  1108. <script src="js/jquery.easing.1.3.min.js"></script>
  1109.  
  1110. <!-- Include all compiled plugins (below), or include individual files as needed -->
  1111. <script src="js/bootstrap.min.js"></script>
  1112.  
  1113. <!-- Include all template js plugins -->
  1114. <script src="js/jquery.queryloader2.min.js"></script>
  1115. <script src="js/jquery.metadata.min.js"></script>
  1116. <script src="js/jquery.mb.YTPlayer.min.js"></script>
  1117. <script src="js/owl.carousel.min.js"></script>
  1118. <script src="js/singlepagenav.min.js"></script>
  1119. <script src="js/jquery.nicescroll.min.js"></script>
  1120. <script src="js/jquery.isotope.min.js"></script>
  1121. <script src="js/jquery.tubular.1.0.js"></script>
  1122. <script src="js/gmap3.min.js"></script>
  1123.  
  1124.  
  1125. <!-- Include all template custom js -->
  1126. <script src="js/custom.js"></script>
  1127. </body>
  1128. </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!