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.
<!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
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy.
AcceptLearn more