YouTube in 2005

I tried to recreate what YouTube’s homepage looked like in 2005!

Source code:

<!DOCTYPE html>
<html>
<head>
  <title>YouTube</title>
</head>
<body>
  <a href = hello.com><h5 style = "font-family:Arial, Helvetica, sans-serif">Home | My Videos | My Favourites | My Messages | My Profile</h5></a>
  <hr/>
  <img src="http://logok.org/wp-content/uploads/2014/08/YouTube_logo-old.png" alt="YouTube - Broadcast Yourself" width="200" height="200" class="center">
  <style>
  .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%
  }
  </style>
  <hr/>
  <a href="youtube.com"><h5 style="text-align:center; font-family:Arial, Helvetica, sans-serif">Search Videos...</h4></a>
  
  </style>
  <a href="youtube.com"><h5 style="text-align:center; font-family:Arial, Helvetica, sans-serif">Upload your video!</h4></a>
  <h5 style = "text-align:center; font-family:Arial, Helvetica, sans-serif">Trending tags right now</h5>
  <a href=youtube.com><h6 style = "text-align:center; font-family:Arial, Helvetica, sans-serif ">Snowboarding</h6></a>
  <a href=youtube.com><h6 style = "text-align:center; font-family:Arial, Helvetica, sans-serif ">New York</h6></a>
  <a href=youtube.com><h6 style = "text-align:center; font-family:Arial, Helvetica, sans-serif ">Skateboarding Dog</h6></a>
  <hr/>
  <h5 style="text-align:center; font-family:Arial, Helvetica, sans-serif">Featured videos</h5>
  <video src = "https://www.youtube.com/watch?v=dvgZkm1xWPE" autoplay controls width = "250"></video>
  <video src = "https://www.youtube.com/watch?v=dvgZkm1xWPE" autoplay controls width = "250"></video>
  <video src = "https://www.youtube.com/watch?v=dvgZkm1xWPE" autoplay controls width = "250"></video>
  <video src = "https://www.youtube.com/watch?v=dvgZkm1xWPE" autoplay controls width = "250"></video>
  <video src = "https://www.youtube.com/watch?v=dvgZkm1xWPE" autoplay controls width = "250"></video>
  <hr/>
  <h6 style = "text-align:center; font-family:Arial, Helvetica, sans-serif">© 2005 YouTube, LLC. All rights reserved.</h6>
</body>


1 Like

Well done. I bet that brings back some memories :grinning: