File: /home/vmasmheia229/domains/s148287.gridserver.com/index-video-bg.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Enigma | Home Video Bg</title>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="">
<!-- Google Fonts -->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700%7CPT+Serif:400,700,400italic' rel='stylesheet'>
<!-- Css -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/magnific-popup.css" />
<link rel="stylesheet" href="css/font-icons.css" />
<link rel="stylesheet" href="revolution/css/settings.css" />
<link rel="stylesheet" href="css/rev-slider.css" />
<link rel="stylesheet" href="css/sliders.css">
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/responsive.css" />
<link rel="stylesheet" href="css/spacings.css" />
<link rel="stylesheet" href="css/animate.css" />
<link rel="stylesheet" href="css/color.css" />
<!-- Favicons -->
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
</head>
<body data-spy="scroll" data-offset="60" data-target=".navbar-fixed-top">
<!-- Preloader -->
<div class="loader-mask">
<div class="loader">
"Loading..."
</div>
</div>
<!-- Navigation -->
<header class="nav-type-1" id="home">
<nav class="navbar navbar-fixed-top">
<div class="navigation-overlay">
<div class="container-fluid relative">
<div class="row">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Logo -->
<div class="logo-container">
<div class="logo-wrap local-scroll">
<a href="#home">
<img class="logo" src="img/logo_light.png" alt="logo">
</a>
</div>
</div>
</div> <!-- end navbar-header -->
<div class="col-md-8 col-xs-12 nav-wrap">
<div class="collapse navbar-collapse text-center" id="navbar-collapse">
<ul class="nav navbar-nav local-scroll text-center">
<li class="active">
<a href="#home">Home</a>
</li>
<li>
<a href="#services">Services</a>
</li>
<li>
<a href="#portfolio">Works</a>
</li>
<li>
<a href="#about-us">About</a>
</li>
<li>
<a href="#blog">Blog</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
</div>
</div> <!-- end col -->
<div class="menu-socials hidden-sm hidden-xs">
<ul>
<li>
<a href="#"><i class="fa fa-behance"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-linkedin"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
</ul>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</div> <!-- end navigation -->
</nav> <!-- end navbar -->
</header> <!-- end navigation -->
<div class="main-wrapper-onepage main oh">
<!-- Video Background -->
<section class="hero-wrap video-container text-center">
<div class="container container-full-height">
<div class="video-wrap"
data-vide-bg="mp4: video/video, webm: video/video, ogv: video/video, poster: video/video"
data-vide-options="posterType: jpg, loop: true, muted: true, position: 50%">
<div class="video-overlay"></div>
<div class="video-img"></div>
</div>
<div class="hero-holder">
<div class="hero-message text-rotator">
<h1><span class="rotate">Awesome Features, Creative Design, Amazing Template</span></h1>
<h2 class="hero-subtitle hidden-xs">Enigma is a Creative Minimal Style Onepage. It is Fully Responsive and Retina Ready. Grab This Awesome Template Now.</h2>
<div class="buttons-holder mt-30">
<a href="http://vimeo.com/19270640" class="btn btn-lg btn-transparent lightbox-video mfp-iframe">Play Video</a>
<a href="#" class="btn btn-lg btn-white">Purchase it</a>
</div>
<div class="local-scroll">
<a href="#intro" class="scroll-down">
<i class="fa fa-angle-down"></i>
</a>
</div>
</div>
</div>
</div>
</section> <!-- end video bg -->
<!-- Intro -->
<section class="section-wrap intro" id="intro">
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-center wow slideInUp" data-wow-duration="1.2s" data-wow-delay="0s">
<h2 class="intro-heading heading-frame">Welcome to Enigma</h2>
<p class="intro-text mb-60">
We continuosly seek between design and technology. For over a decade, we've helped businesses to craft honest, emotional experiences through strategy, brand development, graphic design, web design. Our team hand picked to provide the right balance of skills to work.
</p>
<img src="img/intro_logo.png" alt="" />
</div>
</div>
</div>
</section> <!-- end intro -->
<!-- Results -->
<section class="result-boxes">
<div class="container-fluid">
<div class="row">
<div class="col-md-4 nopadding">
<div class="statistic result-box result-box-first">
<div class="result-wrap clearfix">
<i class="icon icon-ChemicalGlass"></i>
<span class="timer" data-from="0" data-to="1200"></span>
<span class="counter-text">Design Experiments</span>
</div>
</div>
</div> <!-- end first result box -->
<div class="col-md-4 nopadding">
<div class="statistic result-box result-box-second">
<div class="result-wrap clearfix">
<i class="icon icon-Cup"></i>
<span class="timer" data-from="0" data-to="578"></span>
<span class="counter-text">Awards Won</span>
</div>
</div>
</div> <!-- end second result box -->
<div class="col-md-4 nopadding">
<div class="statistic result-box result-box-third">
<div class="result-wrap clearfix">
<i class="icon icon-Mail"></i>
<span class="timer" data-from="0" data-to="12489"></span>
<span class="counter-text">Messages Sent</span>
</div>
</div>
</div> <!-- end third result box -->
</div>
</div>
</section> <!-- end results-->
<!-- Our Services -->
<section class="section-wrap bg-light pb-mdm-50 pb-130" id="services">
<div class="container">
<div class="row heading">
<div class="col-md-6 col-md-offset-3">
<h2 class="text-center bottom-line">Our Services</h2>
<p class="subheading text-center">Continuously Creating Daring Digital Solutions</p>
</div>
</div>
<div class="row">
<div class="col-md-4 service-item">
<div class="service-item-box icon-effect-1 icon-effect-1a text-center">
<a href="#">
<i class="icon icon-Star hi-icon"></i>
</a>
<h3>Great Design</h3>
<p>Our web design team will spend time with our digital marketing team to ensure the core principles of effective websites.</p>
</div>
</div> <!-- end service item -->
<div class="col-md-4 service-item">
<div class="service-item-box icon-effect-1 icon-effect-1a text-center">
<a href="#">
<i class="icon icon-Layers hi-icon"></i>
</a>
<h3>Perfect Coding</h3>
<p>Our web design team will spend time with our digital marketing team to ensure the core principles of effective websites.</p>
</div>
</div> <!-- end service item -->
<div class="col-md-4 service-item">
<div class="service-item-box icon-effect-1 icon-effect-1a text-center">
<a href="#">
<i class="icon icon-Chart hi-icon"></i>
</a>
<h3>Marketing</h3>
<p>Our web design team will spend time with our digital marketing team to ensure the core principles of effective websites.</p>
</div>
</div> <!-- end service item -->
<div class="col-md-4 service-item">
<div class="service-item-box icon-effect-1 icon-effect-1a text-center">
<a href="#">
<i class="icon icon-User hi-icon"></i>
</a>
<h3>Support</h3>
<p>Our web design team will spend time with our digital marketing team to ensure the core principles of effective websites.</p>
</div>
</div> <!-- end service item -->
<div class="col-md-4 service-item">
<div class="service-item-box icon-effect-1 icon-effect-1a text-center">
<a href="#">
<i class="icon icon-Settings hi-icon"></i>
</a>
<h3>Development</h3>
<p>Our web design team will spend time with our digital marketing team to ensure the core principles of effective websites.</p>
</div>
</div> <!-- end service item -->
<div class="col-md-4 service-item">
<div class="service-item-box icon-effect-1 icon-effect-1a text-center">
<a href="#">
<i class="icon icon-DesktopMonitor hi-icon"></i>
</a>
<h3>Web Design</h3>
<p>Our web design team will spend time with our digital marketing team to ensure the core principles of effective websites.</p>
</div>
</div> <!-- end service item -->
</div>
</div>
</section> <!-- end services -->
<!-- Promo Section -->
<section class="section-wrap promo-section bg-dark">
<div id="owl-promo" class="owl-carousel owl-theme">
<div class="item">
<div class="container">
<div class="row">
<div class="col-md-6 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
<img src="img/promo_img_1.png" alt="">
</div>
<div class="col-md-6 promo-description">
<p class="subheading">Chase Your Dream</p>
<h3 class="color-white">Best Html Template Ever</h3>
<p class="mb-30"> We want to tell your brand’s story with quality content that will help you inspire your audience, build meaningful connections and grow your success. Different marketing goals mean different content tools.</p>
<a href="#" class="btn btn-lg btn-color">Purchase Now</a>
<div class="customNavigation mt-40">
<a class="prev"><i class="icon arrow_left"></i></a>
<a class="next"><i class="icon arrow_right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="container">
<div class="row">
<div class="col-md-6 wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
<img src="img/promo_img_2.png" alt="">
</div>
<div class="col-md-6 promo-description">
<p class="subheading">Chase Your Dream</p>
<h3 class="color-white">Touch Owl Carousel Slider</h3>
<p class="mb-30"> We want to tell your brand’s story with quality content that will help you inspire your audience, build meaningful connections and grow your success. Different marketing goals mean different content tools.</p>
<a href="#" class="btn btn-lg btn-color">Purchase Now</a>
<div class="customNavigation mt-40">
<a class="prev"><i class="icon arrow_left"></i></a>
<a class="next"><i class="icon arrow_right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="container">
<div class="row">
<div class="col-md-6 wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
<img src="img/promo_img_3.png" alt="">
</div>
<div class="col-md-6 promo-description">
<p class="subheading">Chase Your Dream</p>
<h3 class="color-white">Self Hosted Video Background</h3>
<p class="mb-30"> We want to tell your brand’s story with quality content that will help you inspire your audience, build meaningful connections and grow your success. Different marketing goals mean different content tools.</p>
<a href="#" class="btn btn-lg btn-color">Purchase Now</a>
<div class="customNavigation mt-40">
<a class="prev"><i class="icon arrow_left"></i></a>
<a class="next"><i class="icon arrow_right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- end slider -->
</section> <!-- end promo section -->
<!-- Portfolio -->
<section class="section-wrap works-grid-3-col-wide pb-0" id="portfolio">
<div class="container-fluid">
<div class="row heading">
<div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3">
<h2 class="text-center bottom-line">Latest Works</h2>
<p class="subheading text-center">We Take Care For Every Detail</p>
</div>
</div>
<div class="grid-3-col grid-wide grid-gutter grayscale">
<div class="work-item web-design print">
<div class="work-img">
<img src="img/project_1.jpg" alt="">
<div class="work-overlay">
<div class="work-description">
<h3>
<a href="portfolio-single">Poster Mockup</a>
</h3>
<span>
<a href="#">Print</a>
</span>
</div>
<a href="img/project_1_big.jpg" class="lightbox-gallery btn btn-lg btn-transparent" title="Poster Mockup">View Work</a>
</div>
</div>
</div> <!-- end work-item -->
<div class="work-item web-design branding">
<div class="work-img">
<img src="img/project_2.jpg" alt="">
<div class="work-overlay">
<div class="work-description">
<h3>
<a href="portfolio-single">Vimeo Lightbox</a>
</h3>
<span>
<a href="#">Branding</a>
</span>
</div>
<a href="http://vimeo.com/19270640" class="lightbox-gallery mfp-iframe btn btn-lg btn-transparent">View Work</a>
</div>
</div>
</div> <!-- end work-item -->
<div class="work-item web-design branding">
<div class="work-img">
<img src="img/project_3.jpg" alt="">
<div class="work-overlay">
<div class="work-description">
<h3>
<a href="portfolio-single">Youtube Lightbox</a>
</h3>
<span>
<a href="#">Branding</a>
</span>
</div>
<a href="https://www.youtube.com/watch?v=Scxs7L0vhZ4?autoplay=1" class="lightbox-gallery mfp-iframe btn btn-lg btn-transparent">View Work</a>
</div>
</div>
</div> <!-- end work-item -->
<div class="work-item web-design print">
<div class="work-img">
<img src="img/project_4.jpg" alt="">
<div class="work-overlay">
<div class="work-description">
<h3>
<a href="portfolio-single">Brod Identity</a>
</h3>
<span>
<a href="#">Branding</a>
</span>
</div>
<a href="img/project_4_big.jpg" class="lightbox-gallery btn btn-lg btn-transparent" title="Brod Identity">View Work</a>
</div>
</div>
</div> <!-- end work-item -->
<div class="work-item web-design branding">
<div class="work-img">
<img src="img/project_5.jpg" alt="">
<div class="work-overlay">
<div class="work-description">
<h3>
<a href="portfolio-single">Cup Mockup</a>
</h3>
<span>
<a href="#">Branding</a>
</span>
</div>
<a href="img/project_5_big.jpg" class="lightbox-gallery btn btn-lg btn-transparent" title="Cup Mockup">View Work</a>
</div>
</div>
</div> <!-- end work-item -->
<div class="work-item web-design branding">
<div class="work-img">
<img src="img/project_6.jpg" alt="">
<div class="work-overlay">
<div class="work-description">
<h3>
<a href="portfolio-single">Stationery Mockup</a>
</h3>
<span>
<a href="#">Branding</a>
</span>
</div>
<a href="img/project_6_big.jpg" class="lightbox-gallery btn btn-lg btn-transparent" title="Stationery Mockup">View Work</a>
</div>
</div>
</div> <!-- end work-item -->
</div>
</div>
</section> <!-- end portfolio-->
<!-- Call to Action -->
<section class="call-to-action">
<div class="container">
<div class="row">
<div class="col-md-9 col-xs-12">
<h2>Have You Fallen In Love Already With Our Works?</h2>
</div>
<div class="col-md-3 col-xs-12 cta-button">
<a href="#" class="btn btn-lg btn-color">View Portfolio</a>
</div>
</div>
</div>
</section> <!-- end call to action -->
<!-- Process -->
<section class="section-wrap process" style="background-image: url(img/process_bg.jpg)">
<div class="container">
<div class="row heading">
<div class="col-md-6 col-md-offset-3">
<h2 class="text-center color-white bottom-line">Our Process</h2>
<p class="subheading text-center color-white">That's How We Do It</p>
</div>
</div>
<div class="row">
<div class="col-sm-5ths">
<div class="process-item">
<div class="process-wrap text-center">
<i class="icon icon-ClipboardText"></i>
<h3>1. Planning</h3>
</div>
</div>
</div> <!-- end step -->
<div class="col-sm-5ths">
<div class="process-item">
<div class="process-wrap text-center">
<i class="icon icon-Bulb"></i>
<h3>2. Idea</h3>
</div>
</div>
</div> <!-- end step -->
<div class="col-sm-5ths">
<div class="process-item">
<div class="process-wrap text-center">
<i class="icon icon-Edit"></i>
<h3>3. Design</h3>
</div>
</div>
</div> <!-- end step -->
<div class="col-sm-5ths">
<div class="process-item">
<div class="process-wrap text-center">
<i class="icon icon-Settings"></i>
<h3>4. Development</h3>
</div>
</div>
</div> <!-- end step -->
<div class="col-sm-5ths">
<div class="process-item last">
<div class="process-wrap text-center">
<i class="icon icon-Web"></i>
<h3>5. Result</h3>
</div>
</div>
</div> <!-- end step -->
</div>
</div>
</section> <!-- process -->
<!-- Our Team -->
<section class="section-wrap pb-0 our-team" id="about-us">
<div class="container">
<div class="row heading">
<div class="col-md-6 col-md-offset-3">
<h2 class="text-center bottom-line">Meet Our Team</h2>
<p class="subheading text-center">Creative Nerds</p>
</div>
</div>
<div class="row team-row">
<div class="col-md-4 col-sm-6 team-wrap">
<div class="team-member text-center">
<div class="team-img">
<img src="img/team_1.jpg" alt="">
<div class="overlay">
<div class="team-details text-center">
<p>
Our web design team will spend time with our digital marketing team.
</p>
<div class="socials mt-20">
<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-envelope"></i></a>
</div>
</div>
</div>
</div>
<h6 class="team-title">John Marshall</h6>
<span>Designer</span>
</div>
</div> <!-- end team member -->
<div class="col-md-4 col-sm-6 team-wrap">
<div class="team-member text-center">
<div class="team-img">
<img src="img/team_2.jpg" alt="">
<div class="overlay">
<div class="team-details text-center">
<p>
Our web design team will spend time with our digital marketing team.
</p>
<div class="socials mt-20">
<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-envelope"></i></a>
</div>
</div>
</div>
</div>
<h6 class="team-title">Steve Roberts</h6>
<span>Photographer</span>
</div>
</div> <!-- end team member -->
<div class="col-md-4 col-sm-6 team-wrap">
<div class="team-member last text-center">
<div class="team-img">
<img src="img/team_3.jpg" alt="">
<div class="overlay">
<div class="team-details text-center">
<p>
Our web design team will spend time with our digital marketing team.
</p>
<div class="socials mt-20">
<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-envelope"></i></a>
</div>
</div>
</div>
</div>
<h6 class="team-title">Michael Cartney</h6>
<span>Designer</span>
</div>
</div> <!-- end team member -->
</div>
</div>
</section> <!-- end our team -->
<!-- About us / Progress Bars -->
<section class="section-wrap pt-110">
<div class="container">
<div class="row mt-minus-30">
<div class="col-sm-6">
<div class="about-description mt-30">
<h4>About Us</h4>
<p>Our web design team will spend time with our digital marketing team to ensure the core principles of effective websites and development.</p>
<p>We want to tell your brand’s story with quality content that will help you inspire your audience, build meaningful connections and grow your success. Different marketing goals mean different content tools.</p>
</div>
</div> <!-- end col -->
<div class="col-sm-6">
<div class="skills-progress" id="skills">
<h6>Design <span>100%</span></h6>
<div class="progress-solid meter">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="100" class="progress-bar" role="progressbar">
<span class="sr-only">100% Complete</span>
</div>
</div>
<h6>Marketing <span>70%</span></h6>
<div class="progress-solid meter">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="70" class="progress-bar" role="progressbar">
<span class="sr-only">70% Complete</span>
</div>
</div>
<h6>Development <span>90%</span></h6>
<div class="progress-solid meter" id="animated-skills">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" class="progress-bar" role="progressbar">
<span class="sr-only">90% Complete</span>
</div>
</div>
</div>
</div> <!-- end col -->
</div>
</div>
</section> <!-- end progress bars -->
<!-- From Blog -->
<section class="section-wrap bg-light from-blog" id="blog">
<div class="container">
<div class="row heading">
<div class="col-md-6 col-md-offset-3">
<h2 class="text-center bottom-line">From Blog</h2>
<p class="subheading text-center">Our Latest News</p>
</div>
</div>
<div class="container">
<div class="row">
<div id="owl-blog" class="owl-carousel owl-theme">
<div class="blog-col">
<div class="entry-img">
<a href="blog-single.html">
<img src="img/blog_1.jpg" alt="">
</a>
</div>
<div class="entry-box">
<div class="entry-title">
<h4><a href="blog-single.html">All Process Food Lab Studio</a></h4>
</div>
<ul class="entry-meta">
<li>by <a href="blog-single">John Marshal</a></li>
<li>
<a href="#">July 10, 2015</a>
</li>
</ul>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
<a href="blog-single.html" class="read-more">Read More</a>
</div>
</div>
</div> <!-- end post -->
<div class="blog-col">
<div class="entry-img">
<a href="blog-single.html">
<img src="img/blog_2.jpg" alt="">
</a>
</div>
<div class="entry-box">
<div class="entry-title">
<h4><a href="blog-single.html">Amazing magazines</a></h4>
</div>
<ul class="entry-meta">
<li>by <a href="blog-single">John Marshal</a></li>
<li>
<a href="#">July 10, 2015</a>
</li>
</ul>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
<a href="blog-single.html" class="read-more">Read More</a>
</div>
</div>
</div> <!-- end post -->
<div class="blog-col">
<div class="entry-img">
<a href="blog-single.html">
<img src="img/blog_3.jpg" alt="">
</a>
</div>
<div class="entry-box">
<div class="entry-title">
<h4><a href="blog-single.html">All Process Food Lab Studio</a></h4>
</div>
<ul class="entry-meta">
<li>by <a href="blog-single">John Marshal</a></li>
<li>
<a href="#">July 10, 2015</a>
</li>
</ul>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
<a href="blog-single.html" class="read-more">Read More</a>
</div>
</div>
</div> <!-- end post -->
<div class="blog-col last">
<div class="entry-slider oh">
<div class="flexslider" id="one-img-slide">
<ul class="slides">
<li>
<a href="#">
<img src="img/blog_gallery_1.jpg" alt="">
</a>
</li>
<li>
<a href="#">
<img src="img/blog_gallery_2.jpg" alt="">
</a>
</li>
<li>
<a href="#">
<img src="img/blog_gallery_3.jpg" alt="">
</a>
</li>
</ul>
</div>
</div> <!-- end flexslider -->
<div class="entry-box">
<div class="entry-title">
<h4><a href="blog-single.html">All Process Food Lab Studio</a></h4>
</div>
<ul class="entry-meta">
<li>by <a href="blog-single">John Marshal</a></li>
<li>
<a href="#">July 10, 2015</a>
</li>
</ul>
<div class="entry-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</p>
<a href="blog-single.html" class="read-more">Read More</a>
</div>
</div>
</div> <!-- end post -->
</div>
<div class="customNavigation mt-40 text-center">
<a class="prev"><i class="icon arrow_left"></i></a>
<a class="next"><i class="icon arrow_right"></i></a>
</div>
</div> <!-- end row -->
</div>
</div>
</section> <!-- end from blog -->
<!-- Testimonials -->
<section class="section-wrap parallax-testimonials" style="background-image: url('img/testimonials_bg.jpg');">
<div id="owl-testimonials" class="owl-carousel owl-theme text-center">
<div class="item">
<div class="container testimonial">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<i class="fa fa-quote-left"></i>
<p class="testimonial-text">I’am amazed, I should say thank you so much for your awesome template. Design is so good and neat, every detail has been taken care these team are realy amazing and talented! I will work only with enigma agency.</p>
<h6>John C. Marshall</h6>
<span>Art Director</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="container testimonial">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<i class="fa fa-quote-left"></i>
<p class="testimonial-text">I’am amazed, I should say thank you so much for your awesome template. Design is so good and neat, every detail has been taken care these team are realy amazing and talented! I will work only with enigma agency.</p>
<h6>John C. Marshall</h6>
<span>Art Director</span>
</div>
</div>
</div>
</div>
<div class="item">
<div class="container testimonial">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<i class="fa fa-quote-left"></i>
<p class="testimonial-text">I’am amazed, I should say thank you so much for your awesome template. Design is so good and neat, every detail has been taken care these team are realy amazing and talented! I will work only with enigma agency.</p>
<h6>John C. Marshall</h6>
<span>Art Director</span>
</div>
</div>
</div>
</div>
</div>
</section> <!-- end testimonials -->
<!-- Clients -->
<section class="section-wrap clients bg-light">
<div class="container">
<div class="row heading">
<div class="col-md-6 col-md-offset-3">
<h2 class="text-center bottom-line">Our Clients</h2>
<p class="subheading text-center">They Trust Us</p>
</div>
</div>
<div class="row">
<div class="col-sm-4 client-logo">
<img src="img/client_logo_1.png" alt="">
</div>
<div class="col-sm-4 client-logo">
<img src="img/client_logo_2.png" alt="">
</div>
<div class="col-sm-4 client-logo">
<img src="img/client_logo_3.png" alt="">
</div>
</div>
<div class="row second-row">
<div class="col-sm-4 client-logo">
<img src="img/client_logo_4.png" alt="">
</div>
<div class="col-sm-4 client-logo">
<img src="img/client_logo_5.png" alt="">
</div>
<div class="col-sm-4 client-logo">
<img src="img/client_logo_6.png" alt="">
</div>
</div>
</div>
</section> <!-- end clients -->
<!-- Contact -->
<section class="section-wrap contact" id="contact">
<div class="container">
<div class="row heading">
<div class="col-md-6 col-md-offset-3 text-center">
<h2 class="text-center bottom-line">Contact Us</h2>
<p class="subheading">Dont hesitate to get touch please fill out this form and we'll get back to you within 48hrs. We hand picked to provide the right balance of skills to work.</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h5>Get in Touch</h5>
<p>Mon-Fri: 8:00 – 20:00</p>
<div class="contact-item">
<div class="contact-icon">
<i class="icon icon-Pointer"></i>
</div>
<h6>Address</h6>
<p>Philippines,<br>
Greenwich st. 256/6, 62058</p>
</div> <!-- end address -->
<div class="contact-item">
<div class="contact-icon">
<i class="icon icon-Phone"></i>
</div>
<h6>Call Us</h6>
<span>+1 888 5146 3269</span>
</div> <!-- end phone number -->
<div class="contact-item">
<div class="contact-icon">
<i class="icon icon-Mail"></i>
</div>
<h6>E-mail</h6>
<a href="mailto:enigmasupport@gmail.com">enigmasupport@gmail.com</a>
</div> <!-- end email -->
</div>
<div class="col-md-8">
<form id="contact-form" action="#">
<div class="row contact-row">
<div class="col-md-6 contact-name">
<input name="name" id="name" type="text" placeholder="Name*">
</div>
<div class="col-md-6 contact-email">
<input name="mail" id="mail" type="email" placeholder="E-mail*">
</div>
</div>
<input name="subject" id="subject" type="text" placeholder="Subject">
<textarea name="comment" id="comment" placeholder="Message"></textarea>
<input type="submit" class="btn btn-lg btn-color btn-submit" value="Send Message" id="submit-message">
<div id="msg" class="message"></div>
</form>
</div> <!-- end col -->
</div>
</div>
</section> <!-- end contact -->
<!-- Google Map -->
<div id="google-map" class="gmap" data-address="V Tytana St, Manila, Philippines"></div>
<!-- Footer -->
<footer class="footer minimal bg-dark">
<div class="container">
<div class="row">
<div class="col-md-4 col-md-offset-4">
<div class="footer-logo local-scroll mb-30 wow zoomIn" data-wow-duration="1s" data-wow-delay="0.2s">
<h2>
<a href="#home" class="color-white">Enigma</a>
</h2>
</div>
<div class="socials footer-socials">
<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>
<a href="#"><i class="fa fa-behance"></i></a>
</div> <!-- end socials -->
<span class="copyright text-center">
©2015 Enigma | Development by <a href="http://deothemes.com/">DeoThemes</a>
</span>
</div>
</div>
</div>
</footer> <!-- end footer -->
<div id="back-to-top">
<a href="#top"><i class="fa fa-angle-up"></i></a>
</div>
</div> <!-- end main-wrapper -->
<!-- jQuery Scripts -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js"></script>
<script type="text/javascript" src="js/gmap3.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!-- Google Map -->
<script type="text/javascript">
$(document).ready( function(){
var gmapDiv = $("#google-map");
var gmapMarker = gmapDiv.attr("data-address");
gmapDiv.gmap3({
zoom: 16,
address: gmapMarker,
oomControl: true,
navigationControl: true,
scrollwheel: false,
styles: [
{
"featureType":"all",
"elementType":"all",
"stylers":[
{ "saturation":"-70" }
]
}]
})
.marker({
address: gmapMarker,
icon: "img/map_pin.png"
})
.infowindow({
content: "V Tytana St, Manila, Philippines"
})
.then(function (infowindow) {
var map = this.get(0);
var marker = this.get(1);
marker.addListener('click', function() {
infowindow.open(map, marker);
});
});
});
</script>
</body>
</html>