<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--设置浏览器的视口，只在移动端浏览器下起作用-->
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<title></title>
<!--引入bootstrap的css样式文件-->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<!--判断如果IE9以下，引入兼容H5元素的js文件，注意空格位置-->
<!--[if lt IE 9]>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<![end if] -->
</head>
<body>
<!--导航条开始-->
<nav class="navbar navbar-default navbar-fixed-top">
<!--内容容器开始-->
<div class="container">
<!--头部开始-->
<div class="navbar-header">
<!--响应式菜单开始-->
<button class="navbar-toggle" data-toggle="collapse" data-target="#navMenu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!--响应式菜单结束-->
<!--logo开始-->
<a href="#" class="navbar-brand" >二手车</a>
<!--logo结束-->
</div>
<form class="navbar-form navbar-left visible-xs-block visible-md-block visible-lg-block">
<div class="form-group">
<input type="text" class="form-control" placeholder="用户名"/>
<input type="password" class="form-control" placeholder="密码"/>
</div>
<button type="button" class="btn btn-info" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">登录</button>
<!--头部结束-->
<!--菜单内容开始-->
<div id="navMenu" class="navbar-collapse collapse">
<!--菜单列表开始-->
<ul class="nav navbar-nav">
<li class="active"><a href="#">首页</a></li>
<li><a href="#">车辆信息</a></li>
<li><a href="#">联系电话:</a></li>
</a>
<div class="btn-group" role="group" aria-label="...">
<h4><button type="button" class="btn btn-default" style="color: #449d44">0411-566666</button>
<button type="button" class="btn btn-default" style="color: #449d44">133888888</button>
<button type="button" class="btn btn-default" style="color: #449d44">8526-145666</button></h4>
</div>
</li>
</ul>
<!--菜单列表结束-->
<!--普通文本开始-->
<p class="navbar-text">
当前用户：
<a href="#" class="navbar-link" style="color: blueviolet">沈宇明</a>
</p>
</form>
<!--表单结束-->
<!--退出登录-->
<a href="#" class="btn btn-danger navbar-btn navbar-right">退出登录</a>
<!--退出登录-->
</div>
<!--菜单内容结束-->
</div>
<!--内部容器结束-->
</nav>
<!--导航条结束-->
<!--外层容器开始-->
<div class="container" style="margin-top: 60px;">
<!--最外层行开始-->
<div class="row">
<!--左侧区域开始-->
<div class="col-sm-9">
<!--巨幕开始-->
<button type="button" class="btn btn-info btn-xs pull-right">咨询我们</button>
<div class="jumbotron">
<img src="images/浏览图片.png" alt="..." class="img-rounded">
<a href="#" class="btn btn-success pull-right" style="color: #0f0f0f" ><font size="8" >提前预约</font></a>
</div>
<!--巨幕结束-->
<!--列表开始-->
<div class="row">
<div class="col-lg-4 col-xs-6">
<h3>奔驰迈巴赫s480</h3>
<p>
价格：500w
油耗：8.6L-13.5L
<input type="button" value="查看" id="btn1">
<script>
window.onload = function () {
//获取元素对象
var btn1 = document.getElementById("btn1");
//注册事件
btn1.onclick = function () {
document.write("请拨打1335556666获取详细信息")
}
}
</script>
</p>
</div>
<div class="col-lg-4 col-xs-6">
<h3>宝马x6</h3>
<p>
价格：188w
油耗：9.0L-14.5L
<input type="button" value="查看" id="btn2">
<script type="application/javascript">
window.onload = function () {
//获取元素对象
var btn2 = document.getElementById("btn2");
//注册事件
btn2.onclick = function () {
document.write("请拨打196666666666获取详细信息")
}
}
</script>
</p>
</div>
<div class="col-lg-4 col-xs-6">
<h3>兰博基尼</h3>
<p>
价格：500w
油耗：10.0L-15.0L
<input type="button" value="查看" id="btn3">
<script>
window.onload = function () {
//获取元素对象
var btn3 = document.getElementById("btn3");
//注册事件
btn3.onclick = function () {
document.write("请拨打1888888888获取详细信息")
}
}
</script>
</p>
</p>
</div>
</div>
<!--列表结束-->
</div>
</div>
<!--右侧区域结束-->
</div>
<!--最外层行结束-->
<hr />
</div>
<!--外层容器结束-->
<!--网页底部开始-->
<footer>
<div class="container">
<div class="row">
<div class="col-md-6">
<h4 class="text-center">BootStrap中文网</h4>
<p>
本网站所列开源项目的中文版文档全部由<a href="">宇明二手车网</a>成员翻译整理，
并全部遵循 <a href="">SYM 3.0</a>协议发布！
</p>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-xs-3">
<h4>关于</h4>
<ul class="list-unstyled">
<li><a href="">关于我们</a></li>
<li><a href="">广告合作</a></li>
<li><a href="">友情链接</a></li>
</ul>
</div>
<div class="col-xs-3">
<h4>关于</h4>
<ul class="list-unstyled">
<li><a href="">关于我们</a></li>
前端项目13.rar
需积分: 1 63 浏览量
2023-11-21
09:28:03
上传
评论
收藏 9.3MB RAR 举报
前端项目13.rar （55个子文件） 
前端页面 js 
html5shiv.min.js 3KB bootstrap.js 68KB npm.js 484B bootstrap.min.js 36KB respond.min.js 6KB jquery.js 268KB img 
2.jpg 21KB Thumbs.db 56KB
10.png 7KB 9.png 3KB download.png 3KB 3.png 1KB desktop.jpg 34KB 22.jpg 318KB logo.png 3KB 12.png 1KB stickup.png 8KB tablet.jpg 22KB websafecolors.png 9KB 11.png 2KB 13.png 1KB 6.png 8KB erweima.png 3KB phone.jpg 66KB 5.png 20KB 4.png 10KB 11.jpg 62KB 8.png 18KB unslider.png 1KB header_img.jpg 86KB 7.png 45KB 3.jpg 33KB
demo.mp4 7.86MB 14.png 3KB css bootstrap-theme.min.css.map 25KB bootstrap.min.css 118KB bootstrap-theme.css.map 47KB bootstrap-theme.css 26KB bootstrap.css.map 380KB bootstrap.css 143KB bootstrap-theme.min.css 23KB bootstrap.min.css.map 529KB images slide2.png 8KB 2.jpg 83KB slide3.png 6KB 1.jpg 94KB slide1.png 6KB 3.jpg 106KB 浏览图片.png 23KB
前端页面.html 9KB 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资源评论
