asd
This commit is contained in:
60
index.html
Normal file
60
index.html
Normal file
@@ -0,0 +1,60 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user