33 lines
2.9 KiB
HTML
33 lines
2.9 KiB
HTML
<html>
|
|
<head>
|
|
<title>
|
|
Cím
|
|
</title>
|
|
</head>
|
|
<body style="background-color: #ff00ff;">
|
|
<header width="30%" style=background-color:grey ><h1>Header</h1>
|
|
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolor, ipsum!
|
|
</header>
|
|
<h1>Navbar</h1>
|
|
<navbar width="100%" style="width:100%; border: solid 5px" >
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga, eaque pariatur sit dolor neque optio cum quia accusamus esse provident. At atque qui saepe, ab corrupti ullam doloribus modi commodi inventore, incidunt minus fuga expedita delectus tenetur nobis. Vel, minima.
|
|
</navbar>
|
|
<article style="background-color: black ;"><h1 style="color: white;">Article</h1>
|
|
<aside style="background-color: green; text-align: right; float:right; width: 30%; height: 75%;"><h1>Aside</h1>
|
|
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Labore, eum ut incidunt reiciendis odit delectus voluptas dolores numquam perferendis magni eaque nisi atque rem repellendus adipisci sunt harum hic ratione fugiat tempore. Architecto, quas nemo facilis deleniti quae deserunt dolor nobis quos natus voluptatem, maiores distinctio fuga autem voluptatum ab?
|
|
</aside>
|
|
<section style=" background-color:yellow; width:70%; height:25%"><h1>Section 1</h1>
|
|
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vitae sint labore perferendis temporibus tenetur accusantium tempore in molestias sapiente, earum sed blanditiis possimus aspernatur iste ullam nulla quos illo sit, quidem accusamus. Rerum dolorem, aut inventore vel repellendus libero adipisci a accusantium quam molestiae, nihil provident soluta sit sunt sapiente.
|
|
</section>
|
|
<section style="background-color:yellow; width:70%; height: 25%; " ><h1>Section 2</h1>
|
|
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vitae sint labore perferendis temporibus tenetur accusantium tempore in molestias sapiente, earum sed blanditiis possimus aspernatur iste ullam nulla quos illo sit, quidem accusamus. Rerum dolorem, aut inventore vel repellendus libero adipisci a accusantium quam molestiae, nihil provident soluta sit sunt sapiente.
|
|
</section>
|
|
<section style=" background-color:yellow; width:70%; height: 25%;" ><h1>Section 4</h1>
|
|
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Vitae sint labore perferendis temporibus tenetur accusantium tempore in molestias sapiente, earum sed blanditiis possimus aspernatur iste ullam nulla quos illo sit, quidem accusamus. Rerum dolorem, aut inventore vel repellendus libero adipisci a accusantium quam molestiae, nihil provident soluta sit sunt sapiente.
|
|
</section>
|
|
|
|
</article>
|
|
<footer><h1>Footer</h1>
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis facere temporibus odio laudantium aperiam. In deleniti non rerum, velit suscipit consequatur, eum odio eligendi nostrum enim amet mollitia? Totam, illum.</footer>
|
|
</body>
|
|
</html> |