Please note, this is a STATIC archive of website www.tutorialspoint.com from 11 May 2019, cach3.com does not collect or store any user information, there is no "phishing" involved.
Tutorialspoint

zadanie3

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
  
<div class="container">
  <h1>Kraków - dokument o mieście</h1>
  <p>Kraków (łac. Cracovia, niem. Krakau, jid. ‏קראָקע‎ Kroke) – miasto na prawach powiatu położone w południowej Polsce nad Wisłą, drugie co do liczby mieszkańców miasto kraju[1][5] i powierzchni[1], stolica Polski do 1795 r. i miasto koronacyjne oraz nekropolia królów Polski, od 1000 r. nieprzerwanie stolica diecezji krakowskiej</p> 
  <p>The .container class provides a responsive fixed width container.</p>           
</div>

<div class="container">
  <h2>Zdjęcia z Krakowa</h2>  
  <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner">
      <div class="item active">
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/59/Zakrz%C3%B3wek_%28Krak%C3%B3w%29-kamieniolom.jpg/1280px-Zakrz%C3%B3wek_%28Krak%C3%B3w%29-kamieniolom.jpg" alt="Zakrzowek" style="width:100%;">
      </div>

      <div class="item">
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Krak%C3%B3w_-_B%C5%82onia_from_Kopiec_Ko%C5%9Bciuszki.jpg/1280px-Krak%C3%B3w_-_B%C5%82onia_from_Kopiec_Ko%C5%9Bciuszki.jpgg" alt="Blonia" style="width:100%;">
      </div>
    
      <div class="item">
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/BulwarCzerwie%C5%84ski-StareMiasto-POL%2C_Krak%C3%B3w.jpg/1024px-BulwarCzerwie%C5%84ski-StareMiasto-POL%2C_Krak%C3%B3w.jpg" alt="Wisla" style="width:100%;">
      </div>
    </div>

    <!-- Left and right controls -->
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
</div>
<style>
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
</style>
</head>
<body>

<h2>KRAKÓW - CIAG DALSZY</h2>

<div class="row">
  <div class="column" style="background-color:#aaa;">
    <h4>DZIEJE NOWOZYTNE</h4>
    <p>Po unii polsko-litewskiej i powstaniu Rzeczypospolitej Obojga Narodów Kraków znalazł się na uboczu wielkiego państwa. 
    
    Sejmy i elekcje nowych monarchów odbywały się pod Warszawą, położoną mniej więcej w połowie drogi między stolicami Korony i Litwy.
</p>
  </div>
  <div class="column" style="background-color:#bbb;">
    <h4>XX WIEK</h4>
    <p>W początku nowego stulecia zaszły w Krakowie poważne zmiany – również w infrastrukturze technicznej miasta. 14 lutego 1901 r. – za prezydentury Józefa Friedleina – otwarto miejskie wodociągi.</p>
    <h4>Okupacja hitlerowska
</h4>
    <p>Wojska niemieckie zajęły miasto 6 dni po rozpoczęciu II wojny światowej. W nalocie na krakowskie lotnisko Rakowice–Czyżyny uczestniczyło 150 samolotów Luftwaffe[68]. Pierwszym polskim lotnikiem, który poderwał samolot do walki z hitlerowskimi Niemcami był pilot krakowskiego dywizjonu, kpt. pilot Mieczysław Medwecki.</p>
  </div>
</div>

<div class="container">
  <h2>TABELA</h2>
 
  <table class="table">
    <thead>
      <tr>
        <th><b>nazwa rezerwatu</b></th>
        <th><b>powierzchnia</b></th>
        <th><b>przedmiot ochrony</b></th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Bielańskie Skałki</td>
        <td>1,73 han</td>
        <td>spontaniczne procesy sukcesji biocenoz leśnych na skalistym, dawniej pozbawionym lasu terenie</td>
      </tr>      
      <tr class="success">
        <td>Bonarka</td>
        <td>2,29 ha</td>
        <td>rezerwat geologiczny</td>
      </tr>
      
</body>
</html>

Advertisements
Loading...

We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy.