scrimba
Code Review: Bradley's Solo Project - Hometown Homepage
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Code Review: Bradley's Solo Project - Hometown Homepage
AboutCommentsNotes
Code Review: Bradley's Solo Project - Hometown Homepage
Expand for more info
index.html
run
preview
console
<!DOCTYPE html>
<html>
<head>
<title>Visit Santa Rosa</title>
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Carter+One&family=Inter:wght@100..900&display=swap" rel="stylesheet">
</head>
<body>

<!-- HERO SECTION -->
<div id="hero">
<h1>Visit Santa Rosa</h1>
<p id="hero-subhead">Enjoy the culture and amenities from the small big city nestled in the heart of wine country!</p>
</div>

<!-- ACTIVITIES SECTION -->
<div id="activities">
<h2>Where to explore in Santa Rosa</h2>
<div class="activities-card-wrapper">
<div class="activities-card">
<div class="card-image-wrapper">
<img class="card-image" src="images/wineries_ledson_sonoma_county_019_960x484.webp" alt="the front of the Ledson family winery in sonoma county california">
</div>
<h3>Local Wineries</h3>
<p>Visit local Sonoma County wineries from the heart of Wine Country</p>
</div>
<div class="activities-card">
<div class="card-image-wrapper">
<img class="card-image" src="images/annadel-state-park.webp" alt="a scenic view of Annadel state park in the distance with a small blue lake">
</div>
<h3>Annadel State Park</h3>
<p>Great spots for hiking or exploring such as Taylor Mountain, Lake Sonoma, and Annadel State Park. All within a short distance.</p>
</div>
<div class="activities-card">
<div class="card-image-wrapper">
<img class="card-image" src="images/SnoopysHomeIce-728.webp" alt="the front of the snoopy's home ice arena in santa rosa california">
</div>
<h3>Charles Schultz Museum</h3>
<p>Check out the local legend's favorite place to chill and visit the museum conmemorating his legacy.</p>
</div>
</div>
</div>

<!-- GUIDE SECTION -->
<div id="guide">
<div class="guide-card">
<div class="card-text">
<h2>Your guide</h2>
<p>"I have lived at Santa Rosa for over 30 years, so I can show you all of its best parts and hidden secrets."</p>
<h3>Bradley Brazis</h3>
</div>
<div class="card-image-wrapper">
<img class="card-image" src="images/profile-pic_small.webp" alt="">
</div>
</div>
</div>
</body>
</html>
Console
/index.html
-10:01