Skip to content

Commit 463dee1

Browse files
Rosander0Rosander0
committed
Menu done styling left
1 parent 8b01ef0 commit 463dee1

2 files changed

Lines changed: 208 additions & 95 deletions

File tree

‎module2_solution/index.html‎

Lines changed: 111 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -2,150 +2,166 @@
22
<html>
33
<head>
44
<title>Our Menu</title>
5+
<link rel="stylesheet" href="styles.css">
6+
<meta charset="UTF-8">
57
</head>
68
<body>
7-
<div>
9+
<div class="row">
810
<h1> Our Menu</h1>
911

10-
12+
<div class="col-lg-4">
1113
<h2>Appetizers</h2>
1214

13-
<h3>Bruschetta</h3>
14-
<p>Toasted bread topped with fresh tomatoes, basil, and balsamic glaze</p>
15-
16-
<h3>Stuffed Mushrooms</h3>
17-
<p>Mushrooms stuffed with a mixture of cheese, herbs, and breadcrumbs</p>
15+
<h3 class="NAME">Bruschetta</h3>
16+
<p class="DESC">Toasted bread topped with fresh tomatoes, basil, and balsamic glaze</p>
1817

19-
<h3>Garlic Bread</h3>
20-
<p>Freshly baked bread with garlic butter and herbs</p>
18+
<h3 class="NAME">Stuffed Mushrooms</h3>
19+
<p class="DESC">Mushrooms stuffed with a mixture of cheese, herbs, and breadcrumbs</p>
2120

22-
<h3>Manchurian Balls</h3>
23-
<p>Spicy vegetable balls tossed in a tangy Manchurian sauce</p>
21+
<h3 class="NAME">Garlic Bread</h3>
22+
<p class="DESC">Freshly baked bread with garlic butter and herbs</p>
2423

25-
<h3>Paneer Tikka Skewers</h3>
26-
<p>Grilled paneer skewers marinated in spices, served with mint chutney</p>
24+
<h3 class="NAME">Manchurian Balls</h3>
25+
<p class="DESC">Spicy vegetable balls tossed in a tangy Manchurian sauce</p>
2726

28-
<h3>Indian Chicken Keema Sliders</h3>
29-
<p>Mini sliders made with spiced minced chicken, served with mint chutney</p>
27+
<h3 class="NAME">Paneer Tikka Skewers</h3>
28+
<p class="DESC">Grilled paneer skewers marinated in spices, served with mint chutney</p>
3029

31-
<h3>Butter Chicken Pani Puri</h3>
32-
<p>Mini puris filled with butter chicken gravy and topped with crispy onions</p>
30+
<h3 class="NAME">Indian Chicken Keema Sliders</h3>
31+
<p class="DESC">Mini sliders made with spiced minced chicken, served with mint chutney</p>
3332

33+
<h3 class="NAME">Butter Chicken Pani Puri</h3>
34+
<p class="DESC">Mini puris filled with butter chicken gravy and topped with crispy onions</p>
35+
</div>
3436

37+
<div class="col-lg-4">
3538
<h2>Soups</h2>
3639

37-
<h3>Tomato Soup</h3>
38-
<p>Classic tomato soup with a hint of basil and cream</p>
40+
<h3 class="NAME">Tomato Soup</h3>
41+
<p class="DESC">Classic tomato soup with a hint of basil and cream</p>
3942

40-
<h3>Lemon Corrainder Soup</h3>
41-
<p>Refreshing soup made with lemon, coriander, and spices</p>
43+
<h3 class="NAME">Lemon Corrainder Soup</h3>
44+
<p class="DESC">Refreshing soup made with lemon, coriander, and spices</p>
4245

43-
<h3>Manchow Soup</h3>
44-
<p>Spicy Indo-Chinese soup with vegetables and crispy noodles</p>
46+
<h3 class="NAME">Manchow Soup</h3>
47+
<p class="DESC">Spicy Indo-Chinese soup with vegetables and crispy noodles</p>
4548

46-
<h3>Sweet Corn Vegetable Soup</h3>
47-
<p>Sweet corn soup with mixed vegetables and a hint of pepper</p>
49+
<h3 class="NAME">Sweet Corn Vegetable Soup</h3>
50+
<p class="DESC">Sweet corn soup with mixed vegetables and a hint of pepper</p>
4851

49-
<h3>Chicken Noodle Soup</h3>
50-
<p>Hearty chicken soup with noodles, vegetables, and herbs</p>
52+
<h3 class="NAME">Chicken Noodle Soup</h3>
53+
<p class="DESC">Hearty chicken soup with noodles, vegetables, and herbs</p>
5154

52-
<h3>Paya Soup</h3>
53-
<p>Traditional slow-cooked soup made with goat or lamb trotters, spices, and herbs</p>
54-
55+
<h3 class="NAME">Paya Soup</h3>
56+
<p class="DESC">Traditional slow-cooked soup made with goat or lamb trotters, spices, and herbs</p>
57+
</div>
5558

59+
<div class="col-lg-4">
5660
<h2>Salads</h2>
5761

58-
<h3>Caesar Salad</h3>
59-
<p>Crisp romaine lettuce, croutons, and Caesar dressing</p>
62+
<h3 class="NAME">Caesar Salad</h3>
63+
<p class="DESC">Crisp romaine lettuce, croutons, and Caesar dressing</p>
6064

61-
<h3>Greek Salad</h3>
62-
<p>Mixed> greens, olives, feta cheese, and a lemon-olive oil dressing</p>
65+
<h3 class="NAME">Greek Salad</h3>
66+
<p class="DESC">Mixed greens, olives, feta cheese, and a lemon-olive oil dressing</p>
6367

64-
<h3>Kachumbar</h3>
65-
<p>Fresh cucumber, tomato, and onion salad with a tangy dressing</p>
68+
<h3 class="NAME">Kachumbar</h3>
69+
<p class="DESC">Fresh cucumber, tomato, and onion salad with a tangy dressing</p>
6670

67-
<h3>Onion Salad</h3>
68-
<p>Sliced onions with lemon juice, green chilies, and coriander</p>
69-
70-
<h3>Fresh Fruit Salad</h3>
71-
<p>Seasonal fruits tossed with a light honey dressing</p>
71+
<h3 class="NAME">Onion Salad</h3>
72+
<p class="DESC">Sliced onions with lemon juice, green chilies, and coriander</p>
7273

74+
<h3 class="NAME">Fresh Fruit Salad</h3>
75+
<p class="DESC">Seasonal fruits tossed with a light honey dressing</p>
76+
</div>
7377

78+
<div class="col-lg-4">
7479
<h2>Main Course</h2>
7580

76-
<h3>Paneer Tikka Masala</h3>
77-
<p>Grilled paneer marinated in spices, served with mint chutney and 2 Garlic naan or 3 Plain buttered roti</p>
81+
<h3 class="NAME" >Paneer Tikka Masala</h3>
82+
<p class="DESC">Grilled paneer marinated in spices</p>
83+
<p class="DESC">Served with mint chutney and 2 Garlic naan or 3 Plain buttered roti</p>
7884

79-
<h3>Veg Biryani</h3>
80-
<p>Fragrant basmati rice cooked with mixed vegetables and aromatic spices, served with raita</p>
81-
82-
<h3>Pav Bhaji</h3>
83-
<p>Spicy mashed vegetable curry served with 2 buttered pav(bread rolls)</p>
84-
85-
<h3>Dal Makhani</h3>
86-
<p>Slow-cooked black lentils in a creamy tomato sauce, served with 2 Garlic naan or 3 Plain buttered roti or a bed of Steamed Jeera rice</p>
87-
88-
<h3>Bhindi Masala</h3>
89-
<p>Stir-fried okra with spices, served with 2 Garlic naan or 3 Plain buttered roti</p>
90-
91-
<h3>Fried Chicken</h3>
92-
<p>Juicy fried chicken served with a side of coleslaw and cornbread</p>
93-
<p>Drink&nbsp;&nbsp;:-&nbsp;&nbsp;Sweet Tea, Iced Lemon Tea, Sparkling Water</p>
94-
95-
<h3>Beef Wellington</h3>
96-
<p>Beef tenderloin coated with mushroom duxelles and wrapped in a two layer outer layer being fluffy puf pastery and the middle layer being cheese that covers the whole beef, served with a red wine reduction sauce</p>
97-
<p>Drink&nbsp;&nbsp;:-&nbsp;&nbsp;Red Wine</p>
98-
99-
<h3>Chicken Biryani</h3>
100-
<p>Fragrant basmati rice cooked with tender chicken pieces and aromatic spices, served with raita</p>
85+
<h3 class="NAME">Veg Biryani</h3>
86+
<p class="DESC">Fragrant basmati rice cooked with mixed vegetables and aromatic spices</p>
87+
<p class="DESC">Served with raita</p>
88+
89+
<h3 class="NAME">Pav Bhaji</h3>
90+
<p class="DESC">Spicy mashed vegetable curry</p>
91+
<p class="DESC">Served with 2 buttered pav(bread rolls)</p>
92+
93+
<h3 class="NAME">Dal Makhani</h3>
94+
<p class="DESC">Slow-cooked black lentils in a creamy tomato sauce</p>
95+
<p class="DESC">Served with 2 Garlic naan or a bed of Steamed Jeera rice</p>
96+
97+
<h3 class="NAME">Bhindi Masala</h3>
98+
<p class="DESC">Stir-fried okra with spices</p>
99+
<p class="DESC">Served with 2 Garlic naan or 3 Plain buttered roti</p>
100+
101+
<h3 class="NAME">Fried Chicken</h3>
102+
<p class="DESC">Juicy fried chicken served with a side of coleslaw and cornbread</p>
103+
<p class="DESC">Drink&nbsp;&nbsp;:-&nbsp;&nbsp;Sweet Tea, Iced Lemon Tea, Sparkling Water</p>
104+
105+
<h3 class="NAME">Beef Wellington</h3>
106+
<p class="DESC">Beef tenderloin coated with mushroom duxelles and wrapped in puff pastry</p>
107+
<p class="DESC">Served with red wine sauce</p>
108+
<p class="DESC">Drink&nbsp;&nbsp;:-&nbsp;&nbsp;Red Wine, Cranberry juice, Club Soda with Citrus</p>
109+
<h3 class="NAME">Chicken Biryani</h3>
110+
<p class="DESC">Fragrant basmati rice cooked with tender chicken pieces and aromatic spices</p>
111+
<p class="DESC">Served with raita</p>
101112

102-
<h3>Butter Chicken(Murgh Masala)</h3>
103-
<p>Chicken cooked in a rich and creamy tomato sauce, served with 2 Garlic naan or 3 Plain buttered roti or 3 buttered pav(bread rolls)</p>
104-
105-
<h3>Mutton and Egg Biryani</h3>
106-
<p>Fragrant basmati rice cooked with tender mutton pieces and boiled eggs, served with raita</p>
113+
<h3 class="NAME">Butter Chicken(Murgh Masala)</h3>
114+
<p class="DESC">Chicken cooked in a rich and creamy tomato sauce</p>
115+
<p class="DESC">Served with 2 Garlic naan or 3 Plain buttered roti or 3 buttered pav(bread rolls)</p>
107116

117+
<h3 class="NAME">Mutton and Egg Biryani</h3>
118+
<p class="DESC">Fragrant basmati rice cooked with tender mutton pieces and boiled eggs</p>
119+
<p class="DESC">Served with raita</p>
120+
</div>
108121

122+
<div class="col-lg-4">
109123
<h2>Desserts</h2>
110124

111-
<h3>Gulab Jamun</h3>
112-
<p>Soft and spongy milk-based dumplings soaked in sugar syrup</p>
113-
114-
<h3>Rasgulla</h3>
115-
<p>Ball-shaped dumplings of chhena dough, cooked in light sugar syrup</p>
125+
<h3 class="NAME">Gulab Jamun</h3>
126+
<p class="DESC">Soft and spongy milk-based dumplings soaked in sugar syrup</p>
116127

117-
<h3>Ras Malai</h3>
118-
<p>Soft cheese patties soaked in sweetened milk and flavored with cardamom</p>
128+
<h3 class="NAME">Rasgulla</h3>
129+
<p class="DESC">Ball-shaped dumplings of chhena dough, cooked in light sugar syrup</p>
119130

120-
<h3>Chocolate Lava Cake</h3>
121-
<p>Warm chocolate cake with a molten chocolate center, served with vanilla ice cream</p>
131+
<h3 class="NAME">Ras Malai</h3>
132+
<p class="DESC">Soft cheese patties soaked in sweetened milk and flavored with cardamom</p>
122133

123-
<h3>Sweet Fruit Salad</h3>
124-
<p>Mix of fresh seasonal fruits tossed in a creamy or syrupy dressing</p>
134+
<h3 class="NAME">Chocolate Lava Cake</h3>
135+
<p class="DESC">Warm chocolate cake with a molten chocolate center, served with vanilla ice cream</p>
125136

126-
<h3>Donuts</h3>
127-
<p>Soft and fluffy donuts coated with sugar or glazed with icing</p>
137+
<h3 class="NAME">Sweet Fruit Salad</h3>
138+
<p class="DESC">Mix of fresh seasonal fruits tossed in a creamy or syrupy dressing</p>
128139

140+
<h3 class="NAME">Donuts</h3>
141+
<p class="DESC">Soft and fluffy donuts coated with sugar or glazed with icing</p>
142+
</div>
129143

144+
<div class="col-lg-4">
130145
<h2>Drinks</h2>
131146

132-
<h3>Soft Drinks</h3>
133-
<p> Coca Cola, Pepsi, Thumps-Up, Sprite</p>
147+
<h3 class="NAME">Soft Drinks</h3>
148+
<p class="DESC"> Coca Cola, Pepsi, Thumps-Up, Sprite</p>
134149

135-
<h3>Juices</h3>
136-
<p> Orange, Apple, Mango, Mixed Fruit</p>
150+
<h3 class="NAME">Juices</h3>
151+
<p class="DESC"> Orange, Apple, Mango, Mixed Fruit</p>
137152

138-
<h3>Milkshakes</h3>
139-
<p> Chocolate, Strawberry, Vanilla, Mango, Almond</p>
153+
<h3 class="NAME">Milkshakes</h3>
154+
<p class="DESC"> Chocolate, Strawberry, Vanilla, Mango, Almond</p>
140155

141-
<h3>Tea and Coffee</h3>
142-
<p> Masala Chai, Green Tea, Iced Lemon Tea, Espresso, Cappuccino, Americano</p>
156+
<h3 class="NAME">Tea and Coffee</h3>
157+
<p class="DESC"> Masala Chai, Green Tea, Iced Lemon Tea, Espresso, Cappuccino, Americano</p>
143158

144-
<h3>Lassi</h3>
145-
<p>Rose, Mango, Strawberry</p>
159+
<h3 class="NAME">Lassi</h3>
160+
<p class="DESC">Rose, Mango, Strawberry</p>
146161

147-
<h3>Mocktails</h3>
148-
<p> Virgin Mojito, Pina Colada, Blue Lagoon, Shirley Temple</p>
162+
<h3 class="NAME">Mocktails</h3>
163+
<p class="DESC"> Virgin Mojito, Pina Colada, Blue Lagoon, Shirley Temple</p>
164+
</div>
149165
</div>
150166
</body>
151167
</html>

‎module2_solution/styles.css‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
*{
2+
margin: 1px;
3+
padding: 1px;
4+
box-sizing: border-box;
5+
background-color: bisque;
6+
text-align: center;
7+
}
8+
9+
body {
10+
font-family: 'Times New Roman', Times, serif;
11+
}
12+
13+
hr {
14+
clip-path: polygon(0% 50%, 15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%);
15+
width: 35%;
16+
margin: 5px auto;
17+
}
18+
19+
h1 {
20+
margin: 5px auto;
21+
padding: 5px;
22+
}
23+
24+
div .col-lg-4{
25+
border: 1px solid black;
26+
width: 55%;
27+
margin-left: 22%;
28+
}
29+
30+
.row {
31+
width: 100%;
32+
}
33+
34+
.NAME {
35+
color: #000000;
36+
font-weight: bold;
37+
}
38+
39+
.DESC {
40+
color: #222121ce;
41+
font-style: italic;
42+
}
43+
44+
@media (min-width: 992px) {
45+
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
46+
float: left;
47+
border: 1px solid green;
48+
}
49+
.col-lg-1 {
50+
width: 8.33333333%;
51+
}
52+
.col-lg-2 {
53+
width: 16.66666667%;
54+
}
55+
.col-lg-3 {
56+
width: 25%;
57+
}
58+
.col-lg-4 {
59+
width: 33.33333333%;
60+
}
61+
.col-lg-5 {
62+
width: 41.66666667%;
63+
}
64+
.col-lg-6 {
65+
width: 50%;
66+
}
67+
.col-lg-7 {
68+
width: 58.33333333%;
69+
}
70+
.col-lg-8 {
71+
width: 66.66666667%;
72+
}
73+
.col-lg-9 {
74+
width: 75%;
75+
}
76+
.col-lg-10 {
77+
width: 83.33333333%;
78+
}
79+
.col-lg-11 {
80+
width: 91.66666667%;
81+
}
82+
.col-lg-12 {
83+
width: 100%;
84+
}
85+
}
86+
87+
88+
89+
90+
91+
92+
@media (min-width: 768px) and (max-width: 991px) {
93+
}
94+
95+
96+
@media (max-width: 767px) {
97+
}

0 commit comments

Comments
 (0)