Build a Travel Agency Page - Build a Travel Agency Page

HTML-CSS
1

Tell us what’s happening:

Hey codemmunity, I seem to be stuck on 20, 21, 31 and 32.
I rectified previous errors which resulted in 31 and 32 being ticked off to becoming crossed out.
Help please, where am I going wrong?

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"><meta name="description"  content="Travel Packages">
  <title>Epic Adventures with Vicania Travels Ltd.</title>
  </head>
  <body>
  <h1> Marvel in the Mediterranean </h1>
  <p> Imagine exploring history in real time, with one of the leading locals who was born and raised in Rome. </p>
  <h2> Packages </h2>
  <p> We have packages that can accomodate families or groups of five+ or if you're feeling adventurous, we can whip up an itenerary customised to suit your needs and wants. </p>
   <ul>
   <a href=""><li> Group travels start from $5000 per person. This includes flights, accomodation, complimentary breakfasts and dinners for 7 days and 6 nights.</a></li>
   <a href=""><li> Private tours start from $3500 per person, this includes flights,accomodation and complimentary breakfasts and dinners, for 7 days and 6 nights.</a></li>
   </ul>
   <a href="https://www.freecodecamp.org/learn" target="_blank"> Group Travels </a>
  <ul>
  <a href="https://www.freecodecamp.org/learn"><li> Guided tour of the Coloseum along with some mind-blowing historical facts.</a></li>
  <a href="https://www.freecodecamp.org/learn"><li> Sail along the waterfront of Rome on the Mediterranean, while sipping on your choice of beverage with the amazing bonus view of watching the sun set in the horizon.</a></li>
  </ul>
  <a href="https://www.freecodecamp.org/learn" target="_blank"> Private Tours </a>
    <ul>
   <a href="https://www.freecodecamp.org/learn"><li> An intimate one on one guide to show you around the coloseum.</a></li>
   <a href="https://www.freecodecamp.org/learn"><li> Learn about the local cuisines, then try your hand with making a traditional lunch with one of our private chefs.</a></li>
  </ul>
 <h2>Top Itineraries</h2>
 <figure>
  <a href="https://www.freecodecamp.org/learn" target="_blank"><img src="https://freecodecamp.org/curriculum/labs/colosseo.jpg" alt="colosseo"></a>
  <figcaption> Ancient ruins of the Colosseum </figcaption>
  </figure>
  <figure>
<a href="https://www.freecodecamp.org/learn" target="_blank"><img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="alps"></a>
<figcaption> Snow covered mountain alps </figcaption>
</figure>
<figure>
<a href="https://www.freecodecamp.org/learn" target="_blank" ><img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="sea"></a>
<figcaption> Alluring azure seas </figcaption>
</figure>
</body>
</html>

Your browser information:

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

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

2

Hi and welcome to the forum!
For atepa 20 and 21, you should only wrap specific words inside the anchor element in your list. For example, step 20 says: The anchor element of your first list item should wrap the text Group Travels. But you have a complete paragraph there. Start by adding the list elements first, then inside each list, add an anchor element, then inside each anchor element add the words.

For steps 30 and 31, make sure all your anchor elements have the given url in their href attribute and they should all have target set to _blank

1 Like
3

Thank you for your quick reply, I really appreciate it! Also thank you for being very hospitable by welcoming me to the community.
If you take another look, I have enclosed the anchor tags around the Group Travels, it’s just that the brief list itinerary also has Group Travels in the description too. I’ve just changed that to group tours. I’ve amended the target elements in the other href’s that I’d missed, thank you! 31 and 32 are officially back to being ticked off again.
I’ll re-read your reply and go from there to fix 20 and 21.

1 Like
4

I’m glad you’re solving the steps. Could you share your new code here so we can see the progress?
Add your code and use preformatted text in the editor to make it readable. You can also select all your code and Ctrl + e.
Good luck!

1 Like