Build a Travel Agency Page - Build a Travel Agency Page

HTML-CSS
1

Tell us what’s happening:

Each of the a elements that are children of your figure elements should contain an image. I’m stuck on this!!! Please anyone help me.

Your code so far

<!DOCTYPE html>
<html>
 <html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Travel Agency Page.</title>
    <meta name="description" content="Introducing you to the best experiences in your lifetime. Bhutan the Kingdom of thunder Dragon located in himalayan mountains betweeen India and China.">
  </head>
    <body>
     <h1 style="text-align: center;">
       Welcome to the happiest country! Bhutan</h1>
       <p>Art, Dzong, Nature, Adventure, Rich Culture, Friendly and Spirtual Experience. Come we have it all.</p>
      <h2>Packages</h2>
       <p>Bhutan offers a variety of travel packages, from luxury to budget-friendly options, focusing on cultural immersion, adventure, and nature. Popular itineraries include trips to Thimphu, Paro, and Punakha, with opportunities for hiking, trekking, and exploring monasteries like Taktsang (Tiger's Nest). Many packages also incorporate festivals and cultural events.</p>
    <ul>
  <div class="box wrap">
      <li><a href="https://www.makemytrip.com/holidays-international/bhutan-vacation-tour-packages.html">Group Travels</li> 
      </a>
  </div>
  <div class="box wrap">
      <li><a href="https://www.makemytrip.com/holidays-international/bhutan-vacation-tour-packages.html">Private Tours</li> 
      </a>
  </div>
    </ul>
    <h2> Top Itineraries</h2>
      <figure>
        <a href=https://www.freecodecamp.org/learn> </a>
        <figcaption style="font-family:Times New Roman; font-size: 12px; color:black;font-weight: 500;">Dochula</figcaption>
       <a href=https://lp-cms-production.imgix.net/2025-01/GettyImages-1434727243.jpg?auto=compress&format=auto&fit=crop&q=50&w=1200&h=800> <img src=https://lp-cms-production.imgix.net/2025-01/GettyImages-1434727243.jpg?auto=compress&format=auto&fit=crop&q=50&w=1200&h=800
        width=400
        height=250 alt="Bhutan Dochula"> </a>
       
      </figure>
      <figure>
        <a href="https://cdn.britannica.com/84/137384-050-6F2A5AB4/dzong-Punakha-Bhutan.jpg"> </a>
        <figcaption style="font-family:Times New Roman; font-size: 12px; color:black;font-weight: 500;">Punakha</figcaption> 
        <a href="https://www.freecodecamp.org/learn>">
        <img src=https://cdn.britannica.com/84/137384-050-6F2A5AB4/dzong-Punakha-Bhutan.jpg
        width=400
        height=250 alt="Punakha"></a>
      </figure>
      <figure>
        <a href=https://www.gosahin.com/go/p/b/1517782722_tigers-nest-bhutan1.jpg> </a>
        <figcaption style="font-family:Times New Roman; font-size: 12px; color:black; font-weight: 500;">Paro Taktsang</figcaption>
      <a href="https://www.freecodecamp.org/learn">
        <img src=https://www.gosahin.com/go/p/b/1517782722_tigers-nest-bhutan1.jpg
        width=400
        height=250 alt="Paro Taktsang"> </a>
  
        </figure>
        <section>
  <p> <a href="https://www.freecodecamp.org/learn" target="_blank">Freecodecamp</a> <p>
        </section>
    </body>
    </html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

2

Here is at least one a element that is a child of a figure element but contains no image.

3

but it says it need to contain an image, Tuff, Thanks for the reply.

4

Yes. The message says that your a element needs to contain an image but this a element does not.

5

I see, alright, Big Thanks Mate!

1 Like