Pizza-HTML/index.html at main · additivepill62/Pizza-HTML · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="pizza.css">
    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
</head>
<body>
    <div id="fejlec">
    <header>
        <h1 id="cim">Pizzéria</h1>
        <nav>
            <div class="menu76">
                <label for="menu-toggle" class="hamburger">
                    <img src="images/Hamburger_icon.svg" alt="">
                    <!-- A kép forrása:
                    https://en.wikipedia.org/wiki/Hamburger_button#/media/File:Hamburger_icon.svg-->
                </label>
                <input type="checkbox" id="menu-toggle" style="display: none;">
                <ul class="menu-items">
                    <li><a href="#">Kezdőlap</a></li>
                    <li><a href="#">Menü</a></li>
                    <li><a href="#">Rólunk</a></li>
                    <li><a href="#">Kapcsolat</a></li>
                </ul>
            </div>
        </nav>
    </header>
</div>


    <div class="PIADANA">
        <div class="parent3">
            <div class="div9">
                <div id="rolunk_jobb">
                    <h2>PIADANA PIZZÉRIA</h2>
                    <p id="p">Történetünk</p>
                </div>
            </div>
            <div class="div10">
                <div id="rolunk_bal">
                    <p id="szoveg">Itt kezdődhet a szöveged. Kattints ide, és kezdheted is az írást. Illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro quisquam est qui dolorem ipsum quia dolor sit amet consectetur adipisci velit sed quia non numquam eius modi.</p>
                    <p id="FOGLALJ">FOGLALJ <br id="BRRRR"> ASZTALT: +36-67-632-456</p>
                </div>
            </div>
        </div> </div></div>
    </div>


    <div class="parent4">
        <div class="div11"> <div>
            <h2 class="menu2">─ Menü ─</h2>
            <p class="ajanlataink">Ajánlatunk</p>
            <p class="szoveg">Itt kezdődik a szöveged: Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et itaque nemo, libero corporis, voluptas magnam nam nesciunt ipsam voluptatibus, dolor laborum soluta assumenda odit cumque minus! Illum, excepturi enim vero debitis quibusdam ut? Atque odio a provident eaque suscipit quaerat.</p>
        </div></div>
        <div class="div12"> <div class="menu">Pizza</div></div>
        <div class="div13"> <div class="menu">Menü</div></div>
        <div class="div14"> <div class="menu">Italok</div></div>
    </div>

    <div class="specialitas">
        <h2 class="menu2">─ Specialitásaink ─</h2>
        <p class="ajanlataink">Az ízek tökéletes összhangja</p>

        <div class="parent">
            <div class="div1"> <img src="images/fejlec-elsokep.jpg" class="gallery__img" alt="Image 1"> <p id="p2">Pizza</p></div>
            <div class="div2"> <img src="images/jobbfent.jpg" class="gallery__img" alt="Image 2">  <p id="p3">Vörösboros marhapecsenye</p></div>
            <div class="div3"> <img src="images/balalul.jpg" class="gallery__img" alt="Image 3"> <p id="p4">Vegyes zöldségsaláta olívával</p></div>
            <div class="div4"> <img src="images/alulkozepen.jpg" class="gallery__img" alt="Image 4"> <p id="p5">Pizza</p></div>
            <div class="div5"><img src="images/jobbalul.jpg" class="gallery__img" alt="Image 5"> <p id="p6">Előétel</p></div>
            </div>
    </div>


    <footer class="alsocumo">
    <div class="parent2" >
        <div class="div6"><h2 id="szeretettel">SZERETETTEL <br> VÁRUNK</h2></div>
        <div class="div7"><div>
            <p class="feherekny"><b>NYITVA</b></p>
            <p class="napok">Hétfő: <br>Zárva</p>
            <hr>
            <p class="napok">Kedd: <br>09:30 - 20:00 </p>
            <hr>
            <p class="napok">Szerda: <br>09:30 - 20:00<p>
            <hr>
            <p class="napok">Csütörtök: <br>11:00 - 22:00</p>
            <hr>
            <p class="napok">Péntek: <br>11:00 - 22:00</p>
            <hr>
            <p class="napok">Szo: <br>11:00 - 22:00</p>
            <hr>
            <p class="napok">Vas: <br>11:00 - 20:00</p>
        </div></div>
        <div class="div8"><div class="fenseges">
            <h3>PRÓBÁLD KI FENSÉGES ÉTELEINKET</h3>
            <p>Kattints ide, és kezdheted is az írást. Lorem Ipsum irgulum durum o mala homo sexuale de fela maradin kobudzsa fortnite harvard takardan. Lorem ipsum opsum ford sum de le ama fater gaber la eunum.</p>
            <a href="#" class="feherek">Foglalj asztalt itt</a>
        </div></div>
        </div>
        <div class="footer2">
            <hr id="also_vonal">
            <div id="footer">
                <p>Piadina Pizzéria, 1013 Budapest, Clark Ádám tér 1., +36-67-632-456 <br>Az oldalt a <string id="web">Webnode</string> működteti</p>
        </div>
        </div>
        </footer>
</body>
</html>