<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<title>Authentic More Templates -www.moobnn.com</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/templatemo_main.css">
<!-- templatemo 412 authentic -->
</head>
<body>
<div id="main-wrapper">
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a rel="nofollow" href="http://browsehappy.com">upgrade your browser</a> or <a rel="nofollow" href="#/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div class="container">
<!-- Static navbar -->
<div class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<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>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#templatemo-page1"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#templatemo-page2"><i class="fa fa-video-camera"></i>Videos</a></li>
<li><a href="#templatemo-page3"><i class="fa fa-laptop"></i>Services</a></li>
<li><a href="#templatemo-page4"><i class="fa fa-users"></i>About</a></li>
<li><a href="#templatemo-page5"><i class="fa fa-envelope-o"></i>Contact</a></li>
<li><a rel="nofollow" href="#" class="external"><i class="fa fa-external-link"></i>External</a></li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container-fluid -->
</div>
<div class="image-section">
<div class="image-container">
<img src="images/templatemo-bg-1.jpg" id="templatemo-page1-img" class="main-img inactive" alt="Home">
<img src="images/templatemo-bg-2.jpg" id="templatemo-page2-img" class="inactive" alt="Services">
<img src="images/templatemo-bg-3.jpg" id="templatemo-page3-img" class="inactive" alt="Awards">
<img src="images/templatemo-bg-4.jpg" id="templatemo-page4-img" class="inactive" alt="Company">
<img src="images/templatemo-bg-5.jpg" id="templatemo-page5-img" class="inactive" alt="Contact">
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="templatemo-site-title">
<h1 class="site-name"><a rel="nofollow" href="http://www.moobnn.com/preview/templatemo_412_authentic" title="Authentic">Authentic</a></h1>
<h2 class="slogon">by <a href="#">templatemo</a></h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 templatemo-content-wrapper">
<div class="templatemo-content">
<section id="templatemo-page1-text" class="active">
<div class="col-sm-12 col-md-12">
<h2>Image Gallery</h2>
<p><a href="#">Authentic</a> is free HTML5 site template by <strong><span class="blue">template</span><span class="green">mo</span></strong>. You may download and apply this template for any purpose. Credits go to <a rel="nofollow" href="http://fortawesome.github.io/Font-Awesome/">Font Awesome</a> for icons and <a rel="nofollow" href="#">Unsplash</a> for images.</p>
<div id="slider" class="flexslider">
<ul class="slides">
<li>
<img src="images/slider/slide1.jpg" alt="Slide 1"/>
</li>
<li>
<img src="images/slider/slide2.jpg" alt="Slide 2" />
</li>
<li>
<img src="images/slider/slide3.jpg" alt="Slide 3" />
</li>
<li>
<img src="images/slider/slide4.jpg" alt="Slide 4" />
</li>
<li>
<img src="images/slider/slide5.jpg" alt="Slide 5" />
</li>
</ul>
</div>
<div id="carousel" class="flexslider">
<ul class="slides">
<li>
<img src="images/slider/thumb1.jpg" alt="Thumbnail 1"/>
</li>
<li>
<img src="images/slider/thumb2.jpg" alt="Thumbnail 2"/>
</li>
<li>
<img src="images/slider/thumb3.jpg" alt="Thumbnail 3"/>
</li>
<li>
<img src="images/slider/thumb4.jpg" alt="Thumbnail 4"/>
</li>
<li>
<img src="images/slider/thumb5.jpg" alt="Thumbnail 5"/>
</li>
</ul>
</div>
</div>
</section><!-- /.templatemo-page1-text -->
<section id="templatemo-page2-text" class="inactive">
<div class="col-sm-12 col-md-12">
<h2>Videos</h2>
<p>Fusce cursus gravida justo, sit amet facilisis libero auctor non. Nullam bibendum, quam ac dapibus congue, ligula lectus tempor erat, sed posuere purus massa vel leo. Donec dignissim in nibh sed consectetur.</p>
<h3>The new Cayenne</h3>
<p>Suspendisse sodales, velit id interdum porta, quam mauris semper eros, ac iaculis velit mi at magna. Suspendisse id est sed leo placerat aliquet.</p>
<div class="videoWrapper">
</div>
<h3>The new S 63 AMG Coupé</h3>
<p>Nullam tempus placerat suscipit. Vestibulum ut aliquam nulla. Quisque ac velit gravida, mattis metus vitae, tempus elit.</p>
<div class="videoWrapper">
</div>
<h3>BMW i3</h3>
<p>Fusce cursus gravida justo, sit amet facilisis libero auctor non. Nullam bibendum, quam ac dapibus congue, ligula lectus tempor erat, sed posuere purus massa vel leo.</p>
<div class="videoWrapper">
</div>
</div>
</section><!--