Sample-restaurant-website/Menu.html at main · arbanks77/Sample-restaurant-website · 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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
    <html>
        <link href="css toi.css" rel='Stylesheet'>
        <link href="js toi.js" rel='Javascript'>
        <link href="Menu.html">
        <link href="Event.html">
        <link href="taste of italy.html">
        <link href ="https://fonts.googleapis.com/css?family=Alegreya Sans SC" rel='stylesheet'>
        <link href="https://fonts.googleapis.com/css?family=Merienda" rel='stylesheet'>
        <header>
            <title>Taste of Italy</title>
            <nav>
                <div class="topnav">
                    <div class = "dropdown2">
                        <button class = "drpdwnbtn2">
                            <span style="font-size:25px;cursor:pointer" onclick="openNav()" id = "hamburger">&#9776; </span>
                        </button>
                        <div class = "dropdown-content2">
                            <a href = "taste of italy.html" class = "navbttn2" class = "navbttn">Home</a></li>
                            <div class = "dropdown">
                                <button class = "drpdwnbtn" id = "menubttn">Menu</button>
                                <div class = "dropdown-content">
                                    <a href = "Menu.html#Lunch">Lunch</a></li>
                                    <a href = "Menu.html#Dinner">Dinner</a></li>
                                    <a href = "Menu.html#Desert">Desert</a></li>
                                    <a href = "Menu.html#Drinks">Drinks</a></li>
                                </div>
                            </div>
                            <a href = "Event.html" class = "navbttn2"></a></li>
                            <a href = "taste of italy.html#cus" class = "navbttn2">Contact Us</a></li>
                            <a href = "Event.html#visit1" class = "navbttn2">Visit Us</a></li>
                        </div>
                    </div>
                </div>
            </nav>
            <br>
            <div class = "heading">
                <h1 id = "title1">Taste</h1><h1 id = "title2"> Of</h1><h1 id = "title3"> Italy</h1>
            </div>
        </header>
        <br>
        <img src="chef cooking.webp" id = "chefcooking">
        <body>
            <div  class = "Drinks">
                <h2>Drinks</h2>
                    <img src = "wine.jpg" id = "drink"/>
                    <h4>Breakfast</h4>
                        <p>Espresso</p>
                        <p>Cappucino- A single espresso shot served with hot milk and topped with foamed milk and a dash of cocoa powder.</p>
                    <h4>Soda</h4>
                        <p>San Pellegrino- Lombardy-based orange soda</p>
                        <p>Crodino- known for its aromatic citrus and bittersweet flavour with notes of orange and grapefruit</p>
                    <h4>Wines</h4>s
                        <p>Barolo – From the Piedmont region of Italy</p>
                        <p>Primitivo – Slightly sweet red wine from Italy’s Puglia region.</p>
                        <p>Prosecco – A sparkling white wine from northern Italy</p>
                        <p>Soave – From the Veneto region, near Verona, Soave is a dry white wine</p>
                    <h4>liqueur</h4>
                        <p>Campari- A bitter liqueur invented in Novara, Italy</p>
                        <p>Amaretto</p>
                        <p>Limoncello</p>
                    <h4>cocktails</h4>
                        <p>Bellini-Prosecco and peach purée. The origins of the bellini lie in the north of Italy at the now-famous Harry’s Bar in Venice </p>
                <br>
                <h3>Drink specials</h3>
            </div>
            <div>
                <h2>Appetizers</h2>
                <img src = "bread.webp"/>
            </div>
            <div id = "Lunch">
                <div class = "lunch">
                <h2>Lunch</h2>
                <img src="ravoili.webp" id = "ravioli"/>
                </div>
                    <h3>lunch special of the week</h3>
            </div>
            <div id = "Dinner">
                <h2>Dinner</h2>
                <div class = "dinner">
                <img src = "spagehti.png" id = "spaghetti"/>
                <img src = "chicken.jpg" id = "chicken"/>
                <img src = "clamshot.jpg" id = "clamshot"/>
                </div>
                <h3>Dinner Special</h3>
            </div>
            <div id = "Desert">
                <h2>Desert</h2>
                <div class = "desert">
                    <img src = "cannoli-with-vanilla-custard-85970-1.jpeg" alt="photo of vanilla cannoli" id = "cannoli"/>
                    <img src = "Italian-Tiramisu-with-Mint-and-Chocolate-800x530.png" alt="A photo of chocolate tiramisu" id = "tiramisu"/>
                    <img src = "hazelnut-panna-cotta-with-chocolate-ganache-155378-2.jpg" alt="hazelnut panna cotta with chocolate ganache" id = "ganache"/>
                </div>
                    <h3>Sharables</h3>
            </div>
                    <br>
                <div class = "molocations">
                    <a href  ="Event.html#visit" >Visit One Of Our Locations</a>
                </div>
                        <img src="restaurant utsider.jpg" alt = "photo of indoor-outdoor bar"/>
                    <h2>Contact Us</h2>
                    <form>
                        <input type = "text" name = "contact" id = "name" value = " Name" minlength = "2" maxlength="30" required>
                        <input type = "text" name = "email" value = "   Email@.com" id = "box1" minlength = "7" maxlength="30" required>
                        <textarea id = "textbox" name = "box" rows = "5" col = "30" minlength = "3" maxlength="500" required>  Tell us About your Visit!</textarea>
                        <input type = "submit" value = "Send" id = "button">
                    </form>
                <br>
         </body>
                <br>
        <footer>
            <br>
            <div class = "iconic">
                <a href="https://twitter.com/awrestaurants/" target="_blank" >
                    <img src = "7595667_twitter_social_network_logo_icon.png" id = "sm_icon">
                </a>
                <a target="_blank" href="https://www.instagram.com/blaustern_fotografie/" >
                    <img src="instagram_media_photo add_icon.png" id = "sm_icon">
                </a>
                <a href="https://facebook.com/awrestaurants/" target="_blank" >
                    <img src = "317752_facebook_social media_social_icon.png" id = "sm_icon">
                </a>
            </div>
            <p>
                <br>22050 Lakeshore Blvd, Euclid, OH 44123
                <br>copyright© 2023 </p>
                <p id = "tag">Taste Of Italy</p>
            </p>
            <br>
        </footer>
    </html>