Facebook
From Marichuwajen, 4 Years ago, written in CSS.
Embed
Download Paste or View Raw
Hits: 139
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3.   <head>
  4.     <title>Hello!</title>
  5.     <meta charset="utf-8" />
  6.  
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  8.     <meta
  9.       name="viewport"
  10.       content="width=device-width, initial-scale=1, shrink-to-fit=no"
  11.     />
  12.  
  13.     <link
  14.       rel="stylesheet"
  15.       href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
  16.       integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
  17.       crossorigin="anonymous"
  18.     />
  19.  
  20.     <!-- import the webpage's stylesheet -->
  21.    <link rel="stylesheet" href="/style.css" />
  22.  
  23.    <!-- import the webpage's javascript file -->
  24.     <script src="/script.js" defer></script>
  25.   </head>
  26.   <body>
  27.     <!--Menu -->
  28.  
  29.     <nav class="navbar navbar-expand-lg bg-warning navbar-light">
  30.       <a class="navbar-brand" href="#"
  31.         ><img
  32.           class="img-fluid"
  33.           src="https://cdn.glitch.com/bfaea3a8-a5c8-4029-9ec1-9f6c2b6672db%2FRelax-03-512.png?v=1587297835668"
  34.           width="50"
  35.       /></a>
  36.  
  37.       <ul class="navbar-nav mr-auto">
  38.         <li class="nav-item active">
  39.           <a class="nav-link" href="#"> Strona Główna</a>
  40.         </li>
  41.          <li class="nav-item active">
  42.           <a class="nav-link" href="#"> Atrakcje</a>
  43.         </li>
  44.          <li class="nav-item active">
  45.           <a class="nav-link" href="#"> Barcelona Na Żywo</a>
  46.         </li>
  47.          <li class="nav-item active">
  48.           <a class="nav-link" href="#"> Galeria </a>
  49.         </li>
  50.          <li class="nav-item active">
  51.           <a class="nav-link" href="#"> Informacje </a>
  52.         </li>
  53.       </ul>
  54.     </nav>
  55.  
  56.     <script
  57.       src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
  58.       integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
  59.       crossorigin="anonymous"
  60.     ></script>
  61.     <script
  62.       src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
  63.       integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
  64.       crossorigin="anonymous"
  65.     ></script>
  66.     <script
  67.       src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
  68.       integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
  69.       crossorigin="anonymous"
  70.     ></script>
  71.   </body>
  72. </html>