Advertisement
Guest User

Untitled

a guest
Feb 19th, 2019
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.66 KB | None | 0 0
  1. <html>
  2.     <head>
  3.         <title>Kvernafossen Bryggeri</title>
  4.         <meta charset="utf-8" lang="en">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.         <link rel="stylesheet" type="text/css" href="css/style.css">
  7.         <style>
  8.             @import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,800,800i,900,900i');
  9.                
  10.         body, html {
  11.             width: 100%;
  12.             height: 100%;
  13.             padding: 0;
  14.             margin: 0;
  15.         }
  16.        
  17.         h1 {
  18.             font-family: 'Montserrat', sans-serif;
  19.             font-weight: 800;
  20.             font-size: 72px;
  21.             /* text-align: center; */
  22.             color: #212121;
  23.         }
  24.        
  25.         .container {
  26.             margin: 20%;
  27.             display: flex;
  28.             justify-content: center;
  29.             align-items: center;
  30.             background-color: rgb(253, 232, 206);
  31.         }
  32.        
  33.         .logo {
  34.             height: 500px;
  35.         }
  36.        
  37.         .main {
  38.             width: 100%;
  39.             height: 100%;
  40.            
  41.             display: flex;
  42.             justify-content: center;
  43.             align-content: space-around;
  44.             flex-wrap: wrap;
  45.        
  46.             background-color: #212121;
  47.         }
  48.         </style>
  49.     </head>
  50.     <body>
  51.         <div class="main">
  52.             <img class="logo" src="img/logo.png">
  53.             <div>
  54.                 <a class="buttonRedirect" href="#">Om oss</a>
  55.                 <a class="buttonRedirect" href="#">Galleri</a>
  56.                 <a class="buttonRedirect" href="#">Kontakt oss</a>
  57.                 <a class="buttonRedirect" href="#">Grossist</a>
  58.                 <a class="buttonRedirect" href="#">Forhandler</a>
  59.                 <a class="buttonRedirect" href="#">HORECA</a>
  60.             </div>
  61.             <div class="test"></div>
  62.             <div class="test"></div>
  63.             <div class="test"></div>
  64.         </div>
  65.         <div class="center-horizontal"><h1>Kvernafossen<br />Bryggeri</h1></div>
  66.         <div class="container" id="container">
  67.            
  68.         </div>
  69.     </body>
  70.     <script>
  71.     </script>
  72. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement