Advertisement
irmantas_radavicius

Untitled

Nov 14th, 2021
807
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.11 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <style>
  9.         * {
  10.             box-sizing: border-box;
  11.         }
  12.  
  13.         html {
  14.  
  15.             height: 100%;
  16.            
  17.         }
  18.  
  19.         a {
  20.             text-decoration: none;
  21.         }
  22.  
  23.         a:link {
  24.             color: #3F72AF;
  25.         }
  26.  
  27.  
  28.         a:visited {
  29.             color: rgb(116, 124, 116);
  30.         }
  31.  
  32.         a:hover,
  33.         a:active {
  34.             color: red;
  35.             text-decoration: underline;
  36.         }
  37.  
  38.  
  39.  
  40.         header {
  41.             background-color: #90adec;
  42.  
  43.         }
  44.  
  45.         header div {
  46.             text-align: center;
  47.             font-size: 50px;
  48.             display: flex;
  49.             align-items: center;
  50.             justify-content: center;
  51.  
  52.         }
  53.  
  54.         body {
  55.             min-height: 100vh;
  56.             position: relative;
  57.             background-color: #DBE2EF;
  58.             margin: 0;
  59.             padding: 0px;
  60.  
  61.             min-height: 100%;
  62.             display: flex;
  63.             flex-direction: column;
  64.  
  65.         }
  66.  
  67.         footer {
  68.             background-color: #3F72AF;
  69.             width: 100%;
  70.             margin: 0px;
  71.             padding: 20px;
  72.  
  73.  
  74.             margin-top: auto;
  75.         }
  76.  
  77.  
  78.  
  79.         h1 {
  80.             color: #112d4e;
  81.             margin: 0;
  82.             padding: 10px;
  83.             border: 1px solid black;
  84.         }
  85.  
  86.         h2 {
  87.             color: #112d4e;
  88.             margin: 0;
  89.             padding: 10px;
  90.         }
  91.  
  92.  
  93.         div {
  94.  
  95.             margin: 0;
  96.             padding: 10px;
  97.  
  98.         }
  99.  
  100.         div div {
  101.  
  102.             margin: 0;
  103.             padding: 0;
  104.             border: 1px solid black;
  105.         }
  106.  
  107.         p {
  108.  
  109.             margin: 0;
  110.             padding: 10px;
  111.             padding-bottom: 20px;
  112.  
  113.         }
  114.  
  115.         img {
  116.             display: block;
  117.             max-width: 100%;
  118.         }
  119.     </style>
  120.     <title>Soon</title>
  121. </head>
  122.  
  123. <body>
  124.    
  125.         <p>
  126.             <img src="images/page-under-construction-sleeping-lazy-bear-coming-soon-web-design-cartoon-vector-flat-illustration-template-187855907.jpeg"
  127.                alt="Page under construcrion" width="100%" height="auto">
  128.         </p>
  129.         <p><a href="home.html">Visit for preview</a></p>
  130.         <p>
  131.             <a href="https://www.google.com/search?q=funny+cats+and+dogs+pictures">
  132.             Or better look for some funny stuff</a>
  133.         </p>
  134.    
  135.         <footer id="footer">
  136.         xxx &#169; 2021 All rights reserved
  137.         </footer>
  138.    
  139. </body>
  140.  
  141. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement