View file web/videos.html

File size: 5.23Kb
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Tesla a Autos & Transportation Category Flat Bootstarp Responsive Website Template | Videos :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Tesla Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
</head>
<body>
<!-- header -->
	<div class="banner1">
		<div class="container">
			<div class="header-bottom">
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
				</div>
				<div class="head-nav">
					<span class="menu"> </span>
						<ul class="cl-effect-15">
							<li><a href="order.html" data-hover="ORDER">ORDER</a></li>
							<li><a href="index.html" data-hover="TEST DRIVE">TEST DRIVE</a></li>
							<li><a href="gallery.html" data-hover="GALLERY">GALLERY</a></li>
							<li class="active"><a href="videos.html" >VIDEOS</a></li>
							<li><a href="404.html" data-hover="CHARGING">CHARGING</a></li>
								<div class="clearfix"> </div>
						</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
						<!-- script-for-nav -->
					<script>
						$( "span.menu" ).click(function() {
						  $( ".head-nav ul" ).slideToggle(300, function() {
							// Animation complete.
						  });
						});
					</script>
				<!-- script-for-nav --> 	
		</div>
	</div>
<!-- header -->
<!-- videos -->
	<div class="vide-top">
		<div class="container">
			<h2>Our Videos</h2>
			<div class="col-md-8 vide">
				<iframe src="https://player.vimeo.com/video/107041614" width="100%" height="350" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
			</div>
			<div class="col-md-4 check">
				<h4>lorem ipsum</h4>
				<ul>
					<li><a href="#"><span> </span>Etiam augue sem, pellentesque</a></li>
					<li><a href="#"><span> </span>Duis nec neque posuere, gravida</a></li>
					<li><a href="#"><span> </span>Cras felis nunc, tempus ut</a></li>
					<li><a href="#"><span> </span>Ut tincidunt varius pellentesque. Aenean laoreet nibh et nulla </a></li>
					<li><a href="#"><span> </span>Donec imperdiet posuere dolor, at fringilla augue</a></li>
				</ul>
			</div>
				<div class="clearfix"> </div>
			<div class="vide-bottom">
				<div class="col-md-4 vide-left">
					<iframe src="https://player.vimeo.com/video/22417854" width="100%" height="150" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
				</div>
				<div class="col-md-8 vide-right">
					<h3><a href="#">Lorem Ipsum is not simply</a></h3>
					<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
					<h5>15 feb 2015</h5>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="vide-bottom">
				<div class="col-md-4 vide-left">
					<iframe src="https://player.vimeo.com/video/45805600" width="100%" height="150" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
				</div>
				<div class="col-md-8 vide-right">
					<h3><a href="#">Lorem Ipsum is not simply</a></h3>
					<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
					<h5>15 feb 2015</h5>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="vide-bottom">
				<div class="col-md-4 vide-left">
					<iframe src="https://player.vimeo.com/video/1765581" width="100%" height="150" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
				</div>
				<div class="col-md-8 vide-right">
					<h3><a href="#">Lorem Ipsum is not simply</a></h3>
					<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration.</p>
					<h5>15 feb 2015</h5>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
</div>
<!-- videos -->
<!-- footer -->
	<div class="footer">
		<div class="container">
			<a href="index.html"><img src="images/foot.png" class="img-responsive" alt="" /></a>
			<p>Copyrights © 2015 Tesla All rights reserved | Template by <a href="http://w3layouts.com/">W3layouts</a></p>
		</div>
	</div>
<!-- footer -->
</body>
</html>