yipeee wohoo
This commit is contained in:
pataioliver
commit
23ec7c3f6a
229
Egyszerű weboldal.html
Normal file
229
Egyszerű weboldal.html
Normal file
|
|
@ -0,0 +1,229 @@
|
|||
<!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>
|
||||
Loading…
Reference in New Issue
Block a user