<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="home.css">
<meta name="description" content="kafe">
<meta name="keywords" content="html, kafe, avexx">
<meta name="author" content="Daniel Gajdosz">
<meta http-equiv="refresh" content="60">
<script src="https://kit.fontawesome.com/28e100c195.js" crossorigin="anonymous"></script>
<title>Kaficko by AvExx</title>
<script>
function toggleDropdown(dropdownId) {
var dropdown = document.getElementById(dropdownId);
dropdown.classList.toggle("active");
}
</script>
</head>
<body>
<div class="topbar">
<i class="fa-solid fa-house" id="icon"><a href=""></a></i>
<h1 id="nadpis">Kaficko</h1>
<div class="dropdownb">
<button class="dropbutton"><i class="fa-solid fa-bars" id="icon"></i></button>
<div class="dropdown-contentb">
<button class="dropbutton"><a href="" class="drop">Menu</a></button>
<button class="dropbutton"><a href="" class="drop">O nás</a></button>
<button class="dropbutton"><a href="" class="drop">Kontakt</a></button>
</div>
</div>
</div>
<div class="all">
<div class="first">
<div class="content1">
<h1 id="nadpis2">VĂĹ ĂšTÄšK OD<br>REALITY</h1>
<div class="buttons">
<button id="butn"><a href="" class="main">MENU</a></button>
<button id="butn"><a href="" class="main">REZERVACE</a></button>
</div>
</div>
</div>
<div class="second">
<div class="onas">
<h1 id="honas">O NĂS</h1>
<p id="ponas">NetradiÄŤnĂ kavárna v mĂstÄ› bĂ˝valĂ© truhlárny, kde najdeš mnohem vĂc neĹľ<br>jen vĂ˝bÄ›rovou kávu, domácĂ dezerty a skvÄ›lĂ© snĂdanÄ›. SoučástĂ je galerie,<br>multifunkÄŤnĂ mĂstnost k pronájmu a dvĹŻr, kde pod hvÄ›zdami<br>a za doprovodu tĂ© správnĂ© melodie snadno ztratĂš pojem o ÄŤase<br>a zapomeneš, Ĺľe jsi v centru mÄ›sta.</p>
</div>
<div class="menu">
<h1 id="hmenu">MENU</h1>
<br>
<div class="menucontent"></div>
<div class="dropdown" id="dropdown1">
<button id="buttondrop1" onclick="toggleDropdown('dropdown1')">SNÍDAŇOVÉ MENU</button>
<div class="dropdown-content">
<p id="popis">PO - PĂ 8:00 -12:00<br>SO - NE 9:00 - 13:00</p>
<br>
<h1 id="nazev">NAĹ E ANGLICKĂ</h1>
<p id="popis">VEJCE SOUFFLÉ, SLANINA, PĂRKY, FAZOLE, PEÄŚENÉ RAJÄŚE, OPEÄŚENĂť CHLÉB</p>
<br>
<h1 id="nazev">VEJCE BENEDIKT SOUFFLÉ</h1>
<p id="popis">Ĺ PENĂT, FRANCOUZSKĂť TOUST, VEJCE, HOLANDSKĂ OMĂÄŚKA, FERMENTOVANĂť PEPĹ PEPPERFIELD</p>
<br>
<h1 id="nazev">VEJCE FLORENTINE SOUFFLÉ</h1>
<p id="popis">VEJCE SOUFFLÉ, SLANINA, PĂRKY, FAZOLE, PEÄŚENÉ RAJÄŚE, OPEÄŚENĂť CHLÉB</p>
<br>
<h1 id="nazev">MONTE CHRISTO SANDWICH</h1>
<p id="popis">TOASTOVÝ CHLÉB, ŠUNKA OD KOSTI, CHEDDAR, VEJCE, COLESLAW</p>
<br>
<h1 id="nazev">CHLÉB S AVOKĂDEM A LOSOSEM</h1>
<p id="popis">KVĂSKOVĂť CHLÉB, AVOKĂDOVĂ POMAZĂNKA, UZENĂť LOSOS</p>
<br>
<h1 id="nazev">BANANA FRENCH TOAST S RYBĂŤZOVOU OMĂÄŚKOU</h1>
<p id="popis">BANĂNOVĂť CHLEB, TVAROH, TONKA KARAMEL, ÄŚERNĂť RYBĂŤZ</p>
<br>
<h1 id="nazev">POHANKOVĂ KAĹ E</h1>
<p id="popis">POHANKOVĂ KRUPICE, Ĺ VESTKY, MANDLE</p>
<br>
</div>
</div>
<div class="dropdown" id="dropdown3">
<button id="buttondrop1" onclick="toggleDropdown('dropdown3')">OBĚDOVÉ MENU</button>
<div class="dropdown-content">
<p id="popis">PO - PĂ 8:00 -12:00<br>SO - NE 9:00 - 13:00</p>
<br>
<h1 id="nazev">NAĹ E ANGLICKĂ</h1>
<p id="popis">VEJCE SOUFFLÉ, SLANINA, PĂRKY, FAZOLE, PEÄŚENÉ RAJÄŚE, OPEÄŚENĂť CHLÉB</p>
<br>
<h1 id="nazev">VEJCE BENEDIKT SOUFFLÉ</h1>
<p id="popis">Ĺ PENĂT, FRANCOUZSKĂť TOUST, VEJCE, HOLANDSKĂ OMĂÄŚKA, FERMENTOVANĂť PEPĹ PEPPERFIELD</p>
<br>
<h1 id="nazev">VEJCE FLORENTINE SOUFFLÉ</h1>
<p id="popis">VEJCE SOUFFLÉ, SLANINA, PĂRKY, FAZOLE, PEÄŚENÉ RAJÄŚE, OPEÄŚENĂť CHLÉB</p>
<br>
<h1 id="nazev">MONTE CHRISTO SANDWICH</h1>
<p id="popis">TOASTOVÝ CHLÉB, ŠUNKA OD KOSTI, CHEDDAR, VEJCE, COLESLAW</p>
<br>
<h1 id="nazev">CHLÉB S AVOKĂDEM A LOSOSEM</h1>
<p id="popis">KVĂSKOVĂť CHLÉB, AVOKĂDOVĂ POMAZĂNKA, UZENĂť LOSOS</p>
<br>
<h1 id="nazev">BANANA FRENCH TOAST S RYBĂŤZOVOU OMĂÄŚKOU</h1>
<p id="popis">BANĂNOVĂť CHLEB, TVAROH, TONKA KARAMEL, ÄŚERNĂť RYBĂŤZ</p>
<br>
<h1 id="nazev">POHANKOVĂ KAĹ E</h1>
<p id="popis">POHANKOVĂ KRUPICE, Ĺ VESTKY, MANDLE</p>
<br>
</div>
</div>
<div class="dropdown" id="dropdown4">
<button id="buttondrop1" onclick="toggleDropdown('dropdown4')">ODPOLEDNĂŤ MENU</button>
<div class="dropdown-content">
<p id="popis">PO - PĂ 8:00 -12:00<br>SO - NE 9:00 - 13:00</p>
<br>
<h1 id="nazev">NAĹ E ANGLICKĂ</h1>
<p id="popis">VEJCE SOUFFLÉ, SLANINA, PĂRKY, FAZOLE, PEÄŚENÉ RAJÄŚE, OPEÄŚENĂť CHLÉB</p>
<br>
<h1 id="nazev">VEJCE BENEDIKT SOUFFLÉ</h1>
<p id="popis">Ĺ PENĂT, FRANCOUZSKĂť TOUST, VEJCE, HOLANDSKĂ OMĂÄŚKA, FERMENTOVANĂť PEPĹ PEPPERFIELD</p>
<br>
<h1 id="nazev">VEJCE FLORENTINE SOUFFLÉ</h1>
<p id="popis">VEJCE SOUFFLÉ, SLANINA, PĂRKY, FAZOLE, PEÄŚENÉ RAJÄŚE, OPEÄŚENĂť CHLÉB</p>
<br>
<h1 id="nazev">MONTE CHRISTO SANDWICH</h1>
<p id="popis">TOASTOVÝ CHLÉB, ŠUNKA OD KOSTI, CHEDDAR, VEJCE, COLESLAW</p>
<br>
<h1 id="nazev">CHLÉB S AVOKĂDEM A LOSOSEM</h1>
<p id="popis">KVĂSKOVĂť CHLÉB, AVOKĂDOVĂ POMAZĂNKA, UZENĂť LOSOS</p>
<br>
<h1 id="nazev">BANANA FRENCH TOAST S RYBĂŤZOVOU OMĂÄŚKOU</h1>
<p id="popis">BANĂNOVĂť CHLEB, TVAROH, TONKA KARAMEL, ÄŚERNĂť RYBĂŤZ</p>
<br>
<h1 id="nazev">POHANKOVĂ KAĹ E</h1>
<p id="popis">POHANKOVĂ KRUPICE, Ĺ VESTKY, MANDLE</p>
<br>
</div>
</div>
<div class="dropdown" id="dropdown2">
<button id="buttondrop1" onclick="toggleDropdown('dropdown2')">NĂPOJOVĂť LĂŤSTEK</button>
<div class="dropdown-content">
<p id="popis">PO - PĂ 8:00 -12:00<br>SO - NE 9:00 - 13:00</p>
<br>
<h1 id="nazev">NAĹ E ANGLICKĂ</h1>
<p id="popis">VEJCE SOUFFLÉ, SLANINA, PĂRKY, FAZOLE, PEÄŚENÉ RAJÄŚE, OPEÄŚENĂť CHLÉB</p>
<br>
<h1 id="nazev">VEJCE BENEDIKT SOUFFLÉ</h1>
<p id="popis">Ĺ PENĂT, FRANCOUZSKĂť TOUST, VEJCE, HOLANDSKĂ OMĂÄŚKA, FERMENTOVANĂť PEPĹ PEPPERFIELD</p>
<br>
<h1 id="nazev">VEJCE FLORENTINE SOUFFLÉ</h1>
<p id="popis">VEJCE SOUFFLÉ, SLANINA, PĂRKY, FAZOLE, PEÄŚENÉ RAJÄŚE, OPEÄŚENĂť CHLÉB</p>
<br>
<h1 id="nazev">MONTE CHRISTO SANDWICH</h1>
<p id="popis">TOASTOVÝ CHLÉB, ŠUNKA OD KOSTI, CHEDDAR, VEJCE, COLESLAW</p>
<br>
<h1 id="nazev">CHLÉB S AVOKĂDEM A LOSOSEM</h1>
<p id="popis">KVĂSKOVĂť CHLÉB, AVOKĂDOVĂ POMAZĂNKA, UZENĂť LOSOS</p>
<br>
<h1 id="nazev">BANANA FRENCH TOAST S RYBĂŤZOVOU OMĂÄŚKOU</h1>
<p id="popis">BANĂNOVĂť CHLEB, TVAROH, TONKA KARAMEL, ÄŚERNĂť RYBĂŤZ</p>
<br>
<h1 id="nazev">POHANKOVĂ KAĹ E</h1>
<p id="popis">POHANKOVĂ KRUPICE, Ĺ VESTKY, MANDLE</p>
<br>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>