Facebook
From Unique Duck, 3 Months ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 50
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3.   <head>
  4.     <title>Moje Katowice</title>
  5.     <meta charset="utf-8" />
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7.     <meta name="viewport" content="width=device-width, initial-scale=1" />
  8.  
  9.     <link
  10.       rel="stylesheet"
  11.       href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
  12.       integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
  13.       crossorigin="anonymous"
  14.     />
  15.  
  16.     <!-- import the webpage's stylesheet -->
  17.     <link rel="stylesheet" href="/style.css" />
  18.  
  19.     <!-- import the webpage's javascript file -->
  20.     <script src="/script.js" defer></script>
  21.   </head>
  22.  
  23.   <body>
  24.     <!-- ######################### MENU ######################### -->
  25.  
  26.     <nav class="navbar navbar-expand-lg bg-info navbar-dark sticky-top">
  27.       <a class="navbar-brand" href="#">
  28.         <img src="https://tiny.pl/7x574" alt="Herb" style="width:60px;"
  29.       /></a>
  30.  
  31.       <button
  32.         class="navbar-toggler"
  33.         type="button"
  34.         data-toggle="collapse"
  35.         data-target="#collapsibleNavbar"
  36.       >
  37.         <span class="navbar-toggler-icon"></span>
  38.       </button>
  39.  
  40.       <div class="collapse navbar-collapse" id="collapsibleNavbar">
  41.         <ul class="navbar-nav mr-auto">
  42.           <li class="nav-item">
  43.             <a class="nav-link active" href="#">Strona g┼é├│wna</a>
  44.           </li>
  45.           <li class="nav-item">
  46.             <a class="nav-link" href="#">Atrakcje</a>
  47.           </li>
  48.  
  49.           <li class="nav-item dropdown">
  50.             <a
  51.               class="nav-link dropdown-toggle"
  52.               href="#"
  53.               id="navbardrop"
  54.               data-toggle="dropdown"
  55.             >
  56.               Katowice na ┼╝ywo
  57.             </a>
  58.             <div class="dropdown-menu">
  59.               <a
  60.                 class="dropdown-item"
  61.                 target="_blank"
  62.                 href="https://www.youtube.com/watch?v=j0xWZo1HCKU"
  63.                 >Spodek</a
  64.               >
  65.               <a
  66.                 class="dropdown-item"
  67.                 target="_blank"
  68.                 href="https://www.youtube.com/watch?v=pkxvtlZ272Q"
  69.                 >Fly spot</a
  70.               >
  71.             </div>
  72.           </li>
  73.           <li class="nav-item">
  74.             <a class="nav-link" href="#">Galeria</a>
  75.           </li>
  76.  
  77.           <li class="nav-item">
  78.             <a class="nav-link" href="#">Informacje</a>
  79.           </li>
  80.         </ul>
  81.       </div>
  82.     </nav>
  83.  
  84.     <!-- ######################### SLAJDER ######################### -->
  85.  
  86.     <div class="container">
  87.       <div class="row">
  88.        
  89.         <div id="karuzela" class="carousel slide" data-ride="carousel">
  90.           <ul class="carousel-indicators">
  91.             <li data-target="#karuzela" data-slide-to="0" class="active"></li>
  92.             <li data-target="#karuzela" data-slide-to="1"></li>
  93.           </ul>
  94.  
  95.           <!-- //////////// zdjecie I ///////////// -->
  96.  
  97.           <div class="carousel-inner">
  98.             <div class="carousel-item active">
  99.               <img class="img-fluid" src="https://tiny.pl/7x5z9" />
  100.               <div class="carousel-caption">
  101.                 <h3>
  102.                   SPODEK
  103.                 </h3>
  104.                 <p>
  105.                   Widok I
  106.                 </p>
  107.               </div>
  108.             </div>
  109.  
  110.             <!-- //////////// zdjecie II ///////////// -->
  111.  
  112.             <div class="carousel-item">
  113.               <img class="img-fluid" src="https://tiny.pl/7x5zz" />
  114.               <div class="carousel-caption">
  115.                 <h3>
  116.                   FLY SPOT
  117.                 </h3>
  118.                 <p>
  119.                   Widok II
  120.                 </p>
  121.               </div>
  122.             </div>
  123.           </div>
  124.  
  125.           <a href="#karuzela" class="carousel-control-prev" data-slide="prev">
  126.             <span class="carousel-control-prev-icon"></span>
  127.           </a>
  128.           <a href="#karuzela" class="carousel-control-next" data-slide="next">
  129.             <span class="carousel-control-next-icon"></span>
  130.           </a>
  131.          
  132.          
  133.         </div>
  134.       </div>
  135.     </div>
  136.  
  137.     <script
  138.       src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
  139.       integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
  140.       crossorigin="anonymous"
  141.     ></script>
  142.     <script
  143.       src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
  144.       integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
  145.       crossorigin="anonymous"
  146.     ></script>
  147.     <script
  148.       src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
  149.       integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
  150.       crossorigin="anonymous"
  151.     ></script>
  152.   </body>
  153. </html>
  154.