<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Explore the Willamette Valley</title>
<link rel=”stylesheet” href=”styles.css”>
</head>
<body>
<!– Header Section –>
<header class=”header-section” style=”background-image: url(‘willamette-valley-banner.jpg’);”>
<div class=”overlay”>
<h1>Explore the Willamette Valley</h1>
<p>Your guide to the best hotels, restaurants, wineries, and recreational activities.</p>
<a href=”#contact” class=”cta-button”>Plan Your Trip</a>
</div>
</header>
<!– Hotels Section –>
<section id=”hotels” class=”section hotels-section”>
<h2>Stay in Comfort</h2>
<p>Find the perfect accommodations for your Willamette Valley adventure.</p>
<div class=”grid”>
<div class=”card”>
<img src=”hotel1.jpg” alt=”Hotel 1″>
<h3>Hotel Name 1</h3>
<p>Luxurious stay with breathtaking views.</p>
<a href=”#” class=”learn-more”>Learn More</a>
</div>
<div class=”card”>
<img src=”hotel2.jpg” alt=”Hotel 2″>
<h3>Hotel Name 2</h3>
<p>Cozy boutique hotel in the heart of the valley.</p>
<a href=”#” class=”learn-more”>Learn More</a>
</div>
<!– Additional cards… –>
</div>
<a href=”#hotels-directory” class=”cta-button”>View More Hotels</a>
</section>
<!– Restaurants Section –>
<section id=”restaurants” class=”section restaurants-section”>
<h2>Savor Local Cuisine</h2>
<p>From farm-to-table dining to casual bites.</p>
<div class=”carousel”>
<div class=”carousel-item”>
<img src=”restaurant1.jpg” alt=”Restaurant 1″>
<h3>Restaurant Name 1</h3>
<p>Farm-to-table delights.</p>
<a href=”#” class=”learn-more”>Reserve a Table</a>
</div>
<!– Additional carousel items… –>
</div>
<a href=”#restaurants-guide” class=”cta-button”>Explore More Restaurants</a>
</section>
<!– Wineries Section –>
<section id=”wineries” class=”section wineries-section”>
<h2>Sip and Savor</h2>
<p>Discover the best wineries and tasting experiences.</p>
<div class=”masonry-grid”>
<div class=”card”>
<img src=”winery1.jpg” alt=”Winery 1″>
<h3>Winery Name 1</h3>
<p>Award-winning Pinot Noir.</p>
<a href=”#” class=”learn-more”>Book a Tasting</a>
</div>
<!– Additional cards… –>
</div>
<a href=”#wineries-list” class=”cta-button”>View Full Winery List</a>
</section>
<!– Activities Section –>
<section id=”activities” class=”section activities-section”>
<h2>Adventure Awaits</h2>
<p>Explore the natural beauty and outdoor experiences of the valley.</p>
<div class=”activity-list”>
<div class=”activity-item”>
<img src=”hiking.jpg” alt=”Hiking”>
<h3>Hiking Trails</h3>
<p>Scenic trails through vineyards and forests.</p>
<a href=”#” class=”learn-more”>Learn More</a>
</div>
<!– Additional items… –>
</div>
<a href=”#activities-guide” class=”cta-button”>Discover More Activities</a>
</section>
<!– Footer Section –>
<footer class=”footer-section”>
<div class=”footer-links”>
<a href=”#hotels”>Hotels</a>
<a href=”#restaurants”>Restaurants</a>
<a href=”#wineries”>Wineries</a>
<a href=”#activities”>Activities</a>
</div>
<div class=”contact-info”>
<p>Email: info@willamettevalley.com | Phone: (123) 456-7890</p>
<div class=”social-media”>
<a href=”#”>Facebook</a>
<a href=”#”>Instagram</a>
</div>
</div>
<form class=”newsletter-signup”>
<h3>Get updates on the best experiences in the Willamette Valley</h3>
<input type=”email” placeholder=”Your email address”>
<button type=”submit”>Subscribe</button>
</form>
</footer>
</body>
</html>
