csudijo/web/index.html
2023-10-03 07:57:37 +02:00

186 lines
8.9 KiB
HTML

<!doctype html>
<html lang="hu">
<head>
<!-- Szükséges meta elemek -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="csudijo.css">
<title>Csudijó Étterem</title>
</head>
<body>
<!-- Navigáció -->
<nav class="navbar navbar-expand-lg navbar-light bg-light shadow fixed-top">
<div class="container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#rolunk">Rólunk</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#etlap">Étlap</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#legnepszerubb">Legnépszerűbb</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#vendegkonyv">Vendégkönyv</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#kapcsolat">Kapcsolat</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Fejléc -->
<header id="fejlec">
<div class="container-fluid h-100">
<div class="row h-100 align-items-center">
<div class="col-12 text-center">
<h1>Csudijó Étterem</h1>
<div class="motto">
Ahol az ízek életre kelnek
</div>
</div>
</div>
</div>
</header>
<div class="container">
<!-- Rólunk -->
<section id="rolunk">
<h2>Rólunk</h2>
<p>
A Csudijó Étterem, Magyarország egyik legszebb vidékén, a festői Pitypangtövis hegy lábánál csörgedező Csicseri patak partján található. A fáradt utazó nálunk megtalálhatja mindazt, amire vágyik: kiváló ételeink Mindróf Benedek mesterszakácsunk kifinomult
ízvilágát dicsérik, a desszerteket a környék méltán világhíres Mézmanna cukrászata szállítja számunkra, a helyben készült pitypangtövisi kézműves sörök telt aromája pedig rabul ejti kostolójukat. Ha nem csak egy mennyei ebédre látogat meg
minket, hanem szívesen időzne még a környék mesebéli tájain, akkor panziónkban minden igényt kielégítő otthonos apartmanjaink várják a családokat, párokat vagy épp a magányos vándort. Térjen be hozzánk, hogy vendéglátásunkkal Önnek is
Csudijó napot varázsolhassunk!
</p>
<img src="kepek/csicseri.jpg" alt="Csicseri patak" title="Csicseri patak">
</section>
<!-- Étlap -->
<section id="etlap" class="szurke-hatter">
<h2>Ízelítő étlapunkról</h2>
<!-- Étel kártyák -->
<div class="row">
<div class="card col-12 col-md-6">
<img class=".card-img-top" src="kepek/etlap1.jpg">
<div class="card-body">
<h4 class="card-title">
TEJSZÍNES-MUSTÁROS CSIRKE ALMÁVAL
</h4>
<p class="card-text">
A csirkét vajon megpirítjuk, sóval és borssal ízesítjük. Hozzáadjuk
a megtisztított hagymát, a feldarabolt zellert, és néhány percig együtt pirítjuk,
majd felöntjük a borral és az alaplével. A kimagozott, gerezdekre vágott almákat megpirítjuk.
Tejszínes kukoricalisztet, mustárt és a tárkonyt keverve a pecsenyeléhez mártást készítünk.
A hús-, a zöldség- és az alma darabokat beleforgatjuk a mártásba, majd forrón, friss kenyérrel kínáljuk.
</p>
</div>
</div>
<div class="card col-12 col-md-6">
<img class=".card-img-top" src="kepek/etlap2.jpg">
<div class="card-body">
<h4 class="card-title">
LECSÓ KOLBÁSZCSIPSSZEL
</h4>
<p class="card-text">
A hajszálvékonyra szeletelt kolbászt forró serpenyőben ropogósra sütjük. Kolbászzsíron megfonnyasztjuk
az apróra vágott vöröshagymát, majd megszórjuk és elkeverjük a pirospaprikával. Feldarabolt paprikát és
paradicsomot adunk hozzá. Megsózzuk, megborsozzuk ízlés szerint. A frissen elkészült lecsót a ropogós
kolbászcsipsszel megszórva tálaljuk, friss kenyeret és főtt rizst kínálunk mellé.
</p>
</div>
</div>
<div class="card col-12 col-md-6">
<img class=".card-img-top" src="kepek/etlap3.jpg">
<div class="card-body">
<h4 class="card-title">
BÖGRÉBEN SÜLT PARADICSOMOS TÉSZTA
</h4>
<p class="card-text">
A tésztát kifőzzük, leszűrjük, és olívaolajjal összekeverjük. Egy bögrébep izzaszószt kanalazunk,
megszórjuk felkockázott mozzarellával, felaprított bazsalikommal, majd ismét paradicsomszószt és mozzarellát teszünk rá.
A kifőtt tésztával körberakjuk az edényünket, meglocsoljuk paradicsomszósszal, majd sütőbe rakjuk. A kisült a tésztát tányérra
borítjuk és forrón tálaljuk.
</p>
</div>
</div>
<div class="card col-12 col-md-6">
<img class=".card-img-top" src="kepek/etlap4.jpg">
<div class="card-body">
<h4 class="card-title">
TORTELLINIS PARADICSOMLEVES
</h4>
<p class="card-text">
Lábasban olívaolajon megfonnyasztjuk a kétféle felpirított hagymát, és babérleveleket adunk hozzá.
A hagymás keverékbe forgatjuk a darabolt paradicsomot, lecsipkedett bazsalikom leveleket adunk hozzá, sózzuk, borsozzuk.
A levest joghurttal dúsítjuk és tortellinivel gazdagítjuk. Melegen, egy kevés aprított bazsalikommal és leforgácsolt parmezánnal megszórva tálaljuk.
</p>
</div>
</div>
</div>
</section>
<!-- Legnépszerűbb -->
<section class="legnepszerubb">
<h2>Legnépszerűbb étel az étlapunkról az elmúlt évben</h2>
<p id="legnepszerubb">
</p>
</section>
<!-- Vendégkönyv -->
<section id="vendegkonyv" class="szurke-hatter">
<h2>Vendégkönyv</h2>
<p>Ossza meg másokkal, hogy mi tetszett nálunk, és mondja el nekünk, hogy mivel tehetnénk még kellemesebbé itt létét legközelebb!</p>
<form>
<div class="form-group">
<label for="bejegyzes">Bejegyzés:</label>
<textarea class="form-control" id="bejegyzes" rows="10"></textarea>
</div>
<button type="button" class="btn btn-secondary" onclick="PostVendegkonyv()">Bejegyzés elküldése</button>
</form>
</section>
</div>
<!-- Kapcsolat -->
<footer id="kapcsolat" class="py-4 bg-dark text-white-50">
<div class="text-center">
<small>
Csudijó Étterem <br />
9999 Karakumszörcsög <br />
Macskakapocs utca 29. <br />
Telefon: +36 55 555-5555 <br />
Email: <a href="mailto:kapcsolat@csudijo-etterem.hu">kapcsolat@csudijo-etterem.hu</a>
</small>
</div>
</footer>
<!-- Opcionális JavaScript -->
<!-- jQuery először, utána a Popper.js, végül Bootstrap JS -->
<script src="assets/jquery/jquery-3.3.1.min.js"></script>
<script src="assets/popper/popper.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="csudijo.js"></script>
</body>
</html>