Advertisement
Ombashi

incomplete project

Sep 2nd, 2020
61
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.00 KB | None | 0 0
  1. <!DOCTYPE>
  2. <html>
  3.  
  4. <body>
  5.    
  6.     <div>
  7.    
  8.         <button class = 'infoBtn' onclick = 'myInfo()'>Information</button>
  9.    
  10.     </div>
  11.    
  12.     <div class = 'vibeS' id = 'infobutto'>
  13.    
  14.     <p>
  15.        
  16.     Website created by Dante, made with love in Denver, Colorado            
  17.        
  18.     <br>
  19.         <br>
  20.        
  21.         This website was created with accessability in mind. Click on any text to make the text bigger with a  maximum of 25px.
  22.  
  23.     </p>
  24.        
  25.     <p>
  26.        
  27.        
  28.         </p>
  29.        
  30.         </div>
  31.    
  32.     </body>
  33.    
  34.     <style>
  35.        
  36.         .vibeS {
  37.            
  38.             font-size: 25px;
  39.             font-family: sans-serif;
  40.             display: none;
  41.            
  42.         }
  43.    
  44.         .infoBtn {
  45.            
  46.             border-radius: 25px;
  47.             color: black;
  48.             background-color: white;
  49.             border: 2px solid black;
  50.             padding: 16px 26px;
  51.             font-family: sans-serif;
  52.             font-size: 25;
  53.             cursor: pointer;
  54.        
  55.         }
  56.        
  57.         .infoBTN:hover {
  58.            
  59.             background-color: black;
  60.             color: white;
  61.         }
  62.        
  63.     </style>
  64.    
  65.     <script>
  66.    
  67.     function myInfo() {
  68.        
  69.         document.getElementById('infobutto').innerHTML =
  70.  
  71.     }
  72.    
  73.     </script>
  74.  
  75. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement