Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE HTML>
<html>
    <head>
        <title>Practice Using CSS</title>
    </head>
​
    <body>
        <div id="all-contents">
        <nav>
            <br>
            <h1>My Favorite Movies/TV Shows</h1>
            <ul id="nav-ul">
                <li class="nav-li"><a class="nav-a" href="index.html">Home</a></li>
                <li class="nav-li"><a class="nav-a" href="portfolio.html">Portfolio</a></li>
                <li class="nav-li"><a class="nav-a" href="images.html">Images</a></li>
                <li class="nav-li"><a class="nav-a" href="video.html">Videos</a></li>
            </ul>
        </nav>
        <main>
        <div class="content">
          <!-- PUT YOUR NAME AND CLASS PERIOD BELOW -->
          <h2><center>A 5th Hour Project by: Evan Shoultz</center></h2>
            <ul id="portfolio">
            <li><a href="https://www.youtube.com/watch?v=GYELEhEX5XI" target="_blank">C.I.Ape: A movie about a monkey in the CIA</a></li>
            <li><a href="https://www.youtube.com/watch?v=ead9HCX9fe4" target="_blank">Megamind: A movie about smart, blue, Will Ferrel</a></li>
            <li><a href="https://www.youtube.com/watch?v=YQV5Pr7pWtM" target="_blank">How The Grinch Stole Christmas: Jim Carrey is epic</a></li>
            <li><a href="https://www.youtube.com/watch?v=o3dbeI0BU1k" target="_blank">Scooby-Doo: Scooby and The Gang go to Spooky Island</a></li>
            <li><a href="https://www.youtube.com/watch?v=xMi4xr1-JeM" target="_blank">Scooby-Doo 2: Monsters Unleashed: Peak movie</a></li>
            <li><a href="https://www.youtube.com/watch?v=FFGaS6MDknY" target="_blank">Bee Movie: Jerry Seinfeld Bee ends the human race</a></li>
            <li><a href="https://www.youtube.com/watch?v=sw7RElt-SvE" target="_blank">Paddington 2: Paddington assassinates The Godfather</a></li>
            <li><a href="https://www.youtube.com/watch?v=47ceXAEr2Oo" target="_blank">The Spongebob Squarepants Movie: The foundation of childhood</a></li>
            <li><a href="https://www.youtube.com/watch?v=FKwtGHbpVDU" target="_blank">Son of The Mask: No jokes, this movie sucks</a></li>
            <li><a href="https://www.youtube.com/watch?v=PohdpOp-JFE" target="_blank">Impractical Jokers: The Movie: Who's tonight's big loser?</a></li>
            <li><a href="https://www.youtube.com/watch?v=pUpQLU3J7fU" target="_blank">Super Mario Bros.: The TRUE Mario movie</a></li>
            <li><a href="https://www.youtube.com/watch?v=r8pJt4dK_s4" target="_blank">The Emoji Movie: Meh.</a></li>
            </ul>
                  <article class="bottomText">
            <div>
              <h2><center>My Life as a Movie</center></h2>
                <p><center>My life as a movie would be really epic. It would feature a really epic main character with huge biceps and a really cool self. His name would be something that reeks of charisma like Evan Shoultz. He would go to his epic school and be epic.</center></p>
              <p><center></p>There would also be an epic cast of side characters (although they won't be as epic as the main character.) Some of these include these wierdos named Justin and Brennan. There would also be a wierd dude named Mr. O'Connell. Our main goal would be to code the most epic website known to man. This website would allow us to change the world, unfortunatley for us though, the school's admin blocked it. Despite this unfortunate truth, we will find a way to surpass the oppresive firewall.</center>
                    </div>
        </article>
        </div>
        </main>
      </div>
    </body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
eshoultz9pro
0viewers