[html5] index.html

Viewer

copydownloadembedprintName: index.html
  1. <!doctype html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  7.     <link rel="stylesheet" href="assets/css/hs-css.css">
  8.     <title>Enceladus - Home</title>
  9.     <link rel="shortcut icon" href="Bilder/favicon.ico" type="image/x-icon">
  10.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  11.   </head>
  12.   <body>
  13.     <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-image">
  14.         <div class="mask" style="background-color: rgba(0, 0, 0, 0.6);"></div>
  15.         <div class="container-fluid">
  16.           <a class="navbar-brand" href="#">
  17.               <img src="Bilder/favicon.ico" alt="Favicon" width="11%" height="11%">
  18.               <strong>Enceladus - Home</strong>
  19.           </a>
  20.           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  21.             <span class="navbar-toggler-icon"></span>
  22.           </button>
  23.           <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
  24.             <ul class="navbar-nav mb-2 mb-lg-0">
  25.               <li class="nav-item">
  26.                 <a class="nav-link active h6" aria-current="page" href="#"><strong>Enceladus</strong></a>
  27.               </li>
  28.               <li class="nav-item">
  29.                 <a class="nav-link h6" href="#"><strong>Oberfläche</strong></a>
  30.               </li>
  31.               <li class="nav-item dropdown">
  32.                 <a class="nav-link dropdown-toggle h6" href="#" id="navbarDarkDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  33.                   Besonderheiten
  34.                 </a>
  35.                 <ul class="dropdown-menu dropdown-menu-dark bg-black" aria-labelledby="navbarDarkDropdownMenuLink">
  36.                   <li><a class="dropdown-item h6" href="#">Geysire</a></li>
  37.                   <li><hr class="dropdown-divider"></li>
  38.                   <li><a class="dropdown-item h6" href="#">Leben auf Enceladus?</a></li>
  39.                 </ul>
  40.               </li>
  41.             </ul>
  42.           </div>
  43.         </div>
  44.       </nav>
  45.       <!--Navbar End-->
  46.     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
  47.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script> 
  48.   </body>
  49. </html>

Editor

You can edit this paste and save as new:


File Description
  • index.html
  • Paste Code
  • 26 Jan-2022
  • 2.89 Kb
You can Share it: