SHARE
TWEET

Untitled

a guest Sep 17th, 2019 107 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2.     <head>
  3.         <title>Hello World - Brenden Inmon</title>
  4.     <link href="https://fonts.googleapis.com/css?family=Montserrat|Satisfy&display=swap" rel="stylesheet">
  5.     <style>
  6.         .helloworld {
  7.             color: #707070;
  8.             font-size: 80px;
  9.             font-family: 'Montserrat', sans-serif;
  10.             transition: ease-in-out 0.3s;
  11.         }
  12.  
  13.         .helloworld:hover {
  14.             color: limegreen;
  15.             transition: ease-in-out 0.3s;
  16.         }
  17.        
  18.         body {
  19.             background-color: #141414;
  20.         }
  21.        
  22.         .signed {
  23.             color: #707070;
  24.             font-size: 60px;
  25.             font-family: 'Satisfy', cursive;
  26.             transition: ease-in-out 0.3s;
  27.         }
  28.        
  29.         .signed:hover {
  30.             color: yellow;
  31.             transition: ease-in-out 0.3s;
  32.         }
  33.        
  34.         .logo1 {
  35.             position: absolute;
  36.             top: 130px;
  37.             right: 560;
  38.             width: 200px;
  39.             height: 100px;
  40.             filter: grayscale(100%);
  41.             transition: ease-in-out 0.3s;
  42.         }
  43.        
  44.         .logo1:hover {
  45.             filter: grayscale(0%);
  46.             transition: ease-in-out 0.3s;
  47.         }
  48.        
  49.         .logo2 {
  50.             position: absolute;
  51.             top: 130px;
  52.             right: 1075;
  53.             width: 200px;
  54.             height: 100px;
  55.             filter: grayscale(100%);
  56.             transition: ease-in-out 0.3s;
  57.         }
  58.        
  59.         .logo2:hover {
  60.             filter: grayscale(0%);
  61.             transition: ease-in-out 0.3s;
  62.         }
  63.        
  64.         .earth {
  65.             filter: grayscale(100%);
  66.             transition: ease-in-out 0.3s;
  67.         }
  68.        
  69.         .earth:hover {
  70.             filter: grayscale(0%);
  71.             transition: ease-in-out 0.3s;
  72.         }
  73.        
  74.         h1 {
  75.             color: #707070;
  76.             text-size: 50px;
  77.             font-family: 'Montserrat', sans-serif;
  78.         }
  79.     </style>
  80.     </head>
  81.     <body>
  82.     <center><div class="helloworld">Hello World - Signed</div></center>
  83.     <center><div class="signed">Brenden Inmon</div></center>
  84.     <center><div class="logo2"><img src="https://i.ibb.co/5LtwF7Y/B.gif" height="30" width="30" alt="logo"></div></center>
  85.     <center><div class="logo1"><img src="https://i.ibb.co/5LtwF7Y/B.gif" height="30" width="30" alt="logo"></div></center>
  86.     <center><div class="earth"><img src="http://bestanimations.com/Earth&Space/Earth/earth-spinning-rotating-animation-21-2.gif" height="300" width="300" alt="earth"></div></center>
  87.     <center><h1>Hover for a Surprise!</h1></center>
  88.     </body>
  89. </html>
RAW Paste Data
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
 
Top