Build a Travel Agency Page - Build a Travel Agency Page

HTML-CSS
1

Tell us what’s happening:

I’ve been working on this for 3 straight days 3 or more hours each day. This seems so easy until it’s not, or maybe I’m just burnt. Please assist…

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width initial-scale=1.0">
    <meta name="description" content="Travel the world and enjoy the perfect settings">
    <title>Travel Agency Page</title>
    <h1>World of Islands</h1>
    </head>
    <body>
    <p>Welcome to worlds where clouds are perfect, and you're surrounded by water that mirrors the blue sky.</p>
    <h2>Packages</h2>
    <p>Philosophically speaking: "Cogito, ergo sum." It means: "I think, therefore I am." Your right. You are where you think you are. Chose whether your with family, friends, or the private settings that would blow your mind.</p>

    <ul>
      <li><a href="https://www.freecodecamp.org/group-travels" target="_blank">Group Travels</li>
      
      <li><a href="https://www.freecodecamp.org/private-tours" target="_blank">Private Tours</li>
     </ul>
<h2>Top Itineraries</h2>
    <figure>
      <a href="https://www.freecodecamp.org/learn" target="_blank">
      <img src="https://foundtheworld.com/wp-content/uploads/2016/10/Sicily-Italy-4.jpg" alt="Sicily, Greece">

      <figcaption>Sicily, Italy: Visit Mount Etna and the Valley of the Temples.</figcaption>
    
    </figure>

    <figure>
      <a href="https://www.freecodecamp.org/learn" target="_blank">
      <figcaption>Santorini, Greece: Enjoy the stunning sunsets and volcanic beaches.</figcaption>
      <img src="https://img.freepik.com/premium-photo/great-twilight-view-santorini-island-sunset-famous-oia-city-greece-europe_943166-5231.jpg" alt="Santorini, Greece">
    </figure>

    <figure>
      <a href="https://www.freecodecamp.org/learn" target="_blank">
      <figcaption>Phuket, Thailand: Enjoy Patong Beach and the Big Buddha.</figcaption>
      <img src="https://a.cdn-hotels.com/gdcs/production67/d969/3ea3e6f3-6b83-4b35-9e34-3f1150602bbf.jpg" alt="Phuket, Thailand">
    </figure>

    <figure>
      <a href="https://www.freecodecamp.org/learn" target="_blank">
      <figcaption>Maui,Hawaii: Drive the scenic Road to Hana and relax on Kaanapali Beach.</figcaption>
      <img src="https://a.travel-assets.com/findyours-php/viewfinder/images/res70/473000/473363-Maui.jpg?impolicy=fcrop&w=1040&h=580&q=mediumHigh" alt="Maui, Hawaii">
    </figure>

    <figure>
      <a href="https://www.freecodecamp.org/learn" target="_blank">
      <figcaption>Montego Bay, Jamaica: visit the Beautiful Beaches and the perfect Mountains.</figcaption>
      <img src="https://tse2.mm.bing.net/th/id/OIP.YBnNY6p41vrFziqHiFz4cwHaE7?r=0&rs=1&pid=ImgDetMain&o=7&rm=3" alt="Montego Bay, Jamaica">
    </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/138.0.0.0 Safari/537.36 Edg/138.0.0.0

Challenge Information:

Build a Travel Agency Page - Build a Travel Agency Page

2

Welcome back to the forum @J0hni_5

Why does this heading appear as a link?

image

Happy coding

1 Like
3

Thank You Teller… I have no idea. The issues I’m having with my code seem like a lot of bugs. I restarted my code so many times until it became overwhelming. I figured that it was time to reach out.

1 Like
4

To make a link element you need an opening and closing tag

<a href="http://url.com">This text will appear as a link</a> and this is normal text
This text will appear as a link and this is normal text

If you do not close your element with the closing tag, everything after will appear as part of the link

<a href="http://url.com">This text will appear as a link and this is normal text
This text will appear as a link and this is normal text

Does this give you a good sense of what to review in your own code?
1 Like
6

SOrry for the typos… Yes, while working my code, I confused the <a> anchor with the same style as i would with the <img>, but your explanation worked. Now, I seem to be blind to the Each a element should have an href attribute with the value of https://www.freecodecamp.org/learn issue.

7

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

8

Please share your updated code

10

Greetings… I found the issue within my code. I added additional text to both of the href="freecodecamp" links in the unorder listing. During my burnout session of research, I become engrossed in the extreme detail of exposing Group Travels and Private Tours. You can check out the current code here and see my stressful error. Thank You all for your assistance. Problem Solved.