83 lines
2.9 KiB
HTML
83 lines
2.9 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html lang="sk">
|
||
|
<head>
|
||
|
<meta charset="UTF-8">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer">
|
||
|
<link rel="stylesheet" href="Style.css">
|
||
|
<title>GAME HUB</title>
|
||
|
</head>
|
||
|
<body>
|
||
|
<header>
|
||
|
<div class="navbar">
|
||
|
<div class="logo"><a href="#">GAME HUB</a></div>
|
||
|
<ul class="links">
|
||
|
<li><a href="index.html">Domov</a></li>
|
||
|
<li><a href="Hry.html">Hry</a></li>
|
||
|
<li><a href="#Úvod">Úvod</a></li>
|
||
|
<li><a href="#Top_Hry">Top Hry</a></li>
|
||
|
<li><a href="#Info">Info</a></li>
|
||
|
<li><a href="#Kontakt">Kontakt</a></li>
|
||
|
<li><a href="Login.html" class="Login">Login</a></li>
|
||
|
</ul>
|
||
|
<div class="toggle_btn">
|
||
|
<i class="fa-solid fa-bars"></i>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="dropdown_menu">
|
||
|
<li><a href="index.html">Domov</a></li>
|
||
|
<li><a href="Hry.html">Hry</a></li>
|
||
|
<li><a href="#Úvod">Úvod</a></li>
|
||
|
<li><a href="#Top_Hry">Top Hry</a></li>
|
||
|
<li><a href="#Info">Info</a></li>
|
||
|
<li><a href="#Kontakt">Kontakt</a></li>
|
||
|
<li><a href="Login.html" class="Login">Login</a></li>
|
||
|
</div>
|
||
|
</div>
|
||
|
</header>
|
||
|
|
||
|
<main>
|
||
|
<section id="hero">
|
||
|
<h1>Vitajte</h1>
|
||
|
</section>
|
||
|
<section>
|
||
|
<h2 id="Úvod">Úvod</h2>
|
||
|
<p>Game Hub je miesto o hrách!
|
||
|
</section>
|
||
|
<section>
|
||
|
<h2 id="Top_Hry">Top Hry</h2>
|
||
|
</section>
|
||
|
<section>
|
||
|
<h2 id="Info">Informácie</h2>
|
||
|
</section>
|
||
|
</main>
|
||
|
|
||
|
<script>
|
||
|
const toggleBtn = document.querySelector('.toggle_btn')
|
||
|
const toggleBtnIcon = document.querySelector('.toggle_btnv i')
|
||
|
const dropDownMenu = document.querySelector('.dropdown_menu')
|
||
|
|
||
|
toggleBtn.onclick = function () {
|
||
|
dropDownMenu.classList.toggle('open')
|
||
|
const isOpen = dropDownMenu.classList.contains('open')
|
||
|
|
||
|
toggleBtnIcon.classList = isOpen
|
||
|
? 'fa-solid fa-xmark'
|
||
|
: 'fa-solid fa-bars'
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<footer>
|
||
|
<div class="footer-content">
|
||
|
<p>©Game Hub</p>
|
||
|
<ul class="footer-links">
|
||
|
<li><a href="#">Ísť hore.</a></li>
|
||
|
<li id="Kontakt"><a>adamsramek@gamehub.sk</a></li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</footer>
|
||
|
|
||
|
</body>
|
||
|
</html>
|