File: /home/vmasmheia229/public_html/htmlCHRIS/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>OMG - Central California Digital Media Firm</title>
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- custom css -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen">
<!-- font awesome for icons -->
<link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet">
<!-- flex slider css -->
<link href="css/flexslider.css" rel="stylesheet" type="text/css" media="screen">
<!-- animated css -->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="screen">
<!--owl carousel css-->
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css" media="screen">
<link href="css/owl.theme.css" rel="stylesheet" type="text/css" media="screen">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--<div class="top-bar-wrap hidden-xs">
<div class="container">
<div class="top-bar">
<div class="pull-left">
<a href="#">Support@designmylife.com</a>
</div>
</div>
</div>
</div> top bar wrap end-->
<!--navigation -->
<!-- Static navbar -->
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<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>
<a href="index.html"><img src="img/omg-logo.png" class="logo" /></a>
</div><!--.navbar header-->
</div><!--.container-->
</div><!--.navbar-default-->
<!--[if lt IE 9]>
<script>
document.createElement('video');
</script>
<![endif]-->
<div class="testcont">
<div style="height:300px;text-align:center;color:#ffffff;">
<h1 style="color:white;margin-top:260px;">Welcome to the OMG Group</h1>
</div>
<div class="background-video-container" style="display: block; opacity: 1;">
<video controls autoplay loop>
<source src="http://dev.omgmediagroup.com/newsite/video/tiltshift.webm" type="video/webm">
<source src="http://dev.omgmediagroup.com/newsite/video/tiltshift.mp4" type="video/mp4">
</video>
</div>
</div>
<!--<section id="main-slider" class="parallax" data-stellar-background-ratio="0.5">
<div class="main-slider">
<ul class="slides">
<li>
<h2>Welcome to the OMG Group</h2>
<p><a href="#" class="btn border-white">Video Tour</a></p>
</li>
<li>
<h2>Creative Content Connoisseurs</h2>
<p><a href="#" class="btn border-white">Our Team</a></p>
</li>
<li>
<h2>Discover Digital Design</h2>
<p><a href="#" class="btn border-white">Hire us</a></p>
</li>
</ul>
</div>
</section>slider main parallax-->
<div style="background-color:rgba(255, 255, 255, 0.91);">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="purchase-section wow animated fadeInUp">
<div class="row">
<div class="col-md-12 tagline">
<h3>OMG delivers innovative and strategic digital media solutions.</h3>
<p>
We are brand experts who specialize in creative storytelling across all platforms.
</p>
</div>
</div>
</div>
</div>
</div>
</div><!--purchase section-->
<div class="divide80"></div>
<div class="container">
<div class="row">
<div class="col-md-4 margin20">
<div class="service-box wow animated fadeInLeft">
<h4><i class="fa fa-desktop"></i> Strategic Communications</h4>
<p>
Brand focused, integrated, effective plans custom crafted for cost effective success. Plans that work.
</p>
</div><!--service box-->
</div><!--service-col-->
<div class="col-md-4 margin20">
<div class="service-box wow animated fadeInLeft">
<h4><i class="fa fa-flag"></i> Event Coverage</h4>
<p>
Known for our communications expertise, we create awareness, enthusiasm, and public support for your organization and its endeavors.
</p>
</div><!--service box-->
</div><!--service-col-->
<div class="col-md-4 margin20">
<div class="service-box wow animated fadeInLeft">
<h4><i class="fa fa-video-camera"></i> Video Brand Storytelling</h4>
<p>
Every brand has a story to tell. More than technical experts, our video team is built with strong storytellers. Let our producers captivate your customers.
</p>
</div><!--service box-->
</div><!--service-col-->
</div><!--row-->
<div class="divide40"></div>
<div class="row">
<div class="col-md-4 margin20">
<div class="service-box wow animated fadeInLeft">
<h4><i class="fa fa-text-height"></i> Digital Design</h4>
<p>
Our graphic designers turn concepts into reality by blending dynamic fonts with striking images and color. From logos to custom illustrations and magazine layouts, our artists deliver graphics that enhance your brand.
</p>
</div><!--service box-->
</div><!--service-col-->
<div class="col-md-4 margin20">
<div class="service-box wow animated fadeInLeft">
<h4><i class="fa fa-thumbs-o-up"></i> Media Messaging</h4>
<p>
Think far beyond press releases and go with strategies fine tuned from experience in the media. Get maximum impact with our multi-level digital marketing approach developed to take advantage of the new media landscape.
</p>
</div><!--service box-->
</div><!--service-col-->
<div class="col-md-4 margin20">
<div class="service-box wow animated fadeInLeft">
<h4><i class="fa fa-code"></i> Web & Mobile</h4>
<p>
Responsive websites with original design and clever functionality. Apps to solve business problems and optimize processes.
</p>
</div><!--service box-->
</div><!--service-col-->
</div>
</div><!--services -->
</div>
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-12 margin30" style="text-align:center;">
<div class="footer-col">
<ul class="address-info list-unstyled">
<li><i class="fa fa-home"></i> 1035 5th St.<br>
<p style="padding-left:22px;">Suite A<br>
Monterey, CA 93940</p></li>
<li><i class="fa fa-envelope"></i> <a href="#">hello@omgmediagroup.com</a></li>
<li><i class="fa fa-phone"></i> <a href="#">831 204-0516</a></li>
</ul>
</div>
</div><!--footer col-->
</div><!--row-->
<div class="row">
<div class="col-md-12">
<div class="footer-btm">
<span>© Copyright 2015. OMG</span>
</div>
</div>
</div>
</div>
</footer><!--footer end-->
<!--scripts and plugins -->
<!--must need plugin jquery-->
<script src="js/jquery.min.js"></script>
<!--bootstrap js plugin-->
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!--easing plugin for smooth scroll-->
<script src="js/jquery.easing.1.3.min.js" type="text/javascript"></script>
<!--easing plugin for nice scroll scroll-->
<script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
<!--sticky header-->
<script type="text/javascript" src="js/jquery.sticky.js"></script>
<!--flex slider plugin-->
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<!--parallax background plugin-->
<script src="js/jquery.stellar.min.js" type="text/javascript"></script>
<!--very easy to use portfolio filter plugin -->
<script src="js/jquery.mixitup.min.js" type="text/javascript"></script>
<!--digit countdown plugin-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
<!--digit countdown plugin-->
<script src="js/jquery.counterup.min.js" type="text/javascript"></script>
<!--on scroll animation-->
<script src="js/wow.min.js" type="text/javascript"></script>
<!--owl carousel slider-->
<script src="js/owl.carousel.min.js" type="text/javascript"></script>
<!--customizable plugin edit according to your needs-->
<script src="js/custom.js" type="text/javascript"></script>
</body>
</html>