File: /home/vmasmheia229/public_html/_html2012/index.html
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<title>The OMG Group</title>
<link rel="shortcut icon" type="image/x-icon" href="style/images/favicon.ico" />
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/css/media-queries.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/js/fancybox/jquery.fancybox.css" media="all" />
<link rel="stylesheet" type="text/css" href="style/js/fancybox/helpers/jquery.fancybox-buttons.css?v=1.0.2" />
<link rel="stylesheet" type="text/css" href="style/js/fancybox/helpers/jquery.fancybox-thumbs.css?v=1.0.2" />
<link href='http://fonts.googleapis.com/css?family=Ubuntu:700,700italic,300italic,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic' rel='stylesheet' type='text/css'>
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="style/css/ie8.css" media="all" />
<![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="style/css/ie9.css" media="all" />
<![endif]-->
<script type="text/javascript" src="style/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="style/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="style/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="style/js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="style/js/fancybox/helpers/jquery.fancybox-buttons.js?v=1.0.2"></script>
<script type="text/javascript" src="style/js/fancybox/helpers/jquery.fancybox-thumbs.js?v=1.0.2"></script>
<script type="text/javascript" src="style/js/fancybox/helpers/jquery.fancybox-media.js?v=1.0.0"></script>
<script type="text/javascript" src="style/js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="style/js/selectnav.js"></script>
<script type="text/javascript" src="style/js/jquery.easing.1.3.min.js"></script>
<script type="text/javascript" src="style/js/jquery.easytabs.js"></script>
<script type="text/javascript" src="style/js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="style/js/jquery.slickforms.js"></script>
<script type="text/javascript" src="style/js/twitter.min.js"></script>
<script type="text/javascript" src="style/js/jquery.fitvids.js"></script>
<script type="text/javascript" src="style/js/jquery.address-1.4.min.js"></script>
</head>
<body>
<!-- Begin Header -->
<div class="header-wrapper">
<div class="header">
<!-- Begin Logo -->
<div class="logo"> <a href="index.html"><img src="style/images/logo.png" alt="" /></a> </div>
<!-- End Logo -->
<!-- Begin Menu -->
<div id="menu" class="menu">
<ul id="tiny">
<li class="active"><a href="index.html">Home</a>
</li>
<li><a href="#">Services</a>
<ul>
<li><a href="branding.html">Branding</a></li>
<li><a href="video.html">Video & Media</a></li>
<li><a href="web.html">Web</a></li>
<li><a href="events.html">Event Solutions</a></li>
<li><a href="apps.html">Apps</a></li>
<!-- <li><a href="graphic-design.html">Graphic Design</a></li>
<li><a href="news-release.html">News Release</a></li> -->
</ul>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="clear"></div>
<!-- End Menu -->
</div>
<div class="header-light"></div>
</div>
<!-- End Header -->
<!-- Begin Slider -->
<div class="fullwidthbanner-container">
<div class="fullwidthbanner">
<ul>
<!-- SLIDEUP -->
<li data-transition="fade"> <img src="style/images/art/slider-peagreenbg.jpg" alt="" />
<div class="caption sfb" data-x="250" data-y="10" data-speed="900" data-start="300" data-easing="easeOutExpo"><img src="style/images/art/slider-glare1.png" alt="" /></div>
<div class="caption lfr" data-x="250" data-y="25" data-speed="200" data-start="600" data-easing="easeOutSine"><img src="style/images/art/slider-hello.png" alt="" /></div>
<div class="caption lfl" data-x="280" data-y="320" data-speed="200" data-start="900" data-easing="easeOutSine"><img src="style/images/art/slider-welcome.png" alt="" /></div>
<div class="caption lfb" data-x="130" data-y="190" data-speed="200" data-start="1000" data-easing="easeOutSine"><img src="style/images/art/slider-geek.png" alt="" /></div>
</li>
<!-- FADE -->
<li data-transition="fade"> <img src="style/images/art/slider-homebg.jpg" alt="" />
<div class="caption lft" data-x="35" data-y="10" data-speed="900" data-start="900" data-easing="easeOutExpo"><img src="style/images/art/slider-glare2.png" alt="" /></div>
<div class="caption lfl" data-x="63" data-y="294" data-speed="900" data-start="1300" data-easing="easeOutBack"><img src="style/images/art/slider-planet.png" alt="" /></div>
<div class="caption lft" data-x="480" data-y="40" data-speed="900" data-start="1700" data-easing="easeOutSine"><img src="style/images/art/slider-cloud1.png" alt="" /></div>
<div class="caption lft" data-x="768" data-y="0" data-speed="900" data-start="2000" data-easing="easeOutSine"><img src="style/images/art/slider-cloud2.png" alt="" /></div>
<div class="caption lft" data-x="674" data-y="0" data-speed="900" data-start="2300" data-easing="easeOutSine"><img src="style/images/art/slider-cloud3.png" alt="" /></div>
<div class="caption lft" data-x="410" data-y="15" data-speed="900" data-start="2600" data-easing="easeOutBack"><img src="style/images/art/slider-stars.png" alt="" /></div>
<div class="caption sfl big_white" data-x="62" data-y="60" data-speed="600" data-start="2600" data-easing="easeOutExpo">Now Boarding!</div>
<div class="caption sfl small_white" data-x="62" data-y="125" data-speed="600" data-start="2900" data-easing="easeOutExpo">Maximize your brand, digitally. <br />
It's global. <br />
It's cost-effective. <br />
Best of all, it works. </div>
</li>
<!-- SLIDELEFT -->
<li data-transition="slideright"> <img src="style/images/art/slider-orangebg.jpg" alt="" />
<div class="caption lfr big_white_bg" data-x="30" data-y="50" data-speed="300" data-start="1600" data-easing="easeOutExpo">The PERFECT MIX of...</div>
<div class="caption sfl small_white_bg" data-x="30" data-y="131" data-speed="300" data-start="1800" data-easing="easeOutExpo">digital media,</div>
<div class="caption sfr small_white_bg" data-x="30" data-y="174" data-speed="300" data-start="2000" data-easing="easeOutExpo">internal solutions,</div>
<div class="caption sfl small_white_bg" data-x="30" data-y="217" data-speed="300" data-start="2200" data-easing="easeOutExpo">and creative strategies</div>
<div class="caption sfb" data-x="305" data-y="130" data-speed="600" data-start="2500" data-easing="easeOutExpo"><img src="style/images/art/slider-chef.png" alt="" /></div>
<div class="caption sfb" data-x="570" data-y="0" data-speed="900" data-start="2300" data-easing="easeOutExpo"><img src="style/images/art/slider-spinbg.jpg" alt="" /></div>
<div class="caption lft" data-x="570" data-y="0" data-speed="900" data-start="2300" data-easing="easeOutExpo"><img src="style/images/art/slider-mix.png" alt="" /></div>
</li>
<!-- SLIDEUP -->
<li data-transition="fade"> <img src="style/images/art/slider-connectbg.jpg" alt="" />
<div class="caption sfb" data-x="195" data-y="10" data-speed="900" data-start="300" data-easing="easeOutSine"><img src="style/images/art/slider-glare1.png" alt="" /></div>
<div class="caption lft big_white" data-x="134" data-y="40" data-speed="900" data-start="600" data-easing="easeOutSine">and the brains to make great ideas happen. </div>
<div class="caption lfb" data-x="320" data-y="120" data-speed="900" data-start="1600" data-easing="easeOutBack"><img src="style/images/art/slider-connection.png" alt="" /></div>
</li>
<!-- SLIDERIGHT -->
<li data-transition="slideright"> <img src="style/images/art/slider-redbg.jpg" alt="" />
<div class="caption lfb" data-x="180" data-y="10" data-speed="200" data-start="600" data-easing="easeOutSine"><img src="style/images/art/slider-burst.png" alt="" /></div>
<div class="caption lfb" data-x="180" data-y="10" data-speed="200" data-start="600" data-easing="easeOutSine"><img src="style/images/art/slider-phone.png" alt="" /></div>
<div class="caption lfl" data-x="0" data-y="25" data-speed="900" data-start="900" data-easing="easeOutBack"><img src="style/images/art/slider-callus.png" alt="" /></div>
<div class="caption lfr" data-x="450" data-y="25" data-speed="200" data-start="1200" data-easing="easeOutBack"><img src="style/images/art/slider-operators.png" alt="" /></div>
</li>
<!-- SLIDERIGHT -->
<!-- <li data-transition="slideleft"> <img src="style/images/art/slider-wood.jpg" alt="" />
<div class="caption lft boxshadow" data-x="30" data-y="50" data-speed="900" data-start="1300" data-easing="easeOutExpo">
<iframe src="http://player.vimeo.com/video/6757600?title=0&byline=0&portrait=0&color=ffffff" width="630" height="350" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
<div class="caption lfr big_black_bg" data-x="700" data-y="50" data-speed="300" data-start="1600" data-easing="easeOutExpo">OMG can ROCK YOUR BRAND!</div>
<div class="caption lfb small_black_bg" data-x="700" data-y="130" data-speed="300" data-start="1800" data-easing="easeOutExpo">So...</div>
<div class="caption lfb small_black_bg" data-x="700" data-y="173" data-speed="300" data-start="2000" data-easing="easeOutExpo">Let's party, dude!</div>
<div class="caption lfb small_black_bg" data-x="700" data-y="216" data-speed="300" data-start="2200" data-easing="easeOutExpo">(or we can just talk.)</div>
</li> -->
</ul>
<div class="tp-bannertimer"></div>
</div>
</div>
<!-- End Slider -->
<!-- Begin Wrapper -->
<div class="wrapper">
<!-- Begin Portfolio -->
<h1 class="center">We're brand geeks.</h1>
<div class="intro center">See how we leverage the power of digital media to help companies, organizations and events maximize and grow their brands with consistent, revenue-focused marketing and messaging.</div>
<div class="portfolio">
<ul class="items">
<li>
<a href="#">
<div class="caption">
<h3>Position</h3>
<span class="meta">Digital Brand Management</span>
</div>
<img src="style/images/art/p1.jpg" alt="" />
</a>
</li>
<li>
<a href="#">
<div class="caption">
<h3>Leverage</h3>
<span class="meta">Maximize Potential</span>
</div>
<img src="style/images/art/p2.jpg" alt="" />
</a>
</li>
<li>
<a href="#">
<div class="caption">
<h3>Expand</h3>
<span class="meta">Global Digital Growth</span>
</div>
<img src="style/images/art/p3.jpg" alt="" />
</a>
</li>
<li>
<a href="#">
<div class="caption">
<h3>Streamline</h3>
<span class="meta">Internal Solutions</span>
</div>
<img src="style/images/art/p4.jpg" alt="" />
</a>
</li>
<li>
<a href="#">
<div class="caption">
<h3>Target</h3>
<span class="meta">Message Management</span>
</div>
<img src="style/images/art/p5.jpg" alt="" />
</a>
</li>
<li>
<a href="#">
<div class="caption">
<h3>Innovate</h3>
<span class="meta">Creative Consulting</span>
</div>
<img src="style/images/art/p6.jpg" alt="" />
</a>
</li>
</ul>
</div>
<!-- End Portfolio -->
<hr />
<!-- Begin Testimonials -->
<h1 class="center">Stuff We Believe</h1>
<div class="intro center">We hold certain truths to be self evident. Mostly they have to do with talent, commitment and trust when it comes to digital branding. We also strongly believe that if you're going to drink coffee,<br />you should get the good stuff.</div>
<div id="testimonials-container" class="tab-container">
<div class="panel-container">
<div id="tst1"> If someone trusts you with their brand, it's like they're trusting you with their child. So, you gotta come through.<br />You should also be adept at changing diapers.<span class="author">OMG General Responsibilities, Chapter 1</span> </div>
<div id="tst2"> Powerpoint sucks. We hate Powerpoint. Everyone uses Powerpoint, so we have to be really good at it so our clients look good. Sometimes you have to take a bullet for a friend. <span class="author">OMG Brand Ninja Mantra</span> </div>
<div id="tst3"> We specialize in digital branding. It's highly effective, inexpensive and gives our clients the flexibility to extend their brand from the inside out. <span class="author">OMG Digital Dictum</span> </div>
<div id="tst4"> Powerpoint sucks. We hate Powerpoint. Everyone uses Powerpoint, so we have to be really good at it so our clients look good. Sometimes you have to take a bullet for a friend. <span class="author">Powerpoint Policy, OMG 2012 TFN</span> </div>
</div>
<ul class="etabs">
<li class="tab"><a href="#tst1">1</a></li>
<li class="tab"><a href="#tst2">2</a></li>
<li class="tab"><a href="#tst3">3</a></li>
<li class="tab"><a href="#tst4">3</a></li>
</ul>
</div>
<!-- End Testimonials -->
</div>
<!-- End Wrapper -->
<!-- Begin Footer -->
<!-- <div class="footer-wrapper">
<div class="footer-light"></div>
<div class="footer">
<div class="one-fourth">
<h3>Popular Posts</h3>
<ul class="post-list">
<li>
<h4><a href="#">Vivamus sagittis lacus vel augue laoreet rutrum dolor auctor.</a></h4>
<div class="meta">14 Jun, 2012</div>
</li>
<li>
<h4><a href="#">Scelerisque nisl consectetur et.</a></h4>
<div class="meta">22 May, 2012</div>
</li>
<li>
<h4><a href="#">Pellentesque ornare sem lacinia quam venenatis vestibulum.</a></h4>
<div class="meta">13 Apr, 2012</div>
</li>
</ul>
</div>
<div class="one-fourth">
<h3>Twitter</h3>
<div id="twitter-wrapper">
<div id="twitter"></div>
<span class="username"><a href="http://twitter.com/elemisdesign">→ Follow @elemisdesign</a></span> </div>
</div>
<div class="one-fourth">
<h3>A Little About Me</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
<p>Donec id elit non porta gravida at eget metus. Nullam quis risus eget urna mollis ornare vel.</p>
</div>
<div class="one-fourth last">
<h3>Contact Form</h3>
<!-- Begin Form -->
<!-- <div class="form-container">
<div class="response"></div>
<form class="forms" action="contact/form-handler.php" method="post">
<fieldset>
<ol>
<li class="form-row text-input-row">
<input type="text" name="name" class="text-input required defaultText" title="Name*"/>
</li>
<li class="form-row text-input-row">
<input type="text" name="email" class="text-input required email defaultText" title="Email*"/>
</li>
<li class="form-row text-area-row">
<textarea name="message" class="text-area required defaultText"></textarea>
</li>
<li class="form-row hidden-row">
<input type="hidden" name="hidden" value="" />
</li>
<li class="button-row">
<input type="submit" value="Submit" name="submit" class="btn-submit" />
</li>
</ol>
<input type="hidden" name="v_error" id="v-error" value="Required" />
<input type="hidden" name="v_email" id="v-email" value="Enter a valid email" />
</fieldset>
</form>
</div>
<!-- End Form -->
<!--</div>
<div class="clear"></div>
</div>
</div> -->
<!-- End Footer -->
<!-- Begin Site Generator -->
<div class="site-generator-wrapper">
<div class="site-generator">
<div class="copyright">
<p>© 2012 The OMG Group</p>
</div>
<!-- <ul class="social">
<li><a class="rss" href="#"></a></li>
<li><a class="facebook" href="#"></a></li>
<li><a class="twitter" href="#"></a></li>
<li><a class="dribbble" href="#"></a></li>
<li><a class="pinterest" href="#"></a></li>
<li><a class="linkedin" href="#"></a></li>
</ul> -->
<div class="clear"></div>
</div>
</div>
<!-- End Site Generator -->
<script type="text/javascript" src="style/js/scripts.js"></script>
</body>
</html>