About.html

I'm not sure I fully understand the problem, but let me try to help.

You have your index.html - about.html and contact.html, correct?

So when you're on index.html you try clicking the NAV bar on top to go to about.html but it is still showing the gallery and same info from index.html?

If this is the problem make sure in all 3 of your .html pages that the links reflect the correct link to the pages.

This should be the links that need to be on top of every page. See the class="selected" make sure you cut and paste it to the correct link that corresponds to the correct page the user is currently on.

<a href="index.html" id="logo">
        <h1>Put your text here</h1>
        <h2>Designer</h2>
      </a>
      <nav>
      <ul>
        <li><a href="index.html" class="selected">Portfolio</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
      </nav>

Thank you so much for helping! So I have this right now:

<a href="index.html" id="logo">
      <h1>Vanessa Gonzales</h1>
      <h2>Designer</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html">Portfolio</a></li>
          <li><a href="about.html" class="selected">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>

I'm currently on the About page but when I preview it it still shows as if I'm on the home page. And the link at the top of the browser window still shows "/index.html" Also, even though I have class="selected" for the About page it's not selected at all when I preview. Any suggestions? I feel like I've been following Nicks videos pretty well I don't know where it's getting hung up!

Hi Vanessa,

I had this exact issue.

I found my error on the index.html page. I typed too fast and did not fill in the hrefs properly.

It looked like this:

  <nav>
    <ul>
      <li><a href="index.html" class="selected">Portfolio</a></li>
      <li><a href="">About</a></li>
      <li><a href="">Contact</a></li>
    </ul>
  </nav>

Double check that both sheets have the same <nav> links. In my case I forgot to add in the about.html and contact.html between the quotes in the href. After I made this correction the link worked.

This is from the index.html page

  <nav>
    <ul>
      <li><a href="index.html" class="selected">Portfolio</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </nav>

and this is from the about.html page

  <nav>
    <ul>
      <li><a href="index.html">Portfolio</a></li>
      <li><a href="about.html" class="selected">About</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </nav>

Keep checking! It could be one small thing that is throwing it off. :)