186 lines
8.9 KiB
HTML
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>
|