<!--
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 | Gallery :: 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>
<link rel="stylesheet" href="css/swipebox.css">
<!------ Light Box ------>
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------>
</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 class="active"><a href="gallery.html">GALLERY</a></li>
<li><a href="videos.html" data-hover="VIDEOS">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 -->
<!--gallery-Ends-Here-->
<div class="portfolio">
<div class="container">
<h3>Our Gllery</h3>
<div id="portfoliolist">
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/img11.jpg" class="swipebox" title="Image Title"> <img src="images/img11.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/img10.jpg" class="swipebox" title="Image Title"> <img src="images/img10.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/img9.jpg" class="swipebox" title="Image Title"> <img src="images/img9.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio app mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/img8.jpg" class="swipebox" title="Image Title"> <img src="images/img8.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/img7.jpg" class="swipebox" title="Image Title"> <img src="images/img7.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio card mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/img6.jpg" class="swipebox" title="Image Title"> <img src="images/img6.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/img10.jpg" class="swipebox" title="Image Title"> <img src="images/img10.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio logos mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="logos" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/img9.jpg" class="swipebox" title="Image Title"> <img src="images/img9.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/img8.jpg" class="swipebox" title="Image Title"> <img src="images/img8.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/img9.jpg" class="swipebox" title="Image Title"> <img src="images/img9.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/img7.jpg" class="swipebox" title="Image Title"> <img src="images/img7.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="portfolio icon mix_all wow bounceIn" data-wow-delay="0.4s" data-cat="icon" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/img6.jpg" class="swipebox" title="Image Title"> <img src="images/img6.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<!--gallery-Ends-Here-->
<!-- footer -->
<div class="footer">
<div class="container">
<a href="index.html"><img src="images/foot.png" class="img-responsive" alt="" /></a>
<p>Copyrights © 2015 Tes
HTML网站源码-特斯拉汽车介绍响应式网页模板-适配移动端&PC端.zip
版权申诉
109 浏览量
2024-03-30
11:52:07
上传
评论
收藏 1.71MB ZIP 举报
HTML网站源码-特斯拉汽车介绍响应式网页模板-适配移动端&PC端.zip （35个子文件） 
HTML网站源码-特斯拉汽车介绍响应式网页模板-适配移动端&PC端 html 
videos.html 5KB js 
jquery.swipebox.min.js 7KB jquery.easydropdown.js 12KB jquery.flexslider.js 39KB jquery.min.js 92KB css style.css 25KB flexslider.css 4KB bootstrap.css 118KB swipebox.css 4KB 404.html 3KB index.html 7KB images 
img3.png 381KB down.png 3KB
img6.jpg 105KB 3.png 4KB menu.png 3KB banner.jpg 64KB logo.png 9KB img2.jpg 92KB zoom.png 3KB circle.png 3KB 1.png 3KB img10.jpg 81KB img11.jpg 88KB img1.jpg 81KB
icons.svg 1KB img7.jpg 84KB img8.jpg 85KB banner-1.png 603KB 4.png 3KB 2.png 4KB img9.jpg 103KB foot.png 5KB order.html 5KB gallery.html 8KB资源评论
