File: /home/vmasmheia229/www/index.html.old
<!DOCTYPE html>
<html lang="en">
<head>
<title>OMG - Monterey California</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" />
<!-- Our Custom CSS -->
<link rel="stylesheet" href="css/custom.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/omg-logo.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">About</a>
</li> -->
<li>
<a href="#contact">Contact</a>
</li>
</ul>
</div>
</div> <!-- end col -->
<!-- hide social media
<div class="menu-socials hidden-sm hidden-xs">
<ul>
<li>
<a href="#"><i class="fa fa-instagram"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-facebook"></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">
<h1>Video & Design</h1>
<h2 class="hero-subtitle hidden-xs">We create inspiration, enable connections and grow success.</h2>
<div class="buttons-holder mt-30">
<a href="http://vimeo.com/238711983" class="btn btn-lg btn-transparent lightbox-video mfp-iframe">Play</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 -->
<!-- <div class="main-wrapper-onepage main oh">
<!-- Owl Slider
<section class="hero-wrap owl-carousel owl-theme bg-dark text-center" id="owl-slider-one-img">
<div class="item">
<section class="hero-wrap" style="background-image: url(img/owl/field.jpg)">
<div class="container container-full-height">
<div class="hero-holder">
<div class="hero-message">
<h1>Digital Marketing</h1>
<h2 class="hero-subtitle hidden-xs">Corporate & public messaging in a digital world.</h2>
<div class="buttons-holder mt-30">
<!-- <a href="#" class="btn btn-lg btn-transparent">Learn More</a>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="item">
<section class="hero-wrap" style="background-image: url(img/owl/salad.jpg)">
<div class="container container-full-height">
<div class="hero-holder">
<div class="hero-message">
<h1>Strategy & Design</h1>
<h2 class="hero-subtitle hidden-xs">Concept, creativity and structured delivery.</h2>
<div class="buttons-holder mt-30">
<!-- <a href="#" class="btn btn-lg btn-transparent">Learn More</a>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="item">
<section class="hero-wrap" style="background-image: url(img/owl/sail.jpg)">
<div class="container container-full-height">
<div class="hero-holder">
<div class="hero-message">
<h1>Digital Media</h1>
<h2 class="hero-subtitle hidden-xs">We bring missions and visions to life.</h2>
<div class="buttons-holder mt-30">
<!-- <a href="#" class="btn btn-lg btn-transparent">Learn More</a>
</div>
</div>
</div>
</div>
</section>
</div>
</section> <!-- end owl slider -->
<!-- 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">Hi! We're OMG.</h2>
<p class="intro-text mb-60">
We're brand experts specializing in creative storytelling across all platforms. We strive to exceed expectations on every project, every time. With more than a decade of experience, we've crafted a track record of brand success.
</p>
</div>
</div>
</div>
</section> end intro -->
<!-- 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">Our specialties</p>
<h3 class="color-white">AGRICULTURE</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="#/contact" class="btn btn-lg btn-color">learn more</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">Our specialties</p>
<h3 class="color-white">Hospitality/Travel</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">learn more</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">Our Specialties</p>
<h3 class="color-white">Event Marketing</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">learn more</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>
</section> end promo section -->
<!-- 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">Services</h2>
<p class="subheading text-center">Some of what we offer.</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="fa fa-bullhorn hi-icon"></i>
</a>
<h3>Strategic<br>Communications</h3>
<p>Brand focused, integrated, effective plans custom crafted for cost effective success. Plans that work.</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="fa fa-television hi-icon"></i>
</a>
<h3>Digital<br>Storytelling</h3>
<p>Every brand has a story to tell. More than technical experts, our team is built around exceptional storytellers.</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="fa fa-line-chart hi-icon"></i>
</a>
<h3>Sales Team<br>Support</h3>
<p>Support materials that generate market share. Let our team arm your team with the weapons that win.</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="fa fa-bullseye hi-icon"></i>
</a>
<h3>Targeted<br>Messaging</h3>
<p>Multi-level digital marketing crafted within the new media landscape for internal communications or PR. </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="fa fa-object-group hi-icon"></i>
</a>
<h3>Digital Design<br>& Animation</h3>
<p>From logos to custom imaging and magazine layouts, our artists deliver graphics that enhance your brand.</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="fa fa-star-o hi-icon"></i>
</a>
<h3>Brand<br>Management</h3>
<p>We help define, grow and maximize your brand. From design, definition, development and distribution.</p>
</div>
</div> <!-- end service item -->
<!-- </div>
</div>
</section> <!-- end services -->
<!-- Testimonials -->
<!-- <section class="section-wrap parallax-testimonials" style="background-image: url(img/quotes_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">The worthiest works of all often reflect an artful creativity <br>that looks more like play than work.</p>
<h6>James Ogilvy</h6>
<span>Advertising Pioneer</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">When you get all those guys together and say we're going to do it together as a team,<br>that's an awesome formula.</p>
<h6>Andre Iguodala</h6>
<span>2015 NBA Finals MVP</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">All men can see these tactics whereby I conquer,<br>but what none can see is the strategy out of which victory is evolved.</p>
<h6>Sun Tzu</h6>
<span><em>The Art of War</em></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">Design is not just what it looks like and feels like.<br>Design is how it works.</p>
<h6>Steve Jobs</h6>
<span>Apple</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">You want a toe? I can get you a toe, believe me. There are ways, Dude.<br>You don't want to know about it, believe me.</p>
<h6>Walter Sobchak</h6>
<span><em>The Big Lebowski</em></span>
</div>
</div>
</div>
</div>
</div>
</section> <!-- end testimonials -->
<!-- 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">We'd love to hear from you!.</p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h5>Get in Touch</h5>
<div class="contact-item">
<div class="contact-icon">
<i class="icon icon-Pointer"></i>
</div>
<h6>Address</h6>
<p>1035 Fifth Street<br>
Suite A<br>
Monterey, CA 93940</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 831 204-0516</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">hello@omgmediagroup.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="1035 Fifth St, Monterey, California"></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"><img class="footer-logo-img" src="img/omg-footer-logo.png"/></a>
</h2>
</div>
<!-- <div class="socials footer-socials">
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
</div> end socials -->
<span class="copyright text-center">
©2016 OMG Media | Monterey, California</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/plugins.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="js/rev-slider.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<!-- Google Map -->
<script type="text/javascript">
$(document).ready( function(){
var center = [36.5961035, -121.8824346];
var maplocation = $("#google-map").attr("data-address");
$('#google-map')
.gmap3({
center: center,
zoom:15,
zoomControl: true,
navigationControl: true,
scrollwheel: false,
styles: [
{
"featureType":"all",
"elementType":"all",
"stylers":[
{ "saturation":"-70" }
]
}]
})
.marker([
{address: maplocation, icon: "img/map_pin.png"}
])
});
</script>
</body>
</html>