Facebook
From Silly Cockroach, 4 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 225
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>www 3B</title>
  6.     <link rel="stylesheet" href="Style.css" />
  7. </head>
  8. <body>
  9.   <div class="ramka">
  10.    <header>
  11.        <div id="logo">ZSŁ</div>
  12.        </header>
  13.    <nav>
  14.      
  15.       <a href="">Home</a>
  16.       <a href="">Galeria</a>
  17.       <a href="">Oferta</a>
  18.       <a href="">Kontakt</a>
  19.        
  20.        
  21.    </nav>
  22.    <section></section>
  23.    <footer></footer>
  24.     </div>
  25. </body>
  26. </html>
  27.  
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45.  
  46. *{
  47.     margin: 0;
  48.     padding: 0;
  49.     box-sizing: border-box;
  50. }
  51.  
  52. body{
  53.     background-color:crimson;
  54. }
  55.  
  56.  
  57. .ramka{
  58.     width:1200px;
  59.     min-height: 800px;
  60.     margin-left: auto;
  61.     margin-right: auto;
  62.  
  63. }
  64.  
  65. header{
  66.     width:100%;
  67.     height:400px;
  68.     background-color:deepskyblue;
  69.     border-radius:20px;
  70.     margin-top:20px;
  71.     padding-top: 100px;
  72. }
  73.  
  74. #logo{
  75.     width:200px;
  76.     height:200px;
  77.     border:5px solid black;
  78.     margin-left: auto;
  79.     margin-right: auto;
  80.     font-size: 50px;
  81.     color: crimson;
  82.     padding-top: 60px;
  83.     padding-left: 50px;
  84.     border-radius: 100px 5px 100px 5px;
  85. }
  86.  
  87.    
  88. }
  89.  
  90. nav{
  91.     width:100%;
  92.     height:80px;
  93.     background-color:deepskyblue;
  94.     border-radius:20px;
  95.     margin-top:20px;
  96.     text-align: center;
  97. }
  98. nav > a{
  99.     color:crimson;
  100.     width: 200px;
  101.     height:80px;
  102.     font-size: 30px;
  103.     display:inline-block;
  104.     text-decoration: none;
  105.     padding: 20px;
  106. }
  107.  
  108. nav > a:hover{
  109.     background-color: crimson;
  110.     color:deepskyblue;
  111.     border-top:2px dotted deepskyblue;
  112.     border-bottom:2px dotted deepskyblue;
  113.     border-left: 2px dotted deepskyblue;
  114.     border-right: 2px dotted deepskyblue;
  115.     border-radius: 20px;
  116. }
  117.  
  118. section{
  119.     width:100%;
  120.     height:800px;
  121.     background-color:deepskyblue;
  122.     border-radius:20px;
  123.     margin-top:20px;
  124. }
  125.  
  126. footer{
  127.     width:100%;
  128.     height:100px;
  129.     background-color:deepskyblue;
  130.     border-radius:20px;
  131.     margin-top:20px;
  132.     margin-bottom: 20px;
  133. }