8 changed files with 102 additions and 0 deletions
|
After Width: | Height: | Size: 164 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 9.3 KiB |
|
After Width: | Height: | Size: 24 KiB |
@ -0,0 +1,28 @@ |
|||||
|
nav a { |
||||
|
color: orange; |
||||
|
} |
||||
|
|
||||
|
article { |
||||
|
margin: 0 10%; |
||||
|
} |
||||
|
|
||||
|
article > p { |
||||
|
margin: 0 20%; |
||||
|
} |
||||
|
|
||||
|
article header img { |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
article section { |
||||
|
width: 25%; |
||||
|
padding: 0.5rem; |
||||
|
} |
||||
|
|
||||
|
article section img { |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
article section p { |
||||
|
font-size: 10pt; |
||||
|
} |
||||
@ -0,0 +1,74 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"> |
||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
<title>Povstalci</title> |
||||
|
<link rel="stylesheet" href="index.css"> |
||||
|
</head> |
||||
|
<body> |
||||
|
<nav> |
||||
|
<a href="#">Základna</a> |
||||
|
<a href="#">O nás</a> |
||||
|
<a href="#">Co děláme</a> |
||||
|
<a href="#">Kontakt</a> |
||||
|
</nav> |
||||
|
|
||||
|
<article> |
||||
|
<header> |
||||
|
<img src="img/title.jpg" alt="Titulní obrázek"> |
||||
|
</header> |
||||
|
<h1>O nás</h1> |
||||
|
<p> |
||||
|
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae incidunt qui at error, iusto commodi inventore deserunt explicabo iste hic, nam eveniet similique deleniti tenetur sint aliquam alias molestiae mollitia? |
||||
|
</p> |
||||
|
<p> |
||||
|
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Itaque temporibus dolore nisi tenetur eaque est suscipit recusandae, eum expedita iste quo deleniti fugiat asperiores perspiciatis laboriosam, natus nulla amet. Excepturi. |
||||
|
</p> |
||||
|
<p> |
||||
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse incidunt animi earum officiis ab praesentium vel harum, amet tenetur, aliquid magni suscipit fuga doloribus minus! Asperiores debitis perferendis illum iusto? |
||||
|
</p> |
||||
|
</article> |
||||
|
|
||||
|
<article> |
||||
|
<h1>Co děláme</h1> |
||||
|
<div style="display: flex;"> |
||||
|
<section> |
||||
|
<img src="img/thumb_11.jpg" alt=""> |
||||
|
<h2>Lorem</h2> |
||||
|
<p> |
||||
|
Accusantium deleniti corrupti adipisci quae saepe placeat ipsa asperiores praesentium magnam illum incidunt odio, cupiditate eius veniam unde, excepturi nostrum culpa! Autem? |
||||
|
</p> |
||||
|
</section> |
||||
|
<section> |
||||
|
<img src="img/thumb_12.jpg" alt=""> |
||||
|
<h2>Dolor amet</h2> |
||||
|
<p> |
||||
|
Consectetur adipisicing elit. Incidunt, sed laborum, ullam id corporis similique molestiae rerum facere tempore aspernatur nam repellat nobis et officia error itaque. Voluptatum, sed obcaecati. |
||||
|
</p> |
||||
|
</section> |
||||
|
<section> |
||||
|
<img src="img/thumb_17.jpg" alt=""> |
||||
|
<h2>Vestibulum</h2> |
||||
|
<p> |
||||
|
Expedita eligendi nulla sunt odit quae itaque, voluptatum dignissimos, repellat amet saepe tempore distinctio minus pariatur? Cum earum odit aspernatur mollitia sequi? |
||||
|
</p> |
||||
|
</section> |
||||
|
<section> |
||||
|
<img src="img/thumb_19.jpg" alt=""> |
||||
|
<h2>Dolor amet</h2> |
||||
|
<p> |
||||
|
Neque iure nihil, obcaecati deserunt nobis officia porro pariatur at quidem dolorum qui expedita voluptates alias harum eaque asperiores. Id, veniam excepturi? |
||||
|
</p> |
||||
|
</section> |
||||
|
</div> |
||||
|
|
||||
|
</article> |
||||
|
|
||||
|
|
||||
|
<footer> |
||||
|
|
||||
|
</footer> |
||||
|
</body> |
||||
|
</html> |
||||
Loading…
Reference in new issue