File: /home/vmasmheia229/domains/s148287.gridserver.com/_html2/index.html
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="de"> <!--<![endif]--><head>
<meta charset="utf-8">
<!-- scaling not possible (for smartphones, ipad, etc.) -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<title>OMG</title>
<link href="files/css/fonts.css" rel="stylesheet" type="text/css" />
<link href="files/css/style.css" rel="stylesheet" type="text/css" />
<link href="files/css/isotope.css" rel="stylesheet" type="text/css" />
<link href="files/css/flexslider.css" rel="stylesheet" type="text/css" />
<link href="files/css/fancybox.css" rel="stylesheet" type="text/css" />
<link href="files/jplayer/jplayer.css" rel="stylesheet" type="text/css" />
<link href="files/css/mqueries.css" rel="stylesheet" type="text/css" media="screen" />
<script src="files/js/jquery-1.7.1.min.js"></script>
<script src="files/js/jquery.modernizr.min.js"></script>
</head>
<body id="home">
<div id="page">
<section id="top">
<div class="top_inner wrapperoverlay clearfix">
<div class="widget"><h6>Latest Tweets</h6>
<div id="twitter-widget">
<ul class="tweet-list">
<li><span class="tweet_time"><a href="">about 2 hours ago</a></span> <span class="tweet_text">Include your twitter feed or just a normal text widget. <a href="">By this theme here</a></span></li>
</ul>
</div>
</div>
<a href="" class="showhidetop" title="Show/Hide">open</a>
</div>
</section> <!-- END top -->
<header id="header">
<div class="header_inner wrapper">
<div class="header_top clearfix">
<div id="logo" class="left_float">
<a class="logotype" href="index.html"><img src="files/images/omglogo.png" alt="Logotype"></a>
</div>
<nav id="nav" class="right_float">
<ul>
<li><a href="index.html" class="active">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="shortcodes.html">Features</a>
<ul>
<li><a href="shortcodes.html">Shortcodes</a></li>
<li><a href="pricingtable.html">Pricing Table</a></li>
<li><a href="">3r Level</a>
<ul>
<li><a href="">Menu Entry one</a></li>
<li><a href="">Menu Entry two</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="portfolio-4-columns.html">Portfolio</a>
<ul>
<li><a href="portfolio-4-columns.html">4 Columns</a></li>
<li><a href="portfolio-3-columns.html">3 Columns</a></li>
<li><a href="portfolio-2-columns.html">2 Columns</a></li>
<li><a href="portfolio-ajax.html">Portfolio (Ajax)</a></li>
<li><a href="portfolio-single.html">Portfolio Single</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<div class="header_tagline seperator-section">
<h1><strong>Digital Branding</strong></h1>
<h3>That's what we do.</h3>
</div>
</div>
</header>
<div id="animationsection" class="clearfix">
<div id="slidersection">
<div id="slider" class="slidermain">
<div class="flexslider">
<ul class="slides">
<li>
<img src="files/images/slider-01.jpg" />
</li>
<li>
<img src="files/images/slider-02.jpg" />
<div class="flex-caption"><h4><strong>Clean & Responsive</strong></h4><p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non</p></div>
</li>
<li>
<img src="files/images/slider-03.jpg" />
</li>
</ul>
</div>
</div>
</div>
<div id="loadingsection">
<div id="pageloader" class="clearfix">
<!-- CONTENT WILL BE LOADED HERE -->
</div>
</div>
<div id="loader"><div class="wrapper"><div class="loadingicon"><span><i>Loading</i></span></div></div></div>
</div>
<section id="main">
<div class="main_inner wrapper clearfix">
<div id="recentworks" class="seperator">
<ul class="filter">
<li><a class="active" href="" data-option-value="*">All</a></li>
<li><a href="" data-option-value=".motion">Motion</a></li>
<li><a href="" data-option-value=".web">Web</a></li>
<li><a href="" data-option-value=".print">Print</a></li>
</ul>
<div id="masonry" class="portfolio-entries columns4 clearfix">
<div class="masonry_item portfolio-entry motion">
<div class="imgoverlay">
<a href="portfolio-single.html" class="loadcontent" rel="nullam-id-dolor"><img src="files/images/portfolio/thumb-work_01.jpg" alt="Work 01"/></a>
</div>
<div class="portfolio-meta">
<h5><a href="portfolio-single.html" class="loadcontent" rel="nullam-id-dolor"><strong>Nullam id dolor</strong></a></h5>
<span class="portfolio-categories">Motion</span>
</div>
</div>
<div class="masonry_item portfolio-entry print">
<div class="imgoverlay">
<a href="portfolio-single.html" class="loadcontent" rel="duo-dolores"><img src="files/images/portfolio/thumb-work_02.jpg" alt="Work 02"/></a>
</div>
<div class="portfolio-meta">
<h5><a href="portfolio-single.html" class="loadcontent" rel="duo-dolores"><strong>Duo dolores</strong></a></h5>
<span class="portfolio-categories">Print</span>
</div>
</div>
<div class="masonry_item portfolio-entry print">
<div class="imgoverlay">
<a href="portfolio-single.html" class="loadcontent" rel="takimata-sanctus"><img src="files/images/portfolio/thumb-work_03.jpg" alt="Work 03"/></a>
</div>
<div class="portfolio-meta">
<h5><a href="portfolio-single.html" class="loadcontent" rel="takimata-sanctus"><strong>Takimata sanctus</strong></a></h5>
<span class="portfolio-categories">Print</span>
</div>
</div>
<div class="masonry_item portfolio-entry web">
<div class="imgoverlay">
<a href="portfolio-single.html" class="loadcontent" rel="lorem-ipsum"><img src="files/images/portfolio/thumb-work_04.jpg" alt="Work 04"/></a>
</div>
<div class="portfolio-meta">
<h5><a href="portfolio-single.html" class="loadcontent" rel="lorem-ipsum"><strong>Lorem ipsum</strong></a></h5>
<span class="portfolio-categories">Web</span>
</div>
</div>
<div class="masonry_item portfolio-entry motion">
<div class="imgoverlay">
<a href="portfolio-single.html" class="loadcontent" rel="kasd-gubergren"><img src="files/images/portfolio/thumb-work_05.jpg" alt="Work 05"/></a>
</div>
<div class="portfolio-meta">
<h5><a href="portfolio-single.html" class="loadcontent" rel="kasd-gubergren"><strong>Kasd gubergren</strong></a></h5>
<span class="portfolio-categories">Motion</span>
</div>
</div>
<div class="masonry_item portfolio-entry web">
<div class="imgoverlay">
<a href="portfolio-single.html" class="loadcontent" rel="accusam-et-justo"><img src="files/images/portfolio/thumb-work_06.jpg" alt="Work 06"/></a>
</div>
<div class="portfolio-meta">
<h5><a href="portfolio-single.html" class="loadcontent" rel="accusam-et-justo"><strong>Accusam et justo</strong></a></h5>
<span class="portfolio-categories">Web</span>
</div>
</div>
<div class="masonry_item portfolio-entry print">
<div class="imgoverlay">
<a href="portfolio-single.html" class="loadcontent" rel="eirmod-tempor"><img src="files/images/portfolio/thumb-work_07.jpg" alt="Work 07"/></a>
</div>
<div class="portfolio-meta">
<h5><a href="portfolio-single.html" class="loadcontent" rel="eirmod-tempor"><strong>Eirmod tempor</strong></a></h5>
<span class="portfolio-categories">Print</span>
</div>
</div>
<div class="masonry_item portfolio-entry web">
<div class="imgoverlay">
<a href="portfolio-single.html" class="loadcontent" rel="invidunt"><img src="files/images/portfolio/thumb-work_08.jpg" alt="Work 08"/></a>
</div>
<div class="portfolio-meta">
<h5><a href="portfolio-single.html" class="loadcontent" rel="invidunt"><strong>Invidunt</strong></a></h5>
<span class="portfolio-categories">Web</span>
</div>
</div>
</div><!-- END #masonry -->
</div><!-- END #recentworks -->
<div id="latestnews" class="seperator">
<h6 class="sectiontitle">Latest News</h6>
<div class="column one_third">
<div class="entry clearfix">
<div class="entry-thumb">
<div id="slider" class="slidercontent">
<div class="flexslider">
<ul class="slides">
<li>
<img src="files/images/blog/post_03.jpg" alt="Blog Post 03"/>
</li>
<li>
<img src="files/images/blog/post_02.jpg" alt="Blog Post 02"/>
</li>
<li>
<img src="files/images/blog/post_01.jpg" alt="Blog Post 01"/>
</li>
</ul>
</div>
</div>
</div>
<div class="entry-content clearfix">
<div class="entry-meta left_float">
<div class="meta_type"><a href="blog-single.html" class="type_gallery"></a></div>
</div>
<div class="entry-info right_float">
<div class="post-headline">
<h4><strong><a href="blog-single.html">Consectetuer adipiscing elit</a></strong></h4>
<span class="entry-date">March 15, 2012</span>
</div>
<p>
Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem.
</p>
</div>
</div>
</div>
</div>
<div class="column one_third">
<div class="entry clearfix">
<div class="entry-thumb">
<div class="embeddedvideo">
<iframe src="http://player.vimeo.com/video/31738112?title=0&byline=0&portrait=0" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
</div>
<div class="entry-content clearfix">
<div class="entry-meta left_float">
<div class="meta_type"><a href="blog-single.html" class="type_video"></a></div>
</div>
<div class="entry-info right_float">
<div class="post-headline">
<h4><strong><a href="blog-single.html">Nullam dictum</a></strong></h4>
<span class="entry-date">February 18, 2012</span>
</div>
<p>
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
</p>
</div>
</div>
</div>
</div>
<div class="column one_third last">
<div class="entry clearfix">
<div class="entry-thumb">
<script type="text/javascript">
$(document).ready(function(){
if($().jPlayer) {
$("#jquery_jplayer").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
mp3: "files/audio/test.mp3",
oga: "files/audio/test.ogg",
end: ""
});
},
swfPath: "files/jplayer",
cssSelectorAncestor: "#jp_interface",
supplied: "oga,mp3, all"
});
}
});
</script>
<div id="jquery_jplayer" class="jp-jplayer jp-jplayer-audio"></div>
<div class="jp-audio-container">
<div class="jp-audio">
<div class="jp-type-single">
<div id="jp_interface" class="jp-interface">
<ul class="jp-controls">
<li><div class="seperator-first"></div></li>
<li><div class="seperator-second"></div></li>
<li><a href="#" class="jp-play" tabindex="1">play</a></li>
<li><a href="#" class="jp-pause" tabindex="1">pause</a></li>
<li><a href="#" class="jp-mute" tabindex="1">mute</a></li>
<li><a href="#" class="jp-unmute" tabindex="1">unmute</a></li>
</ul>
<div class="jp-progress-container">
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
</div>
<div class="jp-volume-bar-container">
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="entry-content clearfix">
<div class="entry-meta left_float">
<div class="meta_type"><a href="blog-single.html" class="type_audio"></a></div>
</div>
<div class="entry-info right_float">
<div class="post-headline">
<h4><strong><a href="blog-single.html">Vivamus elementum</a></strong></h4>
<span class="entry-date">February 03, 2012</span>
</div>
<p>
Venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
</p>
</div>
</div>
</div>
</div>
</div><!-- END #latestnews -->
</div> <!-- END #main_inner -->
</section> <!-- END #main -->
<section id="bottom">
<div class="bottom_inner wrapperoverlay">
<div class="widget"><h6>Social Media</h6>
<div class="socialmedia">
<a class="facebook" href="index.html" target="_blank"><span>Facebook</span></a>
<a class="twitter" href="index.html" target="_blank"><span>Twitter</span></a>
<a class="dribbble" href="index.html" target="_blank"><span>Dribbble</span></a>
<a class="vimeo" href="index.html" target="_blank"><span>Vimeo</span></a>
<a class="flickr" href="index.html" target="_blank"><span>Flickr</span></a>
<a class="googleplus" href="index.html" target="_blank"><span>Google+</span></a>
<!--<a class="behance" href="index.html" target="_blank"><span>Behance</span></a>
<a class="forrst" href="index.html" target="_blank"><span>Forrst</span></a>
<a class="deviantart" href="index.html" target="_blank"><span>Deviantart</span></a>
<a class="linkedin" href="index.html" target="_blank"><span>Linkedin</span></a>
<a class="rss" href="index.html" target="_blank"><span>Rss</span></a>-->
</div>
</div>
</div>
</section> <!-- END #bottom -->
<footer id="footer">
<div class="footer_inner wrapper clearfix">
<div class="column one_third seperator">
<div class="widget">
<h6 class="sectiontitle">About Iris</h6>
<div id="text-widget">
<p>
Sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non
</p>
<p>
Sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non
</p>
<p>
<a href="about.html" class="color readmore"><span class="readmoreicon">+</span>read more</a>
</p>
</div>
</div>
</div>
<div class="column one_third seperator">
<div class="widget">
<h6 class="sectiontitle">Flickr Feed</h6>
<div id="flickr-widget">
<ul class="flickr-list">
<li><a href=""><img src="files/images/portfolio/thumb-work_01.jpg"></a></li>
<li><a href=""><img src="files/images/portfolio/thumb-work_02.jpg"></a></li>
<li><a href=""><img src="files/images/portfolio/thumb-work_03.jpg"></a></li>
<li><a href=""><img src="files/images/portfolio/thumb-work_04.jpg"></a></li>
<li><a href=""><img src="files/images/portfolio/thumb-work_05.jpg"></a></li>
<li><a href=""><img src="files/images/portfolio/thumb-work_06.jpg"></a></li>
<li><a href=""><img src="files/images/portfolio/thumb-work_07.jpg"></a></li>
<li><a href=""><img src="files/images/portfolio/thumb-work_08.jpg"></a></li>
</ul>
</div>
</div>
</div>
<div class="column one_third last seperator">
<div class="widget">
<h6 class="sectiontitle">Latest Tweets</h6>
<div id="twitter-widget">
<ul class="tweet-list">
<li><span class="tweet_time"><a href="">about 5 hours ago</a></span> <span class="tweet_text">Nullam id dolor id nibh ultricies vehicula ut id elit.</span></li>
<li><span class="tweet_time"><a href="">about 8 hours ago</a></span> <span class="tweet_text">Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</span></li>
<li><span class="tweet_time"><a href="">about 2 days ago</a></span> <span class="tweet_text">Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem.</span></li>
</ul>
</div>
</div>
</div>
</div> <!-- END .footer_inner -->
<div class="footer_bottom clearfix">
<div class="left_float">Copyright © 2012 by OMG Group, Inc. All rights reserved</div>
<div class="right_float">View our <a href="http://cia.gov">Privacy Policy</a></div>
</div>
</footer> <!-- END #footer -->
<a href="" class="totop" title="Back to top">ToTop</a>
</div> <!-- END #page -->
<!-- jquery -->
<script src="files/js/jquery.isotope.min.js"></script>
<script src="files/js/jquery.flexslider-min.js"></script>
<script src='files/js/jquery.easing.1.3.js'></script>
<script src='files/js/jquery.easing.compatibility.js'></script>
<script src="files/js/jquery.fancybox.pack.js"></script>
<script src="files/jplayer/jquery.jplayer.min.js"></script>
<script src="files/js/script.js"></script>
<script src="files/js/loader.js"></script>
</body>
</html>