请参考网址https://www.car-vacation.com/e/action/ListInfo/?classid=16,写一个类似的html页面,要求给出完整的布局框架代码
时间: 2023-05-28 21:01:27 浏览: 68
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Car Vacation</title>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Destinations</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
<h1>Car Vacation</h1>
<p>Your ultimate road trip planner</p>
</header>
<section id="featured">
<h2>Featured Destinations</h2>
<ul>
<li>
<img src="https://www.car-vacation.com/uploadfile/2019/0923/20190923103640346.jpg" alt="Featured Destination">
<h3>New York City</h3>
</li>
<li>
<img src="https://www.car-vacation.com/uploadfile/2019/1029/20191029022201216.jpg" alt="Featured Destination">
<h3>Los Angeles</h3>
</li>
<li>
<img src="https://www.car-vacation.com/uploadfile/2019/0702/20190702013013588.jpg" alt="Featured Destination">
<h3>San Francisco</h3>
</li>
</ul>
</section>
<section id="popular">
<h2>Popular Destinations</h2>
<ul>
<li>
<img src="https://www.car-vacation.com/uploadfile/2019/0923/20190923103640346.jpg" alt="Popular Destination">
<h3>New York City</h3>
</li>
<li>
<img src="https://www.car-vacation.com/uploadfile/2019/1029/20191029022201216.jpg" alt="Popular Destination">
<h3>Los Angeles</h3>
</li>
<li>
<img src="https://www.car-vacation.com/uploadfile/2019/0702/20190702013013588.jpg" alt="Popular Destination">
<h3>San Francisco</h3>
</li>
</ul>
</section>
<section id="services">
<h2>Our Services</h2>
<ul>
<li>
<img src="https://www.car-vacation.com/skin/images/ico1.png" alt="Service Icon">
<h3>Planning Assistance</h3>
<p>We help you plan your road trip based on your interests and preferences.</p>
</li>
<li>
<img src="https://www.car-vacation.com/skin/images/ico2.png" alt="Service Icon">
<h3>Car Rental</h3>
<p>We provide car rental services for your road trip.</p>
</li>
<li>
<img src="https://www.car-vacation.com/skin/images/ico3.png" alt="Service Icon">
<h3>Accommodation Booking</h3>
<p>We help you book suitable accommodation along your road trip route.</p>
</li>
</ul>
</section>
<footer>
<p>© 2021 Car Vacation.</p>
</footer>
</body>
</html>