60 lines
3.3 KiB
HTML
60 lines
3.3 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">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="style.css">
|
|
<title>Szemantikus elemek</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="griding">
|
|
<header class="elvalasztas canter">
|
|
<h1>XDD Jó téma</h1>
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus culpa fugiat id iure repudiandae maiores.
|
|
Quas doloremque officiis necessitatibus minima. Lorem ipsum dolor sit amet consectetur, adipisicing
|
|
elit. Alias, illo. Totam rem asperiores porro ullam tempore eaque deserunt animi consequatur temporibus
|
|
fugiat, in maiores molestiae ipsum fuga obcaecati magnam cum.</p>
|
|
<nav class="navbar navbar-expand-sm tusjak" aria-label="Third navbar example">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand coloring" coloring href="#">Friss hírek</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarsExample03">
|
|
<ul class="navbar-nav me-auto mb-2 mb-sm-0">
|
|
<li class="nav-item">
|
|
<a class="nav-link active coloring" aria-current="page" href="#">Home</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link active coloring" aria-current="page" href="#">BRUH</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link active coloring" aria-current="page" href="#">OOOHMAGAAD</a>
|
|
</li>
|
|
</ul>
|
|
<form>
|
|
<input class="form-control" type="text" placeholder="Search" aria-label="Search">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<section class="elvalasztas">
|
|
<article class="canter">bruh</article>
|
|
<article class="canter">bruh</article>
|
|
<article class="canter">bruh</article>
|
|
</section>
|
|
<aside class="elvalasztas canter">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Harum debitis earum labore distinctio ex
|
|
commodi obcaecati rem mollitia vero hic, repudiandae aperiam quibusdam, molestias dolore fuga ipsa porro
|
|
odio! Temporibus!</aside>
|
|
<footer class="elvalasztas canter">Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto omnis provident obcaecati enim nobis
|
|
error earum, dolorum fuga maxime. Magni?</footer>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |