<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Garage Bootstrap Template</title>
<meta name="description" content="">
<!--
Template 2079 Garage
http://www.tooplate.com/view/2079-garage
-->
<meta name="author" content="Web Domus Italia">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="source/bootstrap-3.3.6-dist/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="source/font-awesome-4.5.0/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="style/slider.css">
<link rel="stylesheet" type="text/css" href="style/mystyle.css">
</head>
<body>
<!-- Header -->
<div class="allcontain">
<div class="header">
<ul class="socialicon">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
</ul>
<ul class="givusacall">
<li>Give us a call : +66666666 </li>
</ul>
<ul class="logreg">
<li><a href="#">Login </a> </li>
<li><a href="#"><span class="register">Register</span></a></li>
</ul>
</div>
<!-- Navbar Up -->
<nav class="topnavbar navbar-default topnav">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed toggle-costume" data-toggle="collapse" data-target="#upmenu" aria-expanded="false">
<span class="sr-only"> Toggle navigaion</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="#"><img src="image/logo1.png" alt="logo"></a>
</div>
</div>
<div class="collapse navbar-collapse" id="upmenu">
<ul class="nav navbar-nav" id="navbarontop">
<li class="active"><a href="#">HOME</a> </li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">CATEGORIES <span class="caret"></span></a>
<ul class="dropdown-menu dropdowncostume">
<li><a href="#">Sport</a></li>
<li><a href="#">Old</a></li>
<li><a href="#">New</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">DEALERS <span class="caret"></span></a>
<ul class="dropdown-menu dropdowncostume">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="3">3</a></li>
</ul>
</li>
<li>
<a href="contact.html">CONTACT</a>
</li>
<button><span class="postnewcar">POST NEW CAR</span></button>
</ul>
</div>
</nav>
</div>
<!--_______________________________________ Carousel__________________________________ -->
<div class="allcontain">
<div id="carousel-up" class="carousel slide" data-ride="carousel">
<div class="carousel-inner " role="listbox">
<div class="item active">
<img src="image/oldcar.jpg" alt="oldcar">
<div class="carousel-caption">
<h2>Porsche 356</h2>
<p>Lorem ipsum dolor sit amet, consectetur ,<br>
sed do eiusmod tempor incididunt ut labore </p>
</div>
</div>
<div class="item">
<img src="image/porche.jpg" alt="porche">
<div class="carousel-caption">
<h2>Porche</h2>
<p>Lorem ipsum dolor sit amet, consectetur ,<br>
sed do eiusmod tempor incididunt ut labore </p>
</div>
</div>
<div class="item">
<img src="image/benz.jpg" alt="benz">
<div class="carousel-caption">
<h2>Car</h2>
<p>Lorem ipsum dolor sit amet, consectetur ,<br>
sed do eiusmod tempor incididunt ut labore </p>
</div>
</div>
</div>
<nav class="navbar navbar-default midle-nav">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed textcostume" data-toggle="collapse" data-target="#navbarmidle" aria-expanded="false">
<h1>SEARCH TEXT</h1>
<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="collapse navbar-collapse" id="navbarmidle">
<div class="searchtxt">
<h1>SEARCH TEXT</h1>
</div>
<form class="navbar-form navbar-left searchformmargin" role="search">
<div class="form-group">
<input type="text" class="form-control searchform" placeholder="Enter Keyword">
</div>
</form>
<ul class="nav navbar-nav navbarborder">
<li class="li-category">
<a class="btn dropdown-toggle btn-costume" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Category<span class="glyphicon glyphicon-chevron-down downicon"></span></a>
<ul class="dropdown-menu" id="mydd">
<li><a href="#">Epic</a></li>
<li><a href="#">Old</a></li>
<li><a href="#">New</a></li>
</ul>
</li>
<li class="li-minyear"><a class="btn dropdown-toggle btn-costume" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Min Year <span class="glyphicon glyphicon-chevron-down downicon"></span></a>
<ul class="dropdown-menu" id="mydd2">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</li>
<li class="li-maxyear"><a class="btn dropdown-toggle btn-costume" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Max Year <span class="glyphicon glyphicon-chevron-down downicon"></span></a>
<ul class="dropdown-menu" id="mydd3">
<li><a href="#">1900</a></li>
<li><a href="#">2000</a></li>
<li><a href="#">2016</a></li>
</ul>
</li>
<li class="li-slideprice">
<p> <label class="slidertxt" for="amount">Price </label>
<input class="priceslider" type="text" id="amount" readonly="readonly">
</p>
<div id="slider-range"></div>
</li>
<li class="li-search"> <button class="searchbutton"><span class="glyphicon glyphicon-search "></span></button></li>
</ul>
</div>
</nav>
</div>
</div>
<!-- ____________________Featured Section ______________________________-->
<div class="allcontain">
<div class="feturedsection">
<h1 class="text-center"><span class="bdots">•</span>F E A T U R E S<span class="carstxt">C A R S</span>•</h1>
</div>
<div class="feturedimage">
<div class="row firstrow">
<div class="col-lg-6 costumcol colborder1">
<div class="row costumrow">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 img1colon">
<img src="image/featurporch.jpg" alt="porsche">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 txt1colon ">
<div class="featurecontant">
<h1>LOREM IPSUM</h1>
<p>"Lorem ipsum dolor sit amet, consectetur ,<br>
sed do eiusmod tempor incididunt </p>
<h2>Price €</h2>
<button id="btnRM" onClick="rmtxt()">READ MORE</button>
<div id="readmore">
<h1>Car Name</h1>
<p>"Lorem ipsum dolor sit amet, consectetur ,<br>
sed do eiusmod tempor incididunt <br>"Lorem ipsum dolor sit amet, consectetur ,<br>
sed do eiusmod tempor incididunt"Lorem ipsum dolor sit amet, consectetur1 ,
sed do eiusmod tempor incididunt"Lorem ipsum dolor sit amet, consectetur1
sed do eiusmod tempor incididunt"Lorem ipsum dolor sit amet, consectetur1<br>
</p>
<button id="btnRL">READ LESS</button>
</div>
</div>
</div>
</div>
</div>
<div class=
课设&大作业&毕设-轿车收藏展示响应式网页模板-适配移动端-HTML源码.zip （87个子文件） 
课设&大作业&毕设-轿车收藏展示响应式网页模板-适配移动端-HTML源码 html image 
featurporch1.jpg 25KB featurporch.jpg 19KB
logo1.png 3KB border.png 7KB newsletter.jpg 78KB porche.jpg 121KB oldcar.jpg 143KB line.png 110B car8.jpg 27KB compicon.png 140B collectionlogo1.png 16KB car2.jpg 26KB benz.jpg 181KB car3.jpg 25KB car5.jpg 17KB car4.jpg 35KB car6.jpg 34KB car7.jpg 31KB car1.jpg 34KB source js 
selectordie.js 32KB isotope.js 117KB myscript.js 2KB bootstrap-3.3.6-dist js bootstrap.js 67KB npm.js 484B jquery.1.11.js 476KB bootstrap.min.js 36KB jquer.1.10.js 276KB jquery.js 94KB css bootstrap-theme.min.css.map 5KB bootstrap.min.css 118KB bootstrap-theme.css.map 47KB bootstrap-theme.css 26KB bootstrap.css.map 380KB bootstrap.css 142KB bootstrap-theme.min.css 23KB bootstrap.min.css.map 53KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB BebasNeue.otf 62KB font-awesome-4.5.0 css font-awesome.css 32KB font-awesome.min.css 27KB scss _animated.scss 715B _core.scss 459B _fixed-width.scss 120B _icons.scss 44KB _larger.scss 375B _stacked.scss 482B _variables.scss 19KB _path.scss 783B font-awesome.scss 405B _bordered-pulled.scss 592B _rotated-flipped.scss 672B _mixins.scss 946B _list.scss 378B less larger.less 370B core.less 452B rotated-flipped.less 622B stacked.less 476B bordered-pulled.less 585B fixed-width.less 119B mixins.less 926B variables.less 19KB font-awesome.less 465B icons.less 43KB animated.less 713B list.less 377B path.less 770B fonts FontAwesome.otf 107KB fontawesome-webfont.eot 69KB fontawesome-webfont.woff 82KB fontawesome-webfont.woff2 65KB fontawesome-webfont.svg 357KB fontawesome-webfont.ttf 139KB fonts OpenSans-Bold.ttf 219KB OpenSans-Semibold.ttf 216KB OpenSans-Light.ttf 217KB OpenSans-Regular.ttf 212KB Roboto-Light.ttf 137KB BebasNeue-Regular.otf 69KB style contactstyle.css 3KB slider.css 35KB mystyle.css 30KB
index.html 21KB contact.html 9KB资源评论
