<!DOCTYPE html>
<html>
<head>
<title>Podróże</title>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<style>
* {
box-sizing: border-box;
}
header {
background-color: #009de6;
text-align: center;
font-size: 15px;
color: white;
}
nav {
float: left;
width: 22%;
background: #008bcc;
padding: 30px;
}
nav ul {
list-style-type: none;
padding: 0;
}
article {
float: left;
padding: 10px;
width: 75%;
background-color: #99dfff;
height: 400px;
}
section:after {
content: „”;
display: table;
clear: both;
}
footer {
background-color: #0099e6;
text-align: center;
color: white;
@media (max-width: 300px) {
nav, article {
width: 100%;
height: auto;
}
}
</style>
</head>
<body>
<h2>Stolice</h2>
<p>Informacje o 3 stolichach </p>
<p>Na mojej stronie dowiecie się kilku podstawowych informacji o 3 stolicach pańśt europejskich. </p>
<header>
<h2>Pracę wykonała Klaudia Kraska </h2>
<img src=”obrazek.jpg” style=”width:225px;height:225px;border:0;”>
</header>
<section>
<nav>
<ul>
<li><a href=”https://pl.wikipedia.org/wiki/Paryż/”>Paryż</a></li>
<li><a href=”https://pl.wikipedia.org/wiki/Madryt”>Madryt</a></li>
<li><a href=”https://pl.wikipedia.org/wiki/Berlin”>Berlin</a></li>
</ul>
</nav>
<article>
<h1 style=”font-size:1,5vw”>Paryż</h1>
<p style=”font-size:1,5vw”>Paryż – stolica i największe miasto Francji, położone w centrum Basenu Paryskiego, nad Sekwaną. Miasto stanowi centrum polityczne, ekonomiczne i kulturalne kraju. W granicach administracyjnych Paryża zamieszkują ponad 2 mln osób, w tzw. Wielkim Paryżu ok. 10 mln, a w całym zespole miejskim ponad 12 mln.</p>
<h1 style=”font-size:1,5vw”>Madryt</h1>
<p style=”font-size:1,5vw”>Madryt – stolica i największe miasto Hiszpanii, położony w środkowej części kraju na Wyżynie Kastylijskiej u podnóża Sierra de Guadarrama nad rzeką Manzanares.</p>
<h1 style=”font-size:1vw”>Berlin</h1>
<p style=”font-size:1vw”>Berlin – stolica, największe miasto Niemiec i zarazem kraj związkowy. Zajmuje powierzchnię ok. 892 km² i zamieszkuje go 3,7 mln osób. Jest pierwszym miastem w Unii Europejskiej pod względem liczby mieszkańców. Berlin jest podzielony na dwanaście okręgów administracyjnych.</p>
</article>
</section>
<footer>
<p>Dziękuję za uwagę </p>
<img src=”obrazek 2.jpg”>
</footer>
</body>
</html>