This commit is contained in:
Dávid Jančár 2024-05-16 09:25:11 +02:00
parent 4977c37879
commit 46f859bed8
2 changed files with 32 additions and 36 deletions

@ -82,6 +82,8 @@ header{
/* Add a black background color to the top navigation */ /* Add a black background color to the top navigation */
nav{ nav{
background-color: #333; background-color: #333;
display: flex;
flex-direction: row;
} }
.topnav { .topnav {
background-color: #333; background-color: #333;

@ -1,43 +1,37 @@
<div id="header" class="container"> <div id="header" class="container">
<div id="header_nazov" class="flex-item" style="align-self: center;"> <div id="header_nazov" class="flex-item" style="align-self: center;">
<p>Slovanská mytológia</p> <p>Slovanská mytológia</p>
</div> </div>
</div> </div>
<nav> <nav class="topnav container_menu" id="myTopnav">
<div class="topnav container_menu" id="myTopnav"> <a href="/index" class="active">Domov</a>
<a href="/index" class="active">Domov</a> <div class="dropdown">
<div class="dropdown"> <p class="dropbtn">Bohovia</p>
<button class="dropbtn">Bohovia <div class="dropdown-content">
</button> <a href="/perun">Perún</a>
<div class="dropdown-content"> <a href="/veles">Veles</a>
<a href="/perun">Perún</a> <a href="/svarog">Svarog</a>
<a href="/veles">Veles</a> <a href="/jarilo">Jarilo</a> <!--neskôr upracem abecedne-->
<a href="/svarog">Svarog</a>
<a href="/jarilo">Jarilo</a> <!--neskôr upracem abecedne-->
</div>
</div> </div>
<div class="dropdown">
<button class="dropbtn">Bohyne
</button>
<div class="dropdown-content">
<a href="/morena">Morena</a>
<a href="/lada">Lada</a>
<a href="/devana">Devana</a>
<a href="/jaga">Jaga</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn">Bytosti a Démoni
</button>
<div class="dropdown-content">
<a href="/rusalka">Rusalka</a>
<a href="/lesovik">Lesovik</a>
<a href="/kikimora">Kikimora</a>
<a href="/zmej">Zmej</a>
</div>
</div>
<a href="javascript:void(0);" class="icon" onclick="myFunction()"></a>
<br>
</div> </div>
</nav> <div class="dropdown">
<p class="dropbtn">Bohyne</p>
<div class="dropdown-content">
<a href="/morena">Morena</a>
<a href="/lada">Lada</a>
<a href="/devana">Devana</a>
<a href="/jaga">Jaga</a>
</div>
</div>
<div class="dropdown">
<p class="dropbtn">Bytosti a Démoni</p>
<div class="dropdown-content">
<a href="/rusalka">Rusalka</a>
<a href="/lesovik">Lesovik</a>
<a href="/kikimora">Kikimora</a>
<a href="/zmej">Zmej</a>
</div>
</div>
<a href="javascript:void(0);" class="icon" onclick="myFunction()"></a>
</nav>