229 lines
12 KiB
HTML
229 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="hu">
|
|
|
|
<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>Egyszerű weboldal</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
|
|
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
|
<style>
|
|
body {
|
|
background-color: rgb(250, 0, 250);
|
|
color: #fff;
|
|
padding: 25px;
|
|
}
|
|
|
|
header {
|
|
background-color: rgb(200, 0, 200);
|
|
padding: 10px;
|
|
margin: 10px;
|
|
border: 2.5px solid rgb(100, 0, 100);
|
|
}
|
|
|
|
nav {
|
|
background-color: rgb(150, 0, 150);
|
|
padding: 10px;
|
|
margin: 10px;
|
|
border: 2.5px solid rgb(100, 0, 100);
|
|
}
|
|
|
|
section {
|
|
background-color: rgb(150, 0, 150);
|
|
padding: 10px;
|
|
margin: 10px;
|
|
border: 2.5px solid rgb(100, 0, 100);
|
|
}
|
|
|
|
article {
|
|
background-color: rgb(200, 0, 200);
|
|
padding: 10px;
|
|
margin: 10px;
|
|
border: 2.5px solid rgb(100, 0, 100);
|
|
}
|
|
|
|
aside {
|
|
background-color: rgb(175, 0, 175);
|
|
padding: 10px;
|
|
margin: 10px;
|
|
float: right;
|
|
border: 2.5px solid rgb(100, 0, 100);
|
|
}
|
|
|
|
footer {
|
|
background-color: rgb(200, 0, 200);
|
|
padding: 10px;
|
|
margin: 10px;
|
|
border: 2.5px solid rgb(100, 0, 100);
|
|
}
|
|
|
|
a:link, a:visited, a:hover, a:active {
|
|
color: #fff;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam maxime expedita perspiciatis cupiditate,
|
|
nisi a
|
|
dolore laborum voluptas sapiente illo.</p>
|
|
</header>
|
|
|
|
<nav>
|
|
<a href="#">xd</a>
|
|
<a href="#">xdd</a>
|
|
<a href="#">xddd</a>
|
|
<a href="#">xdddd</a>
|
|
<a href="#">xddddd</a>
|
|
</nav>
|
|
|
|
<section>
|
|
<div class="row">
|
|
<div class="col-8">
|
|
<article>
|
|
<p>
|
|
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum non officiis architecto inventore
|
|
repellendus reprehenderit iure molestiae porro fugit nesciunt ad quo maxime omnis ullam, sapiente dolor
|
|
voluptate temporibus perspiciatis facere laboriosam nihil sequi vitae, distinctio commodi. Totam
|
|
possimus
|
|
autem maiores nulla ipsa. Autem reprehenderit ad quidem similique corrupti enim unde quo vitae iure ab
|
|
natus, distinctio iste, modi magni minus eaque quia architecto eligendi nesciunt illo obcaecati debitis
|
|
quibusdam voluptates consequatur? Illum velit repellendus temporibus odio repudiandae quas facilis
|
|
voluptas
|
|
ad debitis natus cupiditate fugiat alias vel ex incidunt, esse corporis nam? Quisquam aut deleniti
|
|
labore
|
|
unde dolor nesciunt officia maiores voluptatibus cupiditate culpa hic blanditiis repellendus nobis,
|
|
laudantium cum consequuntur minima sunt sequi in tempora porro esse! Rem, quo ipsa quos qui aut optio
|
|
quam
|
|
esse neque non perspiciatis vitae eos porro magnam nihil architecto cumque officiis ullam est natus
|
|
ipsam
|
|
enim nulla assumenda dolores sint. Magni animi iure veniam molestias tenetur ducimus ab, placeat
|
|
reprehenderit sit unde labore pariatur quae rem neque quis ad, vero beatae! Autem blanditiis repellendus
|
|
laboriosam, aspernatur, beatae explicabo necessitatibus mollitia illum ipsum enim porro impedit? Eum
|
|
cupiditate quaerat, distinctio corrupti nisi earum tempora. Reprehenderit porro, velit, laborum iure
|
|
aliquam
|
|
repudiandae, veniam nulla facere quasi neque eius! Quam nulla, pariatur nesciunt molestiae praesentium
|
|
ut.
|
|
Libero nemo omnis provident. Rerum incidunt numquam nostrum quis harum dolorem consequatur ad nulla
|
|
distinctio ratione fugit odit rem maiores, aliquid quo repellendus minus officia maxime magni ab eos.
|
|
Aut
|
|
exercitationem adipisci recusandae laborum repudiandae ducimus sint dolorum velit.</p>
|
|
</article>
|
|
<article>
|
|
<p>
|
|
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Facilis, qui accusantium quod nisi, vel quis
|
|
veniam quaerat neque repellendus cumque deserunt quia impedit nihil ut quam aperiam error officiis
|
|
nostrum
|
|
ipsa. Odit, pariatur a. Pariatur soluta ipsam, quaerat deserunt unde error eius. Iure voluptatibus
|
|
necessitatibus, nam fugiat ad officia velit repellendus facere veritatis beatae? Laborum mollitia
|
|
tempore
|
|
sunt? Quasi dicta quisquam dolores autem earum molestiae, corrupti illo amet distinctio vero cum,
|
|
accusantium laboriosam id incidunt unde. Autem itaque totam est possimus nihil doloribus suscipit odio.
|
|
Neque placeat aut beatae ut explicabo doloremque atque, vel, eligendi recusandae sed ipsum. Aliquam
|
|
quaerat
|
|
alias doloribus saepe voluptate veniam ex, repudiandae commodi sint harum dolor explicabo, voluptates
|
|
nulla
|
|
rerum deserunt? Distinctio consequuntur aperiam quod totam repudiandae illo quis deleniti quas
|
|
voluptatem.
|
|
Possimus rerum asperiores neque amet ea, temporibus molestiae reiciendis iusto commodi sequi consequatur
|
|
aperiam ab saepe laboriosam veniam tempore in quis sed nihil delectus quam quibusdam fuga sunt voluptas!
|
|
Excepturi accusantium quaerat vero voluptas ab laudantium maiores soluta. Praesentium voluptates
|
|
similique
|
|
temporibus doloribus saepe. Nihil voluptatibus rem inventore! Libero consequuntur excepturi vel minima
|
|
explicabo nostrum quia voluptatem, laudantium ducimus reiciendis eveniet quos dolorum unde labore harum
|
|
quod
|
|
consectetur eius suscipit asperiores nam sunt incidunt. Tempore vitae neque vel magnam, doloribus nobis
|
|
eum
|
|
pariatur ratione repellendus quas omnis, ab enim nisi ipsam dignissimos quod quisquam natus ipsa commodi
|
|
alias repudiandae iusto eius, recusandae earum? Blanditiis, reiciendis magnam consequatur praesentium
|
|
sapiente in molestiae officia distinctio inventore delectus tempora aliquid? Eos cupiditate labore ipsa
|
|
quia
|
|
exercitationem.</p>
|
|
</article>
|
|
<article>
|
|
<p>
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis, adipisci earum? Deserunt quas
|
|
voluptatibus illo itaque est, veniam ullam rerum minima ea corrupti beatae, dicta error eaque maiores.
|
|
Pariatur atque officiis cum esse recusandae. Similique exercitationem quos, commodi qui mollitia debitis
|
|
dolorum voluptate repellendus excepturi facere adipisci, ratione voluptas deserunt et eveniet amet
|
|
reprehenderit tempore aperiam. Animi tempore numquam molestias, assumenda sed blanditiis aliquam, saepe
|
|
voluptatibus excepturi deleniti asperiores aspernatur laboriosam nostrum, reprehenderit perferendis
|
|
ullam
|
|
dolorum provident nam natus ipsam doloribus incidunt cupiditate recusandae. Neque minus voluptates
|
|
impedit
|
|
inventore! Aut doloribus accusamus ut id nesciunt amet officia. Accusantium pariatur voluptatibus,
|
|
mollitia
|
|
quaerat veniam fugiat porro sed incidunt cum. Doloremque vitae, quaerat, delectus deleniti iste
|
|
reprehenderit quam praesentium ullam necessitatibus labore magni! Nihil, asperiores, sequi reiciendis
|
|
laboriosam odio officiis nulla, maxime eius pariatur provident odit itaque vero nemo iste dolorum quo
|
|
eos
|
|
similique quas culpa facilis impedit eum natus. Aut enim dolorem necessitatibus voluptate earum porro
|
|
laborum eligendi, sequi deserunt ea rerum praesentium sunt quo ab! Porro, autem? Maiores, error harum
|
|
eaque
|
|
sit nobis voluptatum aperiam repellendus nam! Provident magnam quae assumenda totam ea eligendi animi,
|
|
illum
|
|
impedit quis deleniti suscipit vero excepturi ex nesciunt. Dolores tenetur, velit ipsum voluptatem sit
|
|
qui
|
|
aliquid quibusdam consequuntur doloremque impedit alias illum quis ullam necessitatibus corrupti
|
|
excepturi
|
|
ipsam, laborum culpa! Ducimus dolore distinctio ratione aliquid ab eaque culpa, id tempore suscipit
|
|
reprehenderit quia repellendus minus quo necessitatibus error dolorum recusandae aspernatur asperiores
|
|
commodi voluptates soluta illo, nihil amet? Molestias libero obcaecati deserunt deleniti est?</p>
|
|
|
|
</article>
|
|
</div>
|
|
<div class="col-4">
|
|
<aside>
|
|
<p>
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus maxime eius, laudantium quo id
|
|
esse nihil porro eaque quos consectetur consequatur doloremque consequuntur, harum, minus itaque
|
|
incidunt nulla dolorem nesciunt omnis tempore tenetur aliquam. Nesciunt doloribus, quisquam eveniet
|
|
provident error reiciendis, in quo corporis inventore cupiditate cumque. Inventore ab vitae soluta,
|
|
nihil recusandae perspiciatis repellat repellendus accusamus earum libero amet tempore adipisci
|
|
praesentium enim maiores magnam aliquid quod asperiores debitis aliquam velit odio molestias! In officia
|
|
deserunt odio! Dolorem vero nobis placeat natus laboriosam architecto voluptatem eos voluptas voluptatum
|
|
debitis sequi rem est at quaerat libero corrupti maxime molestias vitae blanditiis quos rerum ut
|
|
temporibus, distinctio sit? Harum tempore, dolore blanditiis quidem est adipisci quae obcaecati
|
|
doloribus fugit iusto numquam ducimus, nobis maxime earum natus omnis ex atque, aut quos vel pariatur
|
|
similique possimus eos. Veritatis, molestias. Quas quo accusantium odio esse placeat, voluptatibus
|
|
labore alias dignissimos quaerat, illo nobis asperiores blanditiis et minima quibusdam reprehenderit
|
|
beatae nam dolores magnam, ipsam sapiente laudantium? Tempore vel voluptates voluptate vitae explicabo
|
|
neque tenetur velit veniam mollitia accusantium dolor saepe, maxime maiores quas delectus dignissimos
|
|
esse distinctio nulla modi minus earum similique. Fugit dolore quis dolorem animi eos! Molestias dolorem
|
|
saepe ut, voluptate quia veniam maxime laborum quae amet sequi magnam culpa. Cum facilis quam voluptas
|
|
amet illo. Deserunt assumenda aliquam sunt earum quo. Velit enim aperiam doloribus, possimus illo sequi
|
|
ea accusamus iste, officiis veritatis fuga quas voluptas tempora temporibus itaque, distinctio quisquam
|
|
veniam? Vitae odio praesentium quos ipsa sed et repudiandae asperiores laborum animi voluptates earum
|
|
explicabo, perspiciatis cupiditate consequuntur corrupti incidunt repellat quasi similique
|
|
exercitationem quidem omnis! Amet dolorum quia maxime aliquam praesentium modi laborum deserunt
|
|
voluptatem accusantium, accusamus, error provident nulla fugiat. Optio, tempore laboriosam aut est harum
|
|
hic cum at. Architecto tenetur quod molestiae voluptatibus consequuntur, minus numquam.</p>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
<footer>
|
|
<p>
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis quos fugiat reprehenderit consequatur
|
|
exercitationem odit aliquid, ipsum minus incidunt nisi?</p>
|
|
</footer>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
|
|
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
|
|
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
|
|
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
|
|
crossorigin="anonymous"></script>
|
|
</body>
|
|
|
|
</html> |