HTML HTML Basics Going Further with HTML Working on a Website Project Locally

Dante Vigiletti
Dante Vigiletti
Front End Web Development Techdegree Student 1,448 Points

I made the exact same changes in atom as Guil, however they do not reflect on my browser.

I made the exact same changes as in the video, but no changes are shown when i open my index.html or article web page from atom onto my web browser.

Dante Vigiletti
Dante Vigiletti
Front End Web Development Techdegree Student 1,448 Points

<!DOCTYPE html> <html> <head> <title>VR article</title> </head>

<body> <div> <header> <h1>VR in the real world</h1> <p>An article virtual reality experiences.</p>

   <nav>
     <ul>
       <li><a href="../../index.html">Home</a></li>
       <li><a href="../../#about">About</a></li>
       <li><a href="../../#articles">Articles</a></li>
       <li><a href="../../#contact">Contact</a></li>
     </ul>
   </nav>
 </header>

<div> <p>Virtual reality is pretty cool.</p> <a href="https://espn.com" target="_blank">Start Your VR Journey</a> </div>

  <main>
      <section>
        <h2>Article topic</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vehicula metus in bibendum laoreet. Aenean libero est, egestas eu eros pretium, sodales iaculis est.</p>
      </section>

      <section>
        <h2>Latest VR articles</h2>

        <article id="vr-article">
          <header>
            <h3>How schools use Virutal Reality to improve education</h3>
            <p>By: Nick Pettit</p>
           </header>

           <img src="../../img/vr-user.jpg" alt="user trying a vr headset">

          <p>This is a paragraph about how schools use VR</p>
          <a href="articles/article.html">Read More</a>
          <footer>Published: June 12, 2017</footer>
        </article>

        <article>
          <header>
            <h3>The Advantages of using VR Simulation</h3>
            <p>By: Author Mcauthorface</p>
           </header>
          <p>this is a paragraph about the advantages of VR</p>
          <a href="articles/article.html">Read More</a>
          <footer>Published June 19, 2017</footer>
        </article>
      </section>

      <section>
          <h2>Contact</h2>
          <p>email us at coolvrexperience@gmail.com</p>
      </section>
    </main>



  <footer>
    <p>&copy;2017, Experience VR, The Blog</p>
  </footer>
</div>

</body> </html>

2 Answers

Tony B
seal-mask
.a{fill-rule:evenodd;}techdegree
Tony B
Front End Web Development Techdegree Student 9,666 Points

Ah, it should be:

        <nav>
          <ul>
            <li><a href="../../index.html">Home</a></li>
            <li><a href="../../index.html#about">About</a></li>
            <li><a href="../../index.html#articles">Articles</a></li>
            <li><a href="../../index.html#contact">Contact</a></li>
          </ul>
        </nav>