Server : ApacheSystem : Linux host44.registrar-servers.com 4.18.0-513.18.1.lve.2.el8.x86_64 #1 SMP Sat Mar 30 15:36:11 UTC 2024 x86_64 User : vapecompany ( 2719) PHP Version : 7.4.33 Disable Function : NONE Directory : /home/vapecompany/www/wp-content/themes/vapor/indexfiles/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vapour</title>
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<!-- Style Sheets -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="css/owl.transitions.css">
<link rel="stylesheet" type="text/css" href="css/owl.theme.css">
<link rel="stylesheet" href="css/animate.css" />
<link rel="stylesheet" type="text/css" href="css/hover-min.css">
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/ms-style/masterslider.css" />
<link rel="stylesheet" href="css/ms-style/ms-layers-style.css" />
<link href="css/ms-skins/light-3/style.css" rel='stylesheet' type='text/css'>
<link href="css/ms-skins/black-2/style.css" rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/loader.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<!-- google fonts -->
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:400,700,800' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
</head>
<body data-spy="scroll" data-offset="170" data-target="#fixed-collapse-navbar">
<!-- Loader -->
<div id="loader">
<div id="smoke">
<span class="s0"></span>
<span class="s1"></span>
<span class="s2"></span>
<span class="s3"></span>
<span class="s4"></span>
<span class="s5"></span>
<span class="s6"></span>
<span class="s7"></span>
<span class="s8"></span>
<span class="s9"></span>
</div>
</div>
<!-- Loader -->
<!-- start top header-->
<div id="header">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-4 hidden-xs">
<div id="live-help">
<span><i class="fa fa-phone-square"></i></span>
<p>Live help</p>
<h4>(+456) 123 789 6540</h4>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div id="logo">
<img src="images/logo.png" alt="logo">
</div>
</div>
<div class="col-md-4 col-sm-4 hidden-xs">
<div id="chat-with-us" class="pull-right">
<span><i class="fa fa-comments"></i></span>
<p>Chat with us</p>
<h4><a href="#">info@yourdomain.com</a></h4>
</div>
</div>
</div>
</div>
</div>
<!-- end top header -->
<!-- Main-Navigation -->
<div id="main-navigation">
<div id="navigation" data-spy="affix" data-offset-top="108">
<nav class="navbar navbar-default">
<div class="container">
<div class="row text-center">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#fixed-collapse-navbar"> <span class="sr-only">Our Shops</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-collapse" id="fixed-collapse-navbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#main-slider" class="scroll">Home</a> </li>
<li class=""><a href="#vapouring-theme" class="scroll">About</a> </li>
<li class=""><a href="#trails" class="scroll">trails</a> </li>
<li class=""><a href="#instructors" class="scroll">instructor</a> </li>
<li class=""><a href="#party-images" class="scroll">Gallery</a> </li>
<li class=""><a href="#" class="scroll">news</a> </li>
<li class=""><a href="#packages" class="scroll">price</a></li>
<li class=""><a href="#blog-section" class="scroll">blog</a></li>
<li class=""><a href="#contact" class="scroll">Contact</a></li>
</ul>
</div>
</div>
</div>
</nav>
</div>
</div>
<!-- Main-Navigation -->
<!-- start main slider-->
<div id="main-slider">
<div class="ms-layers-template">
<!-- masterslider -->
<div class="master-slider ms-skin-black-2 round-skin" id="mainSlider">
<div class="ms-slide slide-1" data-delay="5" style="z-index: 10">
<img src="css/ms-style/blank.gif" data-src="images/main-slider/banner.png" alt="lorem ipsum dolor sit"/>
<div class="ms-anim-layers container" style="">
<h4 class="ms-layer bold-text-white bigtext" data-type="text" data-effect= "right(90)" data-duration="600" data-delay="500" data-ease= "easeOutQuart">
Vapour and cigarette products
</h4>
<h1 class="ms-layer captiontext" data-type="text" data-effect= "right(90)" data-duration="600" data-delay="800" data-ease= "easeOutQuart">
Alternative To
</h1>
<h3 class="ms-layer captiontext" data-type="text" data-effect= "right(90)" data-duration="600" data-delay="1100" data-ease= "easeOutQuart">
Smoking
</h3>
<a class="ms-layer btn btn-default hvr-shutter-in-horizontal scroll" href="#contact" data-effect= "right(90)" data-duration="600" data-delay="1500" data-ease= "easeOutQuart">buy now!</a>
</div>
</div>
<div class="ms-slide slide-2" data-delay="4" style="z-index: 11">
<img src="css/ms-style/blank.gif" data-src="images/main-slider/bg1.jpg" alt="lorem ipsum dolor sit"/>
<div class="ms-anim-layers container" style="">
<h4 class="ms-layer bold-text-white bigtext" data-effect="skewleft(18,200,c)"
data-duration="600"
data-delay="200"
data-ease="easeOutExpo">
Vapour and cigarette products
</h4>
<h1 class="ms-layer captiontext" data-type="text" data-effect="skewleft(18,200,c)"
data-duration="600"
data-delay="500"
data-ease="easeOutExpo">
Alternative To
</h1>
<h3 class="ms-layer captiontext" data-type="text" data-effect="skewleft(18,200,c)"
data-duration="600"
data-delay="800"
data-ease="easeOutExpo">
Smoking
</h3>
<a class="ms-layer btn btn-default hvr-shutter-in-horizontal scroll" href="#contact" data-effect="skewleft(18,200,c)"
data-duration="600"
data-delay="1100"
data-ease="easeOutExpo">buy now!</a>
</div>
</div>
<div class="ms-slide slide-3" data-delay="4" style="z-index: 12">
<img src="css/ms-style/blank.gif" data-src="images/main-slider/bg2.jpg" alt="lorem ipsum dolor sit"/>
<div class="ms-anim-layers container" style="">
<h4 class="ms-layer bold-text-white bigtext" data-type="text" data-effect="bottom(20)"
data-duration="600"
data-delay="400"
data-ease="easeOutExpo">
Vapour and cigarette products
</h4>
<h1 class="ms-layer captiontext" data-type="text" data-effect="bottom(20)"
data-duration="600"
data-delay="700"
data-ease="easeOutExpo">
Alternative To
</h1>
<h3 class="ms-layer captiontext" data-type="text" data-effect="bottom(20)"
data-duration="600"
data-delay="1000"
data-ease="easeOutExpo">
Smoking
</h3>
<a class="ms-layer btn btn-default hvr-shutter-in-horizontal scroll" href="#contact" data-effect="bottom(20)"
data-duration="600"
data-delay="1400"
data-ease="easeOutExpo">buy now!</a>
</div>
</div>
</div>
</div>
</div>
<!-- end main slider -->
<!-- start vapouring theme -->
<div id="vapouring-theme">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<div id="theme">
<p>welcome to the </p>
<h4 class="wow fadeInDown" data-wow-duration="0.3s"><span class="h4-style">vapouring</span> theme</h4>
</div>
<div id="theme-img-container">
<div id="theme-img" class="wow fadeIn" data-wow-duration="1s">
<hr>
<!-- <img src="images/theme.png" alt="theme-img"> -->
<img class="img-responsive" src="images/welcome-img.jpg" alt="welcome-img">
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 main-box">
<div class="theme-box-container">
<div class="theme-boxes">
<hr>
<img src="images/health.png" alt="health">
<h1>safe for health</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
</div>
</div>
<div class="theme-box-container">
<div class="theme-boxes box-style">
<hr>
<img src="images/drop.png" alt="drop">
<h1>fully refliable</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 main-box">
<div class="theme-box-container">
<div class="theme-boxes">
<hr>
<img src="images/vaping.png" alt="vaping">
<h1>enjoy good vaping</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
</div>
</div>
<div class="theme-box-container">
<div class="theme-boxes box-style">
<hr>
<img src="images/flavors.png" alt="flavors">
<h1>awsome flavor</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end vapouring theme-->
<!-- start tips area -->
<div id="tips">
<div class="container">
<div class="row">
<div class="col-sm-4">
<div id="tips-text">
<p>vapouring products </p>
<h4 class="wow fadeInDown" data-wow-duration="0.3s"><span class="h4-style1">reffills &</span> tips</h4>
</div>
</div>
<div class="col-sm-8">
<div id="tips-para">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium</p>
</div>
</div>
</div>
</div>
</div>
<!-- end tips area-->
<!-- start trial area -->
<div id="trails">
<div id="trail-title">
</div>
<div class="container">
<div class="row">
<div id="trail-gallery">
<div id="trail-slider">
<div class="item">
<div class="trail-image">
<img src="images/trails-slider/img-1.jpg" alt="Image">
<span class="trail-hover">
<a href="index.html" class="popup">
<i class="fa fa-external-link"></i>
</a>
</span>
</div>
<h3>
<a href="#" class="popup">
Talweg Paznaun - Galtuer
</a>
</h3>
<p>
Galtuer - See, 28.00 km, 430 m
</p>
</div>
<div class="item">
<div class="trail-image">
<img src="images/trails-slider/img-2.jpg" alt="Image">
<span class="trail-hover">
<a href="index.html" class="popup">
<i class="fa fa-external-link"></i>
</a>
</span>
</div>
<h3>
<a href="#" class="popup" data-toggle="modal" data-target="#myModal-2">
Alps 2 Ocean Cycle Trail Map
</a>
</h3>
<p>
Braemar Road 35km
</p>
</div>
<div class="item">
<div class="trail-image">
<img src="images/trails-slider/img-3.jpg" alt="Image">
<span class="trail-hover">
<a href="index.html" class="popup">
<i class="fa fa-external-link"></i>
</a>
</span>
</div>
<h3>
<a href="#" class="popup" data-toggle="modal" data-target="#myModal-3">
Twizel to Lake Ohau
</a>
</h3>
<p>
Ohau Lodge 38km
</p>
</div>
<div class="item">
<div class="trail-image">
<img src="images/trails-slider/img-1.jpg" alt="Image">
<span class="trail-hover">
<a href="index.html" class="popup">
<i class="fa fa-external-link"></i>
</a>
</span>
</div>
<h3>
<a href="#" class="popup" data-toggle="modal" data-target="#myModal-4">
Talweg Paznaun - Galtuer
</a>
</h3>
<p>
Galtuer - See, 28.00 km, 430 m
</p>
</div>
<div class="item">
<div class="trail-image">
<img src="images/trails-slider/img-2.jpg" alt="Image">
<span class="trail-hover">
<a href="index.html" class="popup">
<i class="fa fa-external-link"></i>
</a>
</span>
</div>
<h3>
<a href="#" class="popup">
Alps 2 Ocean Cycle Trail Map
</a>
</h3>
<p>
Braemar Road 35km
</p>
</div>
<div class="item">
<div class="trail-image">
<img src="images/trails-slider/img-3.jpg" alt="Image">
<span class="trail-hover">
<a href="index.html" data-toggle="modal" data-target="#myModal-6">
<i class="fa fa-external-link"></i>
</a>
</span>
</div>
<h3>
<a href="#" class="popup">
Twizel to Lake Ohau
</a>
</h3>
<p>
Ohau Lodge 38km
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end trial area -->
<!-- start vaping now -->
<div id="vaping-now">
<div class="container">
<div class="row">
<div class="col-sm-6 vaping-text-container">
<div id="vaping-text">
<p>responsive template </p>
<h4 class="wow fadeInDown" data-wow-duration="0.3s"><span class="h4-style">enjoy !</span> vaping now</h4>
</div>
<div id="vaping-para">
<p class="wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
<div id="vaping-anchor" class="wow fadeIn" data-wow-duration="1s" data-wow-delay="0.3s">
<a href="#contact" class="hvr-shutter-in-horizontal scroll">buy now!</a>
</div>
</div>
</div>
<div class="col-sm-6 ">
<div id="vaping-img">
<img src="images/template.png" alt="vaping img">
</div>
</div>
</div>
</div>
</div>
<!-- end vaping now -->
<!-- strat party area -->
<div id="party-area">
<div class="container">
<div class="row">
<div class="col-sm-4">
<div id="party-text">
<p>vapour offer let's </p>
<h4 class="wow fadeInDown" data-wow-duration="0.3s"><span class="h4-style1">begin the</span> party</h4>
</div>
</div>
<div class="col-sm-8">
<div id="party-para">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
</div>
</div>
</div>
</div>
</div>
<!-- end party area -->
<!-- gallery slider -->
<div id="instructors">
<div class="container-fluid">
<div class="row">
<div id="instructor-gallery">
<div id="instructor-slider">
<div class="item">
<div class="instructor-image">
<img src="images/instructor-slider/instructor-img-1.jpg" alt="Team image">
<div class="instructor-photo-overlay">
<h1>vapor product name</h1>
<p>glass and metal products</p>
<span class="icon-overlay">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</span>
</div>
</div>
</div>
<div class="item">
<div class="instructor-image">
<img src="images/instructor-slider/instructor-img-2.jpg" alt="Team image">
<div class="instructor-photo-overlay">
<h1>vapor product name</h1>
<p>glass and metal products</p>
<span class="icon-overlay">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</span>
</div>
</div>
</div>
<div class="item">
<div class="instructor-image">
<img src="images/instructor-slider/instructor-img-3.jpg" alt="Team image">
<div class="instructor-photo-overlay">
<h1>vapor product name</h1>
<p>glass and metal products</p>
<span class="icon-overlay">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</span>
</div>
</div>
</div>
<div class="item">
<div class="instructor-image">
<img src="images/instructor-slider/instructor-img-4.jpg" alt="Team image">
<div class="instructor-photo-overlay">
<h1>vapor product name</h1>
<p>glass and metal products</p>
<span class="icon-overlay">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</span>
</div>
</div>
</div>
<div class="item">
<div class="instructor-image">
<img src="images/instructor-slider/instructor-img-5.jpg" alt="Team image">
<div class="instructor-photo-overlay">
<h1>vapor product name</h1>
<p>glass and metal products</p>
<span class="icon-overlay">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</span>
</div>
</div>
</div>
<div class="item">
<div class="instructor-image">
<img src="images/instructor-slider/instructor-img-6.jpg" alt="Team image">
<div class="instructor-photo-overlay">
<h1>vapor product name</h1>
<p>glass and metal products</p>
<span class="icon-overlay">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Instructor -->
<!-- testimonial review -->
<div id="testimonials">
<div class="container">
<div class="row testimonial">
<div class="col-md-8 col-sm-12">
<div id="main-testimonial">
<div id="testimonial-text">
<p>vapour customer </p>
<h4 class="wow fadeInDown" data-wow-duration="0.3s"><span class="h4-style">testimonials</span> review</h4>
</div>
</div>
<div id="testimonials-slider" class="owl-carousel">
<div class="item">
<div class="testimonial-para">
<i class="fa fa-quote-left"></i>
<p>Nature is so powerful, so strong. Capturing its essence is not easy - your work becomes a dance with light and the weather. It takes you to a place within yourself. Nature is so powerful, so strong. Capturing its essence is not easy - your work becomes.</p>
</div>
<h5>Annie Leibovitz</h5>
</div>
<div class="item">
<div class="testimonial-para">
<i class="fa fa-quote-left"></i>
<p>Nature is so powerful, so strong. Capturing its essence is not easy - your work becomes a dance with light and the weather. It takes you to a place within yourself. Nature is so powerful, so strong. Capturing its essence is not easy - your work becomes.</p>
</div>
<h5>Annie Leibovitz</h5>
</div>
<div class="item">
<div class="testimonial-para">
<i class="fa fa-quote-left"></i>
<p>Nature is so powerful, so strong. Capturing its essence is not easy - your work becomes a dance with light and the weather. It takes you to a place within yourself. Nature is so powerful, so strong. Capturing its essence is not easy - your work becomes.</p>
</div>
<h5>Annie Leibovitz</h5>
</div>
</div>
</div>
<div id="testimonial-img">
<img class="wow fadeInUp" data-wow-duration="1s" src="images/girl-img.png" alt="tetimonial img">
</div>
</div>
</div>
</div>
<!-- end testimonial review-->
<!-- strat below testimonial area -->
<div id="below-testimonial">
<div class="container">
<div class="row">
<div class="col-sm-4">
<div id="below-testi-text">
<p>vapour offer let's </p>
<h4 class="wow fadeInDown" data-wow-duration="0.3s"><span class="h4-style1">begin the</span> party</h4>
</div>
</div>
<div class="col-sm-8">
<div id="below-testi-para">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
</div>
</div>
</div>
</div>
</div>
<!-- end testimonial area -->
<!-- start parts -->
<!-- parts -->
<div id="parts">
<div id="parts-title">
</div>
<div class="container">
<div class="row">
<div id="parts-gallery">
<div id="parts-slider">
<div class="item">
<div class="parts-image">
<img src="images/parts-slider/parts-img-1.jpg" alt="Trail Image">
<span class="parts-hover">
<a href="index.html">
<i class="fa fa-shopping-cart"></i>
</a>
</span>
</div>
<h3>
<a href="#">SRAM PG-950 9-Speed Cassette</a>
</h3>
<p>
Curabitur ullamcorper felis bibe
adipiscing vitae est
</p>
<p class="parts-price">
$36.00
</p>
</div>
<div class="item">
<div class="parts-image">
<img src="images/parts-slider/parts-img-2.jpg" alt="Trail Image">
<span class="parts-hover">
<a href="index.html">
<i class="fa fa-shopping-cart"></i>
</a>
</span>
</div>
<h3>
<a href="#">950 9-Speed Bike Tyres Cassette</a>
</h3>
<p>
Curabitur ullamcorper felis bibe
adipiscing vitae est
</p>
<p class="parts-price">
$45.00
</p>
</div>
<div class="item">
<div class="parts-image">
<img src="images/parts-slider/parts-img-3.jpg" alt="Trail Image">
<span class="parts-hover">
<a href="index.html">
<i class="fa fa-shopping-cart"></i>
</a>
</span>
</div>
<h3>
<a href="#">PG-950 9- Seats/Rubber</a>
</h3>
<p>
Curabitur ullamcorper felis bibe
adipiscing vitae est
</p>
<p class="parts-price">
$49.00
</p>
</div>
<div class="item">
<div class="parts-image">
<img src="images/parts-slider/parts-img-1.jpg" alt="Trail Image">
<span class="parts-hover">
<a href="index.html">
<i class="fa fa-shopping-cart"></i>
</a>
</span>
</div>
<h3>
<a href="#">SRAM PG-950 9-Speed Cassette</a>
</h3>
<p>
Curabitur ullamcorper felis bibe
adipiscing vitae est
</p>
<p class="parts-price">
$36.00
</p>
</div>
<div class="item">
<div class="parts-image">
<img src="images/parts-slider/parts-img-2.jpg" alt="Trail Image">
<span class="parts-hover">
<a href="index.html">
<i class="fa fa-shopping-cart"></i>
</a>
</span>
</div>
<h3>
<a href="#">950 9-Speed Bike Tyres Cassette</a>
</h3>
<p>
Curabitur ullamcorper felis bibe
adipiscing vitae est
</p>
<p class="parts-price">
$45.00
</p>
</div>
<div class="item">
<div class="parts-image">
<img src="images/parts-slider/parts-img-3.jpg" alt="Trail Image">
<span class="parts-hover">
<a href="index.html">
<i class="fa fa-shopping-cart"></i>
</a>
</span>
</div>
<h3>
<a href="#">PG-950 9- Seats/Rubber</a>
</h3>
<p>
Curabitur ullamcorper felis bibe
adipiscing vitae est
</p>
<p class="parts-price">
$49.00
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end parts-->
<!-- start party images -->
<div id="party-images">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div id="images-text">
<h1>show your images</h1>
<p class="wow fadeInDown" data-wow-duration="0.3s">your party <span class="h4-style">pictures</span></p>
</div>
</div>
</div>
</div>
<!-- Gallery -->
<div id="gallery" class="module parallax parallax-5">
<div class="container-fluid">
<div class="row">
<div id="mb-gallery">
<div id="gallery-slider">
<div class="item">
<div class="gallery-image">
<img src="images/gallery-slider/gallery-img-1.jpg" alt="Trail Image">
<div class="gallery-photo-overlay">
<p>
Nsectetur <br>
adipisicg elit do
</p>
<span class="icon-overlay">
<a href="#">
<i class="fa fa-heart"></i>
</a>
<a class="pretty-photo" href="images/gallery-slider/gallery-img-1-big.jpg" data-gal="prettyPhoto[gallery-photo-thumb]">
<i class="fa fa-search"></i>
</a>
</span>
</div>
</div>
</div>
<div class="item">
<div class="gallery-image">
<img src="images/gallery-slider/gallery-img-2.jpg" alt="Trail Image">
<div class="gallery-photo-overlay">
<p>
Nsectetur <br>
adipisicg elit do
</p>
<span class="icon-overlay">
<a href="#">
<i class="fa fa-heart"></i>
</a>
<a class="pretty-photo" href="images/gallery-slider/gallery-img-2-big.jpg" data-gal="prettyPhoto[gallery-photo-thumb]">
<i class="fa fa-search"></i>
</a>
</span>
</div>
</div>
</div>
<div class="item">
<div class="gallery-image">
<img src="images/gallery-slider/gallery-img-3.jpg" alt="Trail Image">
<div class="gallery-photo-overlay">
<p>
Nsectetur <br>
adipisicg elit do
</p>
<span class="icon-overlay">
<a href="#">
<i class="fa fa-heart"></i>
</a>
<a class="pretty-photo" href="images/gallery-slider/gallery-img-3-big.jpg" data-gal="prettyPhoto[gallery-photo-thumb]">
<i class="fa fa-search"></i>
</a>
</span>
</div>
</div>
</div>
<div class="item">
<div class="gallery-image">
<img src="images/gallery-slider/gallery-img-4.jpg" alt="Trail Image">
<div class="gallery-photo-overlay">
<p>
Nsectetur <br>
adipisicg elit do
</p>
<span class="icon-overlay">
<a href="#">
<i class="fa fa-heart"></i>
</a>
<a class="pretty-photo" href="images/gallery-slider/gallery-img-4-big.jpg" data-gal="prettyPhoto[gallery-photo-thumb]">
<i class="fa fa-search"></i>
</a>
</span>
</div>
</div>
</div>
<div class="item">
<div class="gallery-image">
<img src="images/gallery-slider/gallery-img-1.jpg" alt="Trail Image">
<div class="gallery-photo-overlay">
<p>
Nsectetur <br>
adipisicg elit do
</p>
<span class="icon-overlay">
<a href="#">
<i class="fa fa-heart"></i>
</a>
<a class="pretty-photo" href="images/gallery-slider/gallery-img-1-big.jpg" data-gal="prettyPhoto[gallery-photo-thumb]">
<i class="fa fa-search"></i>
</a>
</span>
</div>
</div>
</div>
<div class="item">
<div class="gallery-image">
<img src="images/gallery-slider/gallery-img-2.jpg" alt="Trail Image">
<div class="gallery-photo-overlay">
<p>
Nsectetur <br>
adipisicg elit do
</p>
<span class="icon-overlay">
<a href="#">
<i class="fa fa-heart"></i>
</a>
<a class="pretty-photo" href="images/gallery-slider/gallery-img-2-big.jpg" data-gal="prettyPhoto[gallery-photo-thumb]">
<i class="fa fa-search"></i>
</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Gallery -->
</div>
<!-- end party images -->
<!-- strat below gallery area -->
<div id="below-gallery">
<div class="container">
<div class="row">
<div class="col-sm-4">
<div id="gallery-text">
<p>vapour offer let's </p>
<h4 class="wow fadeInDown" data-wow-duration="0.3s"><span class="h4-style1">begin the</span> party</h4>
</div>
</div>
<div class="col-sm-8">
<div id="gallery-para">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
</div>
</div>
</div>
</div>
</div>
<!-- end below gallery area -->
<!-- packages -->
<div id="packages">
<div class="container packages-container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6 col-sm-offset-3 col-md-offset-0 col-xs-offset-0 package">
<div class="package-container wow fadeIn" data-wow-duration="1s">
<div class="package-image">
<img class="img-responsive" src="images/package-img-1.jpg" alt="pkg image">
</div>
<div class="package-info">
<h3>
cycle journey
</h3>
<p>
1 Month Programe
</p>
<div class="col-xs-2 col-sm-2 col-md-2 package-info-icon">
<!-- <img src="images/pkg-opt-indicator.png" alt="icon"> -->
<i class="fa fa-arrow-right"></i>
</div>
<div class="col-xs-10 col-sm-10 col-md-10 package-info-text">
<p>
multi-day self guided or guided tips
</p>
</div>
<div class="clearfix visible-xs"></div>
<div class="clearfix visible-sm"></div>
<div class="clearfix visible-md"></div>
<div class="col-xs-2 col-sm-2 col-md-2 package-info-icon">
<!-- <img src="images/pkg-opt-indicator.png" alt="icon"> -->
<i class="fa fa-arrow-right"></i>
</div>
<div class="col-xs-10 col-sm-10 col-md-10 package-info-text">
<p>
a20 cycle trail experts
</p>
</div>
<div class="clearfix visible-xs"></div>
<div class="clearfix visible-sm"></div>
<div class="clearfix visible-md"></div>
<div class="col-xs-2 col-sm-2 col-md-2 package-info-icon">
<!-- <img src="images/pkg-opt-indicator.png" alt="icon"> -->
<i class="fa fa-arrow-right"></i>
</div>
<div class="col-xs-10 col-sm-10 col-md-10 package-info-text">
<p>
luggage trabsfer
</p>
</div>
<div class="clearfix visible-xs"></div>
<div class="clearfix visible-sm"></div>
<div class="clearfix visible-md"></div>
</div>
<div class="select-button">
<p>$120/product</p>
<a href="#" class="btn btn-select-pkg pull-right">
<i class="fa fa-chevron-right"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-sm-offset-3 col-md-offset-0 col-xs-offset-0 package">
<div class="package-container wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
<div class="package-image">
<img class="img-responsive" src="images/package-img-2.jpg" alt="pkg image">
</div>
<div class="package-info">
<h3>
trail journey
</h3>
<p>
1 Month Programe
</p>
<div class="col-xs-2 col-sm-2 col-md-2 package-info-icon">
<!-- <img src="images/pkg-opt-indicator.png" alt="icon"> -->
<i class="fa fa-arrow-right"></i>
</div>
<div class="col-xs-10 col-sm-10 col-md-10 package-info-text">
<p>
multi-day self guided or guided tips
</p>
</div>
<div class="clearfix visible-xs"></div>
<div class="clearfix visible-sm"></div>
<div class="clearfix visible-md"></div>
<div class="col-xs-2 col-sm-2 col-md-2 package-info-icon">
<!-- <img src="images/pkg-opt-indicator.png" alt="icon"> -->
<i class="fa fa-arrow-right"></i>
</div>
<div class="col-xs-10 col-sm-10 col-md-10 package-info-text">
<p>
a20 cycle trail experts
</p>
</div>
<div class="clearfix visible-xs"></div>
<div class="clearfix visible-sm"></div>
<div class="clearfix visible-md"></div>
<div class="col-xs-2 col-sm-2 col-md-2 package-info-icon">
<!-- <img src="images/pkg-opt-indicator.png" alt="icon"> -->
<i class="fa fa-arrow-right"></i>
</div>
<div class="col-xs-10 col-sm-10 col-md-10 package-info-text">
<p>
luggage trabsfer
</p>
</div>
<div class="clearfix visible-xs"></div>
<div class="clearfix visible-sm"></div>
<div class="clearfix visible-md"></div>
</div>
<div class="select-button">
<p>$160/product</p>
<a href="#" class="btn btn-select-pkg pull-right">
<i class="fa fa-chevron-right"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-sm-offset-3 col-md-offset-0 col-xs-offset-0 package">
<div class="package-container wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
<div class="package-image">
<img class="img-responsive" src="images/package-img-3.jpg" alt="pkg image">
</div>
<div class="package-info">
<h3>
adventure south
</h3>
<p>
1 month programe
</p>
<div class="col-xs-2 col-sm-2 col-md-2 package-info-icon">
<!-- <img src="images/pkg-opt-indicator.png" alt="icon"> -->
<i class="fa fa-arrow-right"></i>
</div>
<div class="col-xs-10 col-sm-10 col-md-10 package-info-text">
<p>
multi-day self guided or guided tips
</p>
</div>
<div class="clearfix visible-xs"></div>
<div class="clearfix visible-sm"></div>
<div class="clearfix visible-md"></div>
<div class="col-xs-2 col-sm-2 col-md-2 package-info-icon">
<!-- <img src="images/pkg-opt-indicator.png" alt="icon"> -->
<i class="fa fa-arrow-right"></i>
</div>
<div class="col-xs-10 col-sm-10 col-md-10 package-info-text">
<p>
a20 cycle trail experts
</p>
</div>
<div class="clearfix visible-xs"></div>
<div class="clearfix visible-sm"></div>
<div class="clearfix visible-md"></div>
<div class="col-xs-2 col-sm-2 col-md-2 package-info-icon">
<!-- <img src="images/pkg-opt-indicator.png" alt="icon"> -->
<i class="fa fa-arrow-right"></i>
</div>
<div class="col-xs-10 col-sm-10 col-md-10 package-info-text">
<p>
luggage trabsfer
</p>
</div>
<div class="clearfix visible-xs"></div>
<div class="clearfix visible-sm"></div>
<div class="clearfix visible-md"></div>
</div>
<div class="select-button">
<p>$190/product</p>
<a href="#" class="btn btn-select-pkg pull-right">
<i class="fa fa-chevron-right"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- packages -->
<!-- start blog section-->
<div id="blog-section">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div id="blog-text">
<h1>whats about vapor</h1>
<p class="wow fadeInDown" data-wow-duration="0.3s">aewsome <span class="h4-style">blog section</span></p>
</div>
</div>
</div>
<div id="blog-images">
<div class="row">
<div class="col-md-4 col-sm-6 col-sm-offset-3 col-xs-offset-0 col-md-offset-0">
<div class="blog-image wow fadeIn" data-wow-duration="1s">
<img src="images/blog-img1.png" alt="blog img1">
<div class="blog-text">
<h1>
<a href="#">Recent aliquet fermentum magna Nunc urna Class aptent </a>
</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
<a href="#">read more</a>
<hr>
<div class="blog-socials">
<i class="fa fa-clock-o"></i>
<p>28 june 2015</p>
<i class="fa fa-user"></i>
<p>from admin</p>
<i class="fa fa-comments"></i>
<p>251</p>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-sm-offset-3 col-xs-offset-0 col-md-offset-0">
<div class="blog-image wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
<img src="images/blog-img2.png" alt="blog img2">
<div class="blog-text">
<h1>
<a href="#">Recent aliquet fermentum magna Nunc urna Class aptent</a>
</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
<a href="#">read more</a>
<hr>
<div class="blog-socials">
<i class="fa fa-clock-o"></i>
<p>28 june 2015</p>
<i class="fa fa-user"></i>
<p>from admin</p>
<i class="fa fa-comments"></i>
<p>251</p>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-sm-offset-3 col-xs-offset-0 col-md-offset-0">
<div class="blog-image wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
<img src="images/blog-img3.png" alt="blog img3">
<div class="blog-text">
<h1>
<a href="#">Recent aliquet fermentum magna Nunc urna Class aptent</a>
</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
<a href="#">read more</a>
<hr>
<div class="blog-socials">
<i class="fa fa-clock-o"></i>
<p>28 june 2015</p>
<i class="fa fa-user"></i>
<p>from admin</p>
<i class="fa fa-comments"></i>
<p>251</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end blog section-->
<!-- strat below gallery area -->
<div id="below-blog">
<div class="container">
<div class="row">
<div class="col-sm-4">
<div id="below-blog-text">
<p>get in touch </p>
<h4 class="wow fadeInDown" data-wow-duration="0.3s"><span class="h4-style1">we can</span> help you!</h4>
</div>
</div>
<div class="col-sm-8">
<div id="below-blog-para">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
</div>
</div>
</div>
</div>
</div>
<!-- end below gallery area -->
<!-- Contact -->
<div id="contact">
<div class="container contact-container">
<div class="row">
<div class="col-sm-4">
<div class="contact-info wow fadeIn" data-wow-duration="1s">
<div class="col-xs-1 contact-info-icon">
<i class="fa fa-map-marker"></i>
</div>
<div class="col-xs-11 contact-info-text">
<p>
Los Angeles, 1234, ipsum set emt Tehun Street 008 road 234-5678
</p>
</div>
</div>
<div class="contact-info wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
<div class="col-xs-1 contact-info-icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="col-xs-11 contact-info-text">
<a href="#">info@domain.com</a>
<br>
<a href="#">personal@mail.com</a>
</div>
</div>
<div class="contact-info contact-style wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
<div class="col-xs-1 contact-info-icon">
<i class="fa fa-phone"></i>
</div>
<div class="col-xs-11 contact-info-text">
<p>(800) 9235 3658 32</p>
<p>(800) 9256 1236 00</p>
</div>
</div>
</div>
<div class="col-sm-8">
<div class="expMessage"></div>
<form method="post" class="form-inline bottom-contact-form wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
<input placeholder="Name" name="formInput[name]" type="text" class="form-control" required>
<input placeholder="Email" name="formInput[email]" type="email" class="form-control" required>
<textarea class="form-control" rows="8" name="formInput[message]" placeholder="Message" required></textarea>
<button type="submit" value="submit" class="btn btn-default btn-contact hvr-shutter-in-horizontal">
submit
</button>
<input type="hidden" name="action" value="submitform">
</form>
</div>
</div>
</div>
</div>
<!-- Contact -->
<!-- Map -->
<div class="map-container wow fadeIn" data-wow-duration="1s">
<div id="map-canvas"></div>
</div>
<!-- MAP SECTION END -->
<!-- Map -->
<!-- Footer -->
<div id="footer" class="module parallax parallax-9">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="1s">
<div class="footer-about">
<h3>
<span>
about
</span>
</h3>
<p>
Integer imperdiet aliquet velit, vel tinci dunt lectus dictum sed. Cura bitur dign issim ut massa vel tinci dunt. Nullam imperdiet pharetra.
</p>
<div class="social">
<a class="hvr-sweep-to-bottom" href="https://www.facebook.com/">
<i class="fa fa-facebook"></i>
</a>
<a class="hvr-sweep-to-bottom" href="https://www.twitter.com/">
<i class="fa fa-twitter"></i>
</a>
<a class="hvr-sweep-to-bottom" href="https://plus.google.com/">
<i class="fa fa-google-plus"></i>
</a>
<a class="hvr-sweep-to-bottom" href="https://www.linkedin.com/">
<i class="fa fa-linkedin"></i>
</a>
</div>
</div>
</div>
<div class="clearfix visible-xs"></div>
<div class="col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-delay="0.3s" data-wow-duration="1s">
<div class="footer-post">
<h3>
<span>
Latest posts
</span>
</h3>
<div class="latest-post-links">
<p>
<a href="#" class="latest-post-link">
Completely Re-Engineer superior fast and fit
</a>
<span class="post-date">
12 April 2015
</span>
</p>
<p>
<a href="#" class="latest-post-link">
Completely Re-Engineer fast and fit superior
</a>
<span class="post-date">
12 April 2015
</span>
</p>
<p>
<a href="#" class="latest-post-link">
Completely Re-Engineer is fast and fit superior
</a>
<span class="post-date">
12 April 2015
</span>
</p>
</div>
</div>
</div>
<div class="clearfix visible-xs"></div>
<div class="clearfix visible-sm"></div>
<div class="col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-delay="0.6s" data-wow-duration="1s">
<div class="footer-trail">
<h3>
<span>
Trails
</span>
</h3>
<div class="footer-trail-links">
<p>
<a href="#" class="footer-trail-link">
<i class="fa fa-chevron-right"></i>
Dolor sit amet, consectr scing
</a>
</p>
<p>
<a href="#" class="footer-trail-link">
<i class="fa fa-chevron-right"></i>
Vel Tincidunt lectus
</a>
</p>
<p>
<a href="#" class="footer-trail-link">
<i class="fa fa-chevron-right"></i>
Curabitur Dignissim Ut
</a>
</p>
<p>
<a href="#" class="footer-trail-link">
<i class="fa fa-chevron-right"></i>
Libero Mauris Luctus
</a>
</p>
<p>
<a href="#" class="footer-trail-link">
<i class="fa fa-chevron-right"></i>
Fetiam Convallis
</a>
</p>
<p>
<a href="#" class="footer-trail-link">
<i class="fa fa-chevron-right"></i>
Donec a Scelerisque
</a>
</p>
</div>
</div>
</div>
<div class="clearfix visible-xs"></div>
<div class="col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-delay="0.9s" data-wow-duration="1s">
<h3>
<span>
Gallery
</span>
</h3>
<div class="bottom-image-group">
<div class="bottom-image-col">
<a href="#" class="photo-item">
<img class="img-responsive" src="images/footer-gal-1.jpg" alt="">
</a>
</div>
<div class="bottom-image-col">
<a href="#" class="photo-item">
<img class="img-responsive" src="images/footer-gal-2.jpg" alt="image">
</a>
</div>
<div class="bottom-image-col">
<a href="#" class="photo-item">
<img class="img-responsive" src="images/footer-gal-3.jpg" alt="image">
</a>
</div>
<div class="bottom-image-col">
<a href="#" class="photo-item">
<img class="img-responsive" src="images/footer-gal-4.jpg" alt="image">
</a>
</div>
<div class="bottom-image-col">
<a href="#" class="photo-item">
<img class="img-responsive" src="images/footer-gal-5.jpg" alt="image">
</a>
</div>
<div class="bottom-image-col">
<a href="#" class="photo-item">
<img class="img-responsive" src="images/footer-gal-6.jpg" alt="image">
</a>
</div>
<div class="bottom-image-col">
<a href="#" class="photo-item">
<img class="img-responsive" src="images/footer-gal-7.jpg" alt="image">
</a>
</div>
<div class="bottom-image-col">
<a href="#" class="photo-item">
<img class="img-responsive" src="images/footer-gal-8.jpg" alt="image">
</a>
</div>
<div class="bottom-image-col">
<a href="#" class="photo-item">
<img class="img-responsive" src="images/footer-gal-9.jpg" alt="image">
</a>
</div>
</div>
</div>
<div class="clearfix visible-xs"></div>
<div class="clearfix visible-sm"></div>
</div>
</div>
</div>
<!-- Footer -->
<!-- Copyright -->
<div id="copyright">
<div class="container">
<div class="row text-center">
<p>
Copyright 2015 - Vapor. All Rights Reserved. Designed by <a href="#">LayersTheme.com</a>
</p>
</div>
</div>
</div>
<!-- Copyright -->
<!-- Scripts -->
<script src="js/wow.min.js"></script>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/masterslider.min.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/owl-slider.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="js/custom.js"></script>
<!-- end scripts -->
<script type="text/javascript">
jQuery(function() {
$('form.bottom-contact-form').on('submit', function(){
$("<div />").addClass("formOverlay").appendTo($(this));
var curForm = jQuery(this);
$.ajax({
url: 'mail.php',
type: 'POST',
data: jQuery(curForm).serialize(),
success: function(data) {
var res=data.split("::");
jQuery(curForm).find("div.formOverlay").remove();
jQuery(curForm).prev('.expMessage').html(res[1]);
if(res[0]=='Success')
{
jQuery(curForm).remove();
jQuery(curForm).prev('.expMessage').html('');
}
}
});
return false;
});
});
</script>
</body>
</html>