html:
<!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="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,900;1,600;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="wrapper">
<nav>
<div class="logo"><img src="images/THL Social Logo.png" alt=""></div>
<ul>
<li>
<a href="#">Events</a>
</li>
<li>
<a href="#">Leagues</a>
</li>
<li>
<a href="#">Menu</a>
</li>
<li>
<a href="#">Membership</a>
</li>
<li>
<a href="#">About Us</a>
</li>
<li>
<a href="#" class="btn book-event">Book Event</a>
</li>
<li>
<a href="#" class="btn contact-us">Contact Us</a>
</li>
</ul>
</nav>
<!-- End of desktop navigation -->
<div class="hero-section">
<h1>IT’S TIME TO PLAY!</h1>
<p>Come join us for our grand re-opening party November 12th at 1463 Atwood Ave! We have duckpin bowling, live music, great food, and prize giveaways all night long. Don’t forget to check out our new lounge and billiards rooms!</p>
<a href="#" class="btn learn-more">Learn More</a>
<img src="images/THL Logo 3d model 3.png" alt="">
</div>
<!-- End of hero section-->
<div class="wrapper">
<section class="events">
<h1>CELEBRATE YOUR NEXT EVENT OR PARTY WITH US!</h1>
<p>THL offers Duck Pin bowling for all ages and abilities. Bowling is fun, healthy, and affordable for the whole family. THL also offers birthday parties, corporate parties, and school functions. Plan your special event with THL Social and you get bowling time, shoes, a catered party menu, and drink specials. Play starts here!</p>
<a href="#" class="btn lets-celebrate">Let’s Celebrate! →</a>
<img src="images/Background.svg" alt="">
</section>
</div>
</div>
</header>
<!-- End of desktop header section -->
<div class="wrapper">
<section class=""></section>
</div>
<script src="main.js"></script>
</body>
</html>