<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Weekend Escapes</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=Inter:wght@400;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="mystyles.css">
</head>
<body>
  <header>
    <p class="logo">Weekend Escapes</p>
    <nav>
      <a href="destinations.html" class="link">Destinations</a>
      <a href="about.html" class="link">About</a>
      <a href="contact.html" class="link">Contact</a>
    </nav>
  </header>
  <main>
    <h1>Best Destinations</h1>
    <p class="intro">Handpicked getaways to the world's most breathtaking destinations.</p>
    <div class="gallery">
      <figure class="spot-1">
        <img src="images/spot1.jpg" alt="Swiss Alps">
        <figcaption>
          <h2>Swiss Alps</h2>
          <p>Climb above the clouds and watch the peaks catch the first light of day.</p>
        </figcaption>
      </figure>
      <figure class="spot-2">
        <img src="images/spot2.jpg" alt="Wadi Rum">
        <figcaption>
          <h2>Wadi Rum</h2>
          <p>Cross the dunes by camel as the desert turns gold.</p>
        </figcaption>
      </figure>
      <figure class="spot-3">
        <img src="images/spot3.jpg" alt="Toronto">
        <figcaption>
          <h2>Toronto</h2>
          <p>Trade the trail for a skyline that glows after dark.</p>
        </figcaption>
      </figure>
      <figure class="spot-4">
        <img src="images/spot4.jpg" alt="Algonquin Park">
        <figcaption>
          <h2>Algonquin Park</h2>
          <p>Wander quiet trails through the woods with your best hiking companion.</p>
        </figcaption>
      </figure>
    </div>
  </main>
  <footer>
    <a href="about.html" class="link">About</a>
    <a href="faq.html" class="link">FAQ</a>
    <a href="contact.html" class="link">Contact</a>
  </footer>
</body>
</html>