Build a Travel Agency Page - Build a Travel Agency Page

Tell us what’s happening:

It is telling me i dont have anchor elements in both of my unordered list items but i cant see where im going wrong, can anyone help me??

Your code so far

<!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="utf-8"/>
    <title>Travel Agency Page</title>
    <meta 
    name="description" 
    content="Discover deals and expert advice on travelling the world your way!"
    />
    <h1>South America, Asia and The Caribbean</h1>
    </head>
    <body>
    <p>Our agency can offer a range of budget friendly deals and expert tips on how to travel some of the most beautiful regions in the world.</p>
    <h2>Packages</h2>
    <p>There is our South America holiday package, the Taste of Japan package and our most popular Caribbean Cruise package.</p>

  <ul>
  <li><a href="https://www.freecodecamp.org/learn" target="_blank">Group Travels</a></li>
  <li><a href="https://www.freecodecamp.org/learn" target="_blank">Private Tours</a></li>
   </ul>
      <h2>Top Itineraries</h2>
      <ol>
        <li>
        <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
        <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="The colloseum lit up in the evening" href="https://www.freecodecamp.org/learn" target="_blank"/></a>
        <figcaption>The Roman Colloseum.</figcaption> 
      </figure>
      </li>
      <li>
     <figure>
       <a href="https://www.freecodecamp.org/learn" target="_blank">
       <img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="The swiss alps in spring" href="https://www.freecodecamp.org/learn" target="_blank"/></a>
       <figcaption>The beautiful Swiss alps pictured during spring.</figcaption>
     </figure>
     </li>
     <li>
     <figure>
       <a href="https://www.freecodecamp.org/learn" target="_blank">
       <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="A clear blue sea in the caribbean" href="https://www.freecodecamp.org/learn" target="_blank"/></a>
       <figcaption>The picturesque oceans surrounding the Caribbean islands are perfect for sailing on.</figcaption>
      </figure>
      </li>
  </body>
 </html>

Your browser information:

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

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

Hi and welcome to the forum :wave:

Still looking at this but just a note:

img elements do not have href attributes. or target attributes

1 Like

Line 24:

<h2>Top Itineraries</h2>
      <ol>
        <li>

This <ol> is never closed

<h1>South America, Asia and The Caribbean</h1>
    </head>
    <body>

You have a header within the head, it should be in the body

Other than that it’s very strange that you fail test 19 and nothing else…

Maybe all the other errors broke something.

Just very confusing, I’ve corrected the errors you pointed out and it’s still saying it’s wrong, it has ticked off that I have two unordered list items and that the anchor elements wrap around the texts they should be wrapping around but won’t acknowledge that there are two anchor elements.

Hi, can you please share your updated code? It will help us better understand the issue.

Your code so far

<!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="utf-8"/>
    <title>Travel Agency Page</title>
    <meta 
    name="description" 
    content="Discover deals and expert advice on travelling the world your way!"
    />
    </head>
    <h1>South America, Asia and The Caribbean</h1>
    <body>
    <p>Our agency can offer a range of budget friendly deals and expert tips on how to travel some of the most beautiful regions in the world.</p>
    <h2>Packages</h2>
    <p>There is our South America holiday package, the Taste of Japan package and our most popular Caribbean Cruise package.</p>
  <ul>
    <li>
    <a href="https://www.freecodecamp.org/learn" target="_blank">Group Travels</a>
    </li>
    <li>
    <a href="https://www.freecodecamp.org/learn" target="_blank">Private Tours</a>
    </li>
  </ul>
      <h2>Top Itineraries</h2>
      <ol>
        <li>
        <figure>
        <a href="https://www.freecodecamp.org/learn" target="_blank">
        <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="The colloseum lit up in the evening"/></a>
        <figcaption>The Roman Colloseum.</figcaption> 
      </figure>
      </li>
      <li>
     <figure>
       <a href="https://www.freecodecamp.org/learn" target="_blank">
       <img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="The swiss alps in spring" ></a>
       <figcaption>The beautiful Swiss alps pictured during spring.</figcaption>
     </figure>
     </li>
     <li>
     <figure>
       <a href="https://www.freecodecamp.org/learn" target="_blank">
       <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="A clear blue sea in the caribbean"/></a>
       <figcaption>The picturesque oceans surrounding the Caribbean islands are perfect for sailing on.</figcaption>
      </figure>
      </li>
      </ol>
  </body>
 </html>

Any help would be greatly appreciated i think i’m losing my mind

Okay so there seems to be a bug in this project. The project is expecting no extra lists other than the one unordered list. You have used another ordered list in your code which shouldn’t cause an issue but it is causing the error. You can:

  1. Wait for the FCC staff to solve the bug issue.
  2. Try not using an ordered list, for now. If you want to pass the project and you know another way of designing your page then go on.

This can be frustrating at times but it’s not your fault, so keep going with your projects. You can also take a break before losing your mind :upside_down_face:
Good luck!

2 Likes

It worked! I think I was just trying to get a little extra coding experience in with the ordered list but I’ve taken it out and it’s fine.
Thank you so much!

Your ordered lists were also fine. It’s always good to try extra stuff in your projects so don’t worry.
Happy coding!