Facebook
From Funky Gibbon, 1 Year ago, written in HTML5.
Embed
Download Paste or View Raw
Hits: 130
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <meta charset="UTF-8">
  4.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.   <title>Document</title>
  7.   <!-- <link rel="stylesheet" href="style1.css"> -->
  8.   <link rel="stylesheet" href="reset.css">
  9.   <meta name="description" content="To jest mój tekst dla google " />
  10.   <link rel="preconnect" href="https://fonts.googleapis.com">
  11.   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  12.   <link href="https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@400;900&display=swap" rel="stylesheet">
  13. </head>
  14.  
  15. <div class="parent">
  16.   <div class="box"></div>
  17.   <img src="https://mundosklep.pl/1394-large_default/mapa-polski-65x50-cm-mapa-administracyjna-z-10-najdluzszymi-rzekami.jpg" alt="">
  18. </div>
  19.  
  20. <nav>
  21.   <ul>
  22.     <li><a class="link_green" href="index.html">strona główna</a></li>
  23.     <li><a class="link_green" href="kontakt.html">kontakt</a></li>
  24.     <li><a class="link_green" href="onas.html">o nas</a></li>
  25.     <li><a class="link_green" href="galeria.html">galeria</a></li>
  26.     <li><a class="link_green" href="blog.html">blog</a></li>
  27.   </ul>
  28. </nav>
  29.  
  30. <a href="_kontakt.html" target="_blank">
  31.   <img src="images/kosiarka.jpg" alt="kosiarka">
  32. </a>
  33.  
  34.  
  35.  
  36.  
  37. 7. od lewej do prawej niech nam robi się podkreślenie, taka płynna animacja
  38. (do animacji użyjemy after lub before)
  39.  
  40.  
  41.  
  42.  
  43. </body>
  44. </html>