File: /home/vmasmheia229/public_html/htmlCHRIS/old/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>The OMG Group</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="The OMG Group">
<meta name="author" content="Digital Marketing">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet">
<link href="css/bootstrap-lightbox.min.css" rel="stylesheet">
<link href="css/m-styles.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
<link rel="image_src" href="thumbnail.png">
<link rel="icon" type="image/ico" href="favicon.ico">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset='64' onLoad="$.stellar();">
<div id="preloader">
<div id="status"> </div>
</div>
<!--start navigation-->
<div class="navbar navbar-fixed-top" id="navigation">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a href="#intro" class="brand"><img src="img/logo-dark.png" alt=""></a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li><a href="#intro">Home</a></li>
<li><a href="#services-top">Services</a></li>
<!--<li><a href="#works-top">Works</a></li>
<li><a href="#gallery-top">Gallery</a></li>
<li><a href="#team-top">Team</a></li> -->
<li><a href="#contact-top">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<section id="intro">
<div class="container">
<div class="row">
<div class="span8 offset2 margin25">
<div id="carousel_fade_intro" class="carousel slide carousel-fade">
<div class="carousel-inner">
<div class="active item">
<h2></h2>
</div>
<div class="inactive item">
<h2>A digital dojo</h2>
</div>
<div class="inactive item">
<h2>of strategy samurais,</h2>
</div>
<div class="inactive item">
<h2>students of code aikido,</h2>
</div>
<div class="inactive item">
<h2>and marketing ninjas</h2>
</div>
<div class="inactive item">
<h2>in Monterey, California.</h2>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="fadeInUp delay animated hidden-phone" id="more">
<a href="#services-top" class="m-btn a-btn red big icn-only"><i class="icon-sort-down icon-3x pull-left"></i></a>
</div>
</section>
<!--start services header-->
<section id="services-top">
<!--start services-desktop header-->
<section id="services-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
<h1 class="header">Services</h1>
<p class="header">How we roll.</p>
</section>
<!--start services-mobile header-->
<section id="services-top-mobile" class="hidden-desktop">
<h1 class="header">Services</h1>
<p class="header">How we roll.</p>
</section>
</section>
<!--start services-->
<section id="services">
<div class="container">
<div class="row divide">
<div class="span12">
<ul class="thumbnails">
<li class="span4">
<div class="thumbnail">
<i class="icon-map-marker"></i>
<h4>Strategic Communications</h4>
<span>The Path Taken</span>
<p>Team building, client pitch or global customer targeting. Brand focused, integrated, effective plans custom crafted for cost effective success. Plans that work.</p>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<i class="icon-cogs"></i>
<h4>Digital Solutions</h4>
<span>Custom Applications</span>
<p>Platforms, code and targeted program interfaces for cloud, web and mobile applications creating practical frameworks for success in an agile development environment.</p>
</div>
</li>
<li class="span4">
<div class="thumbnail">
<i class="icon-comments"></i>
<h4>Metric Messaging</h4>
<span>Creative Storytelling</span>
<p>Measured messaging and timed delivery for maximum impact with metrics to define success. Multi-level brand-based digital marketing in the new arena.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id="hint1">
<a href="http://fortawesome.github.com/Font-Awesome/" target="_blank"><strong>"Brand, brand, brand. It's all about the brand."</strong>   - Dano, OMG Shogun</a>
</section>
<!--start contact header-->
<section id="contact-top">
<!--start contact-desktop header-->
<section id="contact-top-desktop" class="visible-desktop" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
<h1 class="header">Contact</h1>
<p class="header">Can we help?</p>
</section>
<!--start contact-mobile header-->
<section id="contact-top-mobile" class="hidden-desktop">
<h1 class="header">Contact</h1>
<p class="header">How can we help?</p>
</section>
</section>
<!--start contact-->
<section id="contact">
<div class="container">
<div class="row divide">
<div class="span8">
<div class="row">
<form action="js/sendmail.php" method="post" id="contactForm">
<div class="span4">
<label>Name:</label>
<input type="text" name="name" value="" id="name" class="span4"/>
</div>
<div class="span4">
<label>Email:</label>
<input type="text" name="email" value="" id="email" class="span4"/>
</div>
<span class="honeypot">
<label>Honeypot:</label>
<input type="text" name="last" value="" id="last"/>
</span>
<div class="span8">
<label>Message:</label>
<textarea rows="6" name="message" class="span8"></textarea>
</div>
<div class="span8">
<div class="message"><div class="alert"></div></div>
<input type="submit" value="Send" class="m-btn blue"/>
</div>
</form>
</div>
</div>
<!--start sidebar-->
<div class="span4" id="address">
<p>1035 Fifth Street<br>
Suite A<br>
Monterey, CA 93940</p>
<p>general: info@omgmediagroup.com.com</p>
<p><abbr title="Phone">P:</abbr> 831.204.0516</p>
</div>
</div>
</div>
</section>
<!--start footer-->
<section id="footer">
<div class="container">
<div class="row divide">
<!--logo and copyright-->
<div class="span3">
<a href="#intro" class="brand"><img src="img/logo-dark.png" alt=""></a>
<p>©2014 OMG Group, Inc.</p><br>
</div>
<!--footer menu-->
<div class="span2 offset4">
<ul>
<li><h5></h5></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
<!--link to social networks-->
<div class="span2 offset1">
<ul>
<li><h5>Menu</h5></li>
<li><a href="#intro">Home</a></li>
<li><a href="#services-top">Services</a></li>
<!-- <li><a href="#works-top">Works</a></li>
<li><a href="#gallery-top">Gallery</a></li>
<li><a href="#team-top">Team</a></li> -->
<li><a href="#team-contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</section>
<!--latest jQuery-->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--main bootstrap js-->
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<!--custom js-->
<script src="js/custom.js" type="text/javascript"></script>
<!--preloader-->
<script type="text/javascript">
$(window).load(function() {
$("#status").fadeOut();
$("#preloader").delay(350).fadeOut("slow");
})
</script>
<!--retina support-->
<script src="js/retina.js" type="text/javascript"></script>
<!--smooth scroll on page-->
<script src="js/jquery.easing-1.3.pack.js" type="text/javascript"></script>
<!--custom scrollbar-->
<script src="js/jquery.nicescroll.min.js" type="text/javascript"></script>
<!--parallax-->
<script src="js/jquery.stellar.js" type="text/javascript"></script>
<!--contact-->
<script src="js/jquery.form.js"></script>
<!--gallery lightbox-->
<script src="js/bootstrap-lightbox.min.js"></script>
<!--google analytics-->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'YOUR GOOGLE ANALYTICS CODE']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>