<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="header-wrap">
<div class="header-logo">
<h1>
<a href="#" title="学习猿地">学习猿地</a>
</h1>
</div>
<div class="header-search">
<input type="text" placeholder="请输入关键字">
<button>搜索</button>
</div>
<div class="btn-hide">
☰
</div>
</div>
<!-- 导航栏 -->
<nav class="nav-wrap">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">展会概括</a></li>
<li><a href="#">展会服务</a></li>
<li><a href="#">观众服务</a></li>
<li><a href="#">展览场馆</a></li>
<li><a href="#">同期活动</a></li>
<li><a href="#">下载中心</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
<!-- 轮播图 -->
<div class="banner-wrap">
<div class="banner-img">
<!-- <a href="#"><img src="./img/1.jpg" alt="1.png"></a>
<a href="#"><img src="./img/2.jpg" alt="2.png"></a>
<a href="#"><img src="./img/3.jpg" alt="3.png"></a> -->
</div>
<div class="thumnail">
<!-- <img src="./img/1.jpg" alt="1.png">
<img src="./img/2.jpg" alt="2.png">
<img src="./img/3.jpg" alt="3.png"> -->
</div>
<div class="banner-btn">
<div class="pre"><</div>
<div class="next">></div>
</div>
</div>
<!-- 倒计时 -->
<div class="countdown">
<span>距离距IAA开始倒计时</span>
<span class="d">0</span>
<span>天</span>
<span class="h">00</span>
<span>:</span>
<span class="m">00</span>
<span>:</span>
<span class="s">00</span>
</div>
<!-- 最新新闻 -->
<div class="news-wrap">
<!-- <div class="news-item">
<div class="news-img">
<img src="./img/1.jpg" alt="" onerror="onerror=null;src='./img/error.jpg'">
</div>
<h3>这是标题</h3>
<p>Focused on exceeding consumer expectations, STAR offers safe, secure and flexible debit transactions through new and existing channels such as digital wallets, ATMs and point-of-sale</p>
<p>2021-18-12</p>
</div>
-->
</div>
<!-- 关于我们 -->
<div class="md-tit">关于我们</div>
<div class="aboout-wrap">
<div class="left-about">
<h4>2021大湾区汽车先进制造技术大会暨展览会</h4>
<p>为充分发挥粤港澳地区的综合优势，深化粤港澳合作，推进粤港澳大湾区建设，高水平参与国际合作，提升在国家经济发展和全方位开放中的引领作用，大湾区是中国开放程度最高、经济活力最强的区域</p>
<p>2021大湾区汽车先进制造技术大会暨展览会将于2021年12月8-10日在深圳国际会展中心举办。集聚粤港澳大湾区的综合优势，聚焦汽车制造业转型升级和高质量发展。新一代信息技术、人工智能、工业互联网等高新科技与传统汽车制造业深度融合的汽车先进制造技术将重塑和再造全球汽车制造业的未来。2021大湾区国际汽车先进制造技术大会暨展览会将重点探讨汽车制造四大工艺（冲压、焊装、涂装、总装）的最新车间规划、新技术应用、新工艺、新设备智能制造在汽车生产中的应用和未来趋势等制造热点话题。共同推动中国汽车制造技术的飞速发展！</p>
</div>
<div class="right-about">
<img src="https://z3.ax1x.com/2021/10/02/4HLQII.jpg" alt="">
</div>
</div>
<!-- 赞助商 -->
<div class="md-tit">赞助合作品牌</div>
<div class="sponsors-wrap">
<ul>
<li class="sponsors-active">轿车</li>
<li>跑车</li>
<li>皮卡</li>
<li>多用途汽车</li>
</ul>
<div class="spronsors-control" style="display: block;">
<div class="sponsors-con">
<div class="sponsors-item">
<img src="./img/car/porsche-thumbnail (1).png" alt="">
<h4>跑车1号</h4>
<p>特斯拉</p>
</div>
<div class="sponsors-item">
<img src="./img/car/porsche-thumbnail (2).png" alt="">
<h4>跑车1号</h4>
<p>雪铁龙</p>
</div>
<div class="sponsors-item">
<img src="./img/car/porsche-thumbnail (3).png" alt="">
<h4>跑车1号</h4>
<p>凌志</p>
</div>
<div class="sponsors-item">
<img src="./img/car/porsche-thumbnail (4).png" alt="">
<h4>跑车1号</h4>
<p>大众</p>
</div>
</div>
</div>
<div class="spronsors-control">
<div class="sponsors-con">
<div class="sponsors-item">
2
</div>
<div class="sponsors-item ">
2
</div>
<div class="sponsors-item ">
3
</div>
<div class="sponsors-item ">
4
</div>
</div>
</div>
<div class="spronsors-control">
<div class="sponsors-con">
<div class="sponsors-item">
3
</div>
<div class="sponsors-item ">
2
</div>
<div class="sponsors-item ">
3
</div>
<div class="sponsors-item ">
4
</div>
</div>
</div>
<div class="spronsors-control">
<div class="sponsors-con">
<div class="sponsors-item">
4
</div>
<div class="sponsors-item ">
2
</div>
<div class="sponsors-item ">
3
</div>
<div class="sponsors-item ">
4
</div>
</div>
</div>
</div>
<!-- 表单 -->
<form action="">
<div class="tic-form">
<div class="form-wrap">
<h2>预约订票</h2>
<p>For more information on STAR and other Fiserv solutions call us at 800-872-7882 or click below. </p>
<div class="form-control">
<div class="left-control-wrap">
<div class="tic-name">
<label for="tic-name">姓名:</label>
<input type="text" id="tic-name" name="tic-name">
<span class="vail-from"></span>
</div>
<div class="tic-time">
<label for="tic-time">参观时间:</label>
<select name="tic-time" id="tic-time" name="tic-time">
<option value="">请选择</option>
<option value="11">9月11日</option>
<option value="12">9月12日</option>
<option value="13">9月13日</option>
0128汽车展览自适应带留言带图片滚动【html+css+js】带倒计时响应式html5期末大作业
版权申诉
5星 · 超过95%的资源 186 浏览量
2023-05-31
10:21:21
上传
评论 2
收藏 1.48MB ZIP 举报 
0128汽车展览自适应带留言带图片滚动.zip （21个子文件） 
js 
jquary.js 85KB axios.js 44KB index.js 6KB img 
2.jpg 162KB
logo.png 37KB 1.jpg 173KB hires-car.png 573KB car porsche-thumbnail (4).png 38KB porsche-thumbnail (7).png 41KB porsche-thumbnail (2).png 42KB porsche-thumbnail (5).png 38KB porsche-thumbnail.png 38KB porsche-thumbnail (9).png 34KB porsche-thumbnail (1).png 41KB porsche-thumbnail (8).png 41KB porsche-thumbnail (6).png 40KB porsche-thumbnail (3).png 41KB 3.jpg 170KB error.jpg 3KB css index.css 10KB
index.html 13KB资源评论
2302_787325732023-06-23感谢资源主的分享，很值得参考学习，资源价值较高，支持！
小风飞子
- 粉丝: 327
- 资源: 1511
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减3.57元 开通VIP
