<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1" /> <meta name="viewport" content="width=device-width" /> <title>Omnibus - One Page Template by Brankic1979</title> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/color/green.css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/blog.css" media="screen" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript" src="javascript/custom.js"></script> <script type="text/javascript" src="javascript/jquery-ui-custom.min.js"></script> <script type="text/javascript" src="javascript/twitter.js"></script> <script type="text/javascript" src="javascript/jquery.easing.js"></script> <script type="text/javascript" src="javascript/jquery.smooth.scroll.js"></script> <!-- Page transition Javascript --> <script type="text/javascript" src="javascript/page-transitions.js"></script> <!-- Flexslider JavaScript Files --> <script src="javascript/jquery.flexslider.js"></script> <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> <!-- PrettyPhoto --> <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" /> <script type="text/javascript" src="javascript/prettyPhoto.js"></script> <!-- Masonry Javascript File --> <script type="text/javascript" src="javascript/jquery.isotope.min.js"></script> <!-- Contact form Javascript --> <script type="text/javascript" src="javascript/contact-form-validate.js"></script> <!-- Google Map Javascript --> <script type="text/javascript" src="javascript/google_map_plugin.js"></script> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> <!-- Full Image Background Javascript --> <script type="text/javascript" src="javascript/jquery.backstretch.min.js"></script> <!-- Photostream Javascript --> <script type="text/javascript" src="javascript/bra.photostream.js"></script> </head> <body id="top" class="home"> <p id="back-top"> <a href="#top">Back to Top</a> </p> <div id="notification-wrapper"> <div class="notification"> <div class="tweets"></div><!--END TWEETS--> </div><!-- END NOTIFICATION --> </div><!-- END NOTIFICATION-WRAPPER --> <div id="wrapper"> <div class="content clearfix boxed"> <!-- START HEADER --> <div id="header"> <div class="social-bookmarks"> <ul> <li class="twitter"><a href="#"><img src="images/socialize-icons/white/twitter.png" alt="twitter" /></a></li> <li class="facebook"><a href="#"><img src="images/socialize-icons/white/facebook.png" alt="facebook" /></a></li> <li class="dribbble"><a href="#"><img src="images/socialize-icons/white/dribbble.png" alt="dribbble" /></a></li> <li class="rss"><a href="#"><img src="images/socialize-icons/white/rss.png" alt="rss" /></a></li> <li id="notification-trigger" class="notification-arrows text active">Latest tweet</li> </ul> </div><!--END SOCIAL-BOOKMARKS--> <div id="logo"> <a href="index-boxed.html"><img src="images/logo.png" alt="" /></a> </div><!--END LOGO--> <div id="primary-menu"> <ul class="menu"> <li><a href="#home" data-rel="images/pattern/bg3.jpg"><strong>Home</strong><span>The beginning</span></a></li> <li><a href="#about" data-rel="images/pattern/bg2.jpg"><strong>About</strong><span>Our team</span></a></li> <li><a href="#portfolio" data-rel="images/pattern/bg4.jpg"><strong>Work</strong><span>We are proud of</span></a></li> <li><a href="#blog" data-rel="images/pattern/bg5.jpg"><strong>Blog</strong><span>Headlines</span></a></li> <li><a href="#features" data-rel="images/pattern/bg1.jpg"><strong>Features</strong><span>Some cool stuff</span></a> <ul> <li><a href="portfolio-single-boxed.html">Portfolio single page 1</a></li> <li><a href="portfolio-single2-boxed.html">Portfolio single page 2</a></li> <li><a href="blog-single-boxed.html">Blog single page</a></li> <li><a href="#">Just an example</a></li> </ul> </li> <li><a href="#contact" data-rel="images/pattern/bg7.jpg"><strong>Contact</strong><span>Get in touch</span></a></li> </ul><!--END UL MENU--> </div><!--END PRIMARY MENU--> <div class="clear"></div> </div><!--END HEADER--> <!-- END HEADER --> <!-- START DYNAMIC CONTENT WRAPPER --> <div class="dynamic-content-wrapper"> <div id="home"> <div class="slideshow-container"> <div class="flexslider" id="index-slider"> <ul class="slides"> <li> <a href="#"><img src="images/slider4.jpg" alt="" /></a> <p class="flex-caption">This is a place for a brief description.</p> </li> <li> <a href="#"><img src="images/slider2.jpg" alt="" /></a> <p class="flex-caption">Here we go again, history repeating!</p> </li> <li> <a href="#"><img src="images/slider3.jpg" alt="" /></a> </li> <li> <a href="#"><img src="images/slider1.jpg" alt="" /></a> <p class="flex-caption">Promise I'll stop...one day.</p> </li> </ul><!--END UL SLIDES--> </div><!--END FLEXSLIDER--> <div class="section-title"> <h1>Howdy, <br />we are Brankic1979</h1> <br /> <strong>One of <a href="http://themeforest.net">ThemeForest's</a> top authors. We like to make things for web, in fact we are little bit too obsessed.</strong><br /><br /> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolor laudantium.</p> </div><!--END SECTION TITLE--> </div><!--END SLIDESHOW-CONTAINER--> </div><!--END HOME--> <div id="about"> <div class="section-title"> <h1>About Us</h1> <p class="section-subtitle">We like to make things for web, in fact we are little bit too obsessed. In fact we earn money whilst working on things we're totally in love with. Admit, you're jealous?</p> </div><!--END SECTION TITLE--> <div class="divider-border"></div> <div class="one-third"> <h4>Our Philosophy</h4> <p><strong>Etiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem.</strong></p> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Donec ut volutpat metus. Aliquam tortor lorem, fringilla tempor dignissim at, pretium et arcu. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.</p> </div><!--END ONE-THIRD--> <div class="one-third"> <h4>Our Mision</h4> <p><strong>Etiam eget mi enim, non ultricies nisi voluptatem, illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem.</strong></p> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Donec ut volutpat metus. Aliquam tortor lorem, fringilla tempor dignissim at, pretium et arcu. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.</p> </div><!--END ONE-THIRD--> <div class="one-third last"> <h4>Our skills</h4> <ul id="services-graph"> <li><span title="70"></span><p><strong>70%</strong>Web design</p></li> <li><span title="100"></span><p><strong>100%</strong>Wordpress</p></li> <li><span title="85"></span><p><stro