API tools faq
paste
Exhabition

Assingment #1 - index.html

Exhabition
Sep 15th, 2020
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta name="description" content="This site helps you discover new movies">
  8.  
  9.     <!--FontAwesome-->
  10.     <script src="https://kit.fontawesome.com/740057b8a6.js" crossorigin="anonymous"></script>
  11.  
  12.     <!--Loading stylesheet and favicon-->
  13.     <link rel="stylesheet" href="style.css">
  14.     <link rel="icon" href="img/favicon.ico">
  15.  
  16.     <!--Tab Title-->
  17.     <title>About</title>
  18. </head>
  19.  
  20. <body>
  21.  
  22.     <div class="topnavigation" id="topnavigation">
  23.         <a href="index.html" class="fas fa-exchange-alt" aria-hidden="false"></a>
  24.         <a href="index.html">Home</a>
  25.         <div class="dropdownmenu">
  26.             <button class="dropdownbutton">Movies
  27.                 <i class="fas fa-caret-down"></i>
  28.             </button>
  29.             <div class="dropdown">
  30.                 <a href="movies.html?type=recent">Recent</a>
  31.                 <a href="movies.html?type=popular">Popular</a>
  32.             </div>
  33.         </div>
  34.         <a href="forms.html">Forms</a>
  35.         <a href="about.html" class="active">About</a>
  36.     </div>
  37.  
  38.     <div class="welcomeblock" id="welcomeblock">
  39.         <h1>Who made this site?</h1>
  40.         <hr>
  41.         <p>This site was made by Luke Weerheim. <br> Find more information about me below!</p>
  42.     </div>
  43.  
  44.     <div class="outerblock" id="outerblock">
  45.         <div class="aboutblock" id="aboutblock">
  46.             <img src="img/profilepicture.jpg" alt="Profile picture">
  47.             <h2>Luke Weerheim</h2>
  48.             <h3>Student at Avans Hogeschool</h3>
  49.             <ul>
  50.                 <li><i class="fas fa-envelope"></i> mail@mail.com</li>
  51.                 <li><i class="fas fa-globe"></i> www.dumbass.com</li>
  52.                 <li><i class="fab fa-discord"></i> www.discord.gg/D03g3D</li>
  53.                 <li><i class="fas fa-phone-alt"></i> +31 0123456789</li>
  54.                 <li><i class="fas fa-map-marker-alt"></i> Barendrecht, South Holland</li>
  55.             </ul>
  56.         </div>
  57.     </div>
  58.  
  59.     <div class="footer" id="footer">
  60.         <p>Copyright <strong>©</strong> 2020 <a href="about.html">Luke Weerheim</a></p>
  61.     </div>
  62.  
  63. </body>
  64.  
  65. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!