289 lines
13 KiB
HTML
289 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>仰望汽车 | 全系车型展示</title>
|
||
<link rel="stylesheet" href="styles.css">
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<!-- 导航栏 -->
|
||
<nav class="navbar">
|
||
<div class="nav-container">
|
||
<div class="logo">
|
||
<h1>仰望</h1>
|
||
<span>YANGWANG</span>
|
||
</div>
|
||
<ul class="nav-menu">
|
||
<li><a href="#home">首页</a></li>
|
||
<li><a href="#u8">U8</a></li>
|
||
<li><a href="#u9">U9</a></li>
|
||
<li><a href="#u7">U7</a></li>
|
||
<li><a href="#contact">联系我们</a></li>
|
||
</ul>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- 首页英雄区域 -->
|
||
<section id="home" class="hero">
|
||
<div class="hero-content">
|
||
<h2 class="hero-title">极致技术，仰望未来</h2>
|
||
<p class="hero-subtitle">比亚迪旗下高端品牌，以颠覆性技术打造前所未有的百万级豪华体验</p>
|
||
<div class="hero-stats">
|
||
<div class="stat">
|
||
<span class="stat-number">1300+</span>
|
||
<span class="stat-label">马力</span>
|
||
</div>
|
||
<div class="stat">
|
||
<span class="stat-number">2.9s</span>
|
||
<span class="stat-label">零百加速</span>
|
||
</div>
|
||
<div class="stat">
|
||
<span class="stat-number">720km</span>
|
||
<span class="stat-label">续航里程</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="hero-image">
|
||
<img src="https://images.unsplash.com/photo-1617788138017-80ad40651399?w=1200&h=800&fit=crop" alt="仰望汽车">
|
||
</div>
|
||
</section>
|
||
|
||
<!-- U8 车型展示 -->
|
||
<section id="u8" class="car-section">
|
||
<div class="car-container">
|
||
<div class="car-content">
|
||
<div class="car-info">
|
||
<div class="car-badge">
|
||
<span class="model-name">U8</span>
|
||
<span class="model-subtitle">豪华越野SUV</span>
|
||
</div>
|
||
<h3 class="car-title">全地形征服者</h3>
|
||
<p class="car-description">
|
||
仰望U8是仰望品牌的首款车型，定位为百万级新能源硬派越野车。
|
||
搭载易四方技术平台，具备应急浮水、原地掉头等极致安全能力，
|
||
重新定义豪华越野体验。
|
||
</p>
|
||
<div class="car-specs">
|
||
<div class="spec-item">
|
||
<span class="spec-label">价格</span>
|
||
<span class="spec-value">¥109.8万起</span>
|
||
</div>
|
||
<div class="spec-item">
|
||
<span class="spec-label">动力</span>
|
||
<span class="spec-value">1200马力</span>
|
||
</div>
|
||
<div class="spec-item">
|
||
<span class="spec-label">续航</span>
|
||
<span class="spec-value">180km纯电</span>
|
||
</div>
|
||
<div class="spec-item">
|
||
<span class="spec-label">涉水深度</span>
|
||
<span class="spec-value">1.4m</span>
|
||
</div>
|
||
</div>
|
||
<div class="car-features">
|
||
<div class="feature-tag">易四方技术</div>
|
||
<div class="feature-tag">云辇-P系统</div>
|
||
<div class="feature-tag">应急浮水</div>
|
||
<div class="feature-tag">原地掉头</div>
|
||
<div class="feature-tag">17+1驾驶模式</div>
|
||
</div>
|
||
</div>
|
||
<div class="car-image">
|
||
<img src="https://images.unsplash.com/photo-1583121274602-3e2820c69888?w=800&h=600&fit=crop" alt="仰望U8">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- U9 车型展示 -->
|
||
<section id="u9" class="car-section alt">
|
||
<div class="car-container">
|
||
<div class="car-content">
|
||
<div class="car-image">
|
||
<img src="https://images.unsplash.com/photo-1618843479313-40f8afb4b4d8?w=800&h=600&fit=crop" alt="仰望U9">
|
||
</div>
|
||
<div class="car-info">
|
||
<div class="car-badge">
|
||
<span class="model-name">U9</span>
|
||
<span class="model-subtitle">纯电性能超跑</span>
|
||
</div>
|
||
<h3 class="car-title">极速美学</h3>
|
||
<p class="car-description">
|
||
仰望U9定位为百万级纯电性能超跑，搭载易四方和云辇-X核心技术，
|
||
应用全球首个量产全域1200V超高压平台，带来极致的性能表现。
|
||
</p>
|
||
<div class="car-specs">
|
||
<div class="spec-item">
|
||
<span class="spec-label">价格</span>
|
||
<span class="spec-value">¥168万起</span>
|
||
</div>
|
||
<div class="spec-item">
|
||
<span class="spec-label">动力</span>
|
||
<span class="spec-value">1300+马力</span>
|
||
</div>
|
||
<div class="spec-item">
|
||
<span class="spec-label">加速</span>
|
||
<span class="spec-value">2.9s零百</span>
|
||
</div>
|
||
<div class="spec-item">
|
||
<span class="spec-label">极速</span>
|
||
<span class="spec-value">300km/h+</span>
|
||
</div>
|
||
</div>
|
||
<div class="car-features">
|
||
<div class="feature-tag">云辇-X系统</div>
|
||
<div class="feature-tag">1200V平台</div>
|
||
<div class="feature-tag">四电机驱动</div>
|
||
<div class="feature-tag">赛道版</div>
|
||
<div class="feature-tag">跳舞模式</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- U7 车型展示 -->
|
||
<section id="u7" class="car-section">
|
||
<div class="car-container">
|
||
<div class="car-content">
|
||
<div class="car-info">
|
||
<div class="car-badge">
|
||
<span class="model-name">U7</span>
|
||
<span class="model-subtitle">旗舰豪华轿车</span>
|
||
</div>
|
||
<h3 class="car-title">行政新标杆</h3>
|
||
<p class="car-description">
|
||
仰望U7是仰望品牌的旗舰轿车，首搭革命性云辇-Z技术，
|
||
采用纯电与插混同价策略，重新定义D级豪华轿车标准。
|
||
</p>
|
||
<div class="car-specs">
|
||
<div class="spec-item">
|
||
<span class="spec-label">价格</span>
|
||
<span class="spec-value">¥62.8-70.8万</span>
|
||
</div>
|
||
<div class="spec-item">
|
||
<span class="spec-label">动力</span>
|
||
<span class="spec-value">1306马力</span>
|
||
</div>
|
||
<div class="spec-item">
|
||
<span class="spec-label">续航</span>
|
||
<span class="spec-value">720km纯电</span>
|
||
</div>
|
||
<div class="spec-item">
|
||
<span class="spec-label">风阻系数</span>
|
||
<span class="spec-value">0.195Cd</span>
|
||
</div>
|
||
</div>
|
||
<div class="car-features">
|
||
<div class="feature-tag">云辇-Z技术</div>
|
||
<div class="feature-tag">星环座舱</div>
|
||
<div class="feature-tag">双枪快充</div>
|
||
<div class="feature-tag">激光雷达</div>
|
||
<div class="feature-tag">行政座椅</div>
|
||
</div>
|
||
</div>
|
||
<div class="car-image">
|
||
<img src="https://images.unsplash.com/photo-1544636331-e26879cd4d9b?w=800&h=600&fit=crop" alt="仰望U7">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 技术亮点 -->
|
||
<section class="technology">
|
||
<div class="tech-container">
|
||
<h2 class="section-title">核心技术</h2>
|
||
<div class="tech-grid">
|
||
<div class="tech-card">
|
||
<div class="tech-icon">⚡</div>
|
||
<h3>易四方</h3>
|
||
<p>四电机独立驱动技术，实现原地掉头、应急浮水等极致功能</p>
|
||
</div>
|
||
<div class="tech-card">
|
||
<div class="tech-icon">🎯</div>
|
||
<h3>云辇系统</h3>
|
||
<p>智能车身控制系统，提供前所未有的驾乘舒适性和安全性</p>
|
||
</div>
|
||
<div class="tech-card">
|
||
<div class="tech-icon">🔋</div>
|
||
<h3>刀片电池</h3>
|
||
<p>超级安全的磷酸铁锂电池，通过针刺实验，安全可靠</p>
|
||
</div>
|
||
<div class="tech-card">
|
||
<div class="tech-icon">🧠</div>
|
||
<h3>天神之眼</h3>
|
||
<p>高阶智能驾驶辅助系统，全国都能开，越开越好开</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 联系区域 -->
|
||
<section id="contact" class="contact">
|
||
<div class="contact-container">
|
||
<h2 class="section-title">预约试驾</h2>
|
||
<p class="contact-subtitle">体验仰望汽车的极致魅力</p>
|
||
<div class="contact-info">
|
||
<div class="contact-item">
|
||
<span class="contact-label">客服热线</span>
|
||
<span class="contact-value">400-039-6666</span>
|
||
</div>
|
||
<div class="contact-item">
|
||
<span class="contact-label">营业时间</span>
|
||
<span class="contact-value">周一至周日 9:00-21:00</span>
|
||
</div>
|
||
</div>
|
||
<button class="cta-button">立即预约</button>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 页脚 -->
|
||
<footer class="footer">
|
||
<div class="footer-container">
|
||
<div class="footer-content">
|
||
<div class="footer-logo">
|
||
<h3>仰望</h3>
|
||
<span>YANGWANG</span>
|
||
</div>
|
||
<div class="footer-links">
|
||
<div class="footer-section">
|
||
<h4>车型</h4>
|
||
<ul>
|
||
<li><a href="#u8">U8 豪华越野SUV</a></li>
|
||
<li><a href="#u9">U9 纯电超跑</a></li>
|
||
<li><a href="#u7">U7 旗舰轿车</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-section">
|
||
<h4>服务</h4>
|
||
<ul>
|
||
<li><a href="#">预约试驾</a></li>
|
||
<li><a href="#">金融服务</a></li>
|
||
<li><a href="#">售后保障</a></li>
|
||
<li><a href="#">充电服务</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-section">
|
||
<h4>关于仰望</h4>
|
||
<ul>
|
||
<li><a href="#">品牌故事</a></li>
|
||
<li><a href="#">核心技术</a></li>
|
||
<li><a href="#">新闻资讯</a></li>
|
||
<li><a href="#">联系我们</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<p>© 2025 仰望汽车. 深圳仰望汽车销售有限公司 版权所有</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|