├── img.webp ├── style.css └── index.html /img.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nitinrajputind/CSS_handson2/HEAD/img.webp -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | padding: 0; 3 | margin: 0; 4 | box-sizing: border-box; 5 | } 6 | body{ 7 | background-image: url(./img.webp); 8 | background-repeat: no-repeat; 9 | background-size: cover; 10 | } 11 | .box{ 12 | background-color: black; 13 | border: 10px solid red; 14 | display: inline-block; 15 | border-radius: 50px; 16 | padding: 20px; 17 | position: relative; 18 | color: white; 19 | font-size: 20px; 20 | font-weight: 800; 21 | text-align: center; 22 | line-height: 40px; 23 | } 24 | .box1{ 25 | width: 400px; 26 | height: 150px; 27 | margin-left: 20px; 28 | } 29 | .box2{ 30 | width:400px; 31 | height: 80px; 32 | position: absolute; 33 | z-index: 20; 34 | top: 60px; 35 | left: 300px; 36 | 37 | } 38 | .box3{ 39 | width: 400px; 40 | height: 150px; 41 | position: relative; 42 | left: 400px; 43 | top: 30px; 44 | 45 | } 46 | /* section Second */ 47 | .contanier2{ 48 | display: inline-block; 49 | display: flex; 50 | justify-content: space-between; 51 | 52 | } 53 | .circle{ 54 | width: 500px; 55 | height: 500px; 56 | border-radius: 50%; 57 | border: 10px solid gray; 58 | background-color: aqua; 59 | align-items: center; 60 | text-align: center; 61 | margin-top: 200px; 62 | margin-left: 100px; 63 | } 64 | .circle-content{ 65 | font-size: 25px; 66 | padding: 10px; 67 | margin-top: 100px; 68 | line-height: 60px; 69 | font-style: italic; 70 | font-weight: 900; 71 | } 72 | .form{ 73 | border: 10px dashed red; 74 | align-items: center; 75 | text-align: center; 76 | color: rgb(234, 97, 97); 77 | margin-right: 100px; 78 | margin-top: 100px; 79 | height: 700px; 80 | } 81 | .form h1{ 82 | margin: 20px 0; 83 | } 84 | .form-content input{ 85 | padding: 5px; 86 | } 87 | 88 | /* Menu Section */ 89 | 90 | .menu{ 91 | border: 10px solid red; 92 | width: 500px; 93 | height: 80px; 94 | background: black; 95 | border-radius: 50px; 96 | position: relative; 97 | left: 400px; 98 | margin: 50px 0; 99 | color: white; 100 | padding: 10px; 101 | text-align: center; 102 | font-size: 20px; 103 | 104 | } 105 | /* Layer style */ 106 | .container3{ 107 | display: flex; 108 | flex-wrap: wrap; 109 | gap: 50px; 110 | justify-content: space-evenly; 111 | margin-top: 50px; 112 | 113 | 114 | 115 | 116 | } 117 | .layer{ 118 | border: 5px solid green; 119 | background-color: aqua; 120 | width: 350px; 121 | height: 350px; 122 | border-radius: 50px; 123 | color: blue; 124 | 125 | 126 | } 127 | .layer-conent h3{ 128 | /* padding: 10px; */ 129 | font-size: 40px; 130 | text-align: center; 131 | margin: 20px 0; 132 | 133 | } 134 | .layer-conent ul{ 135 | padding: 20px; 136 | font-size: 25px; 137 | margin-left: 30px; 138 | } 139 | .Large-layer{ 140 | height: 400px; 141 | } 142 | .footer{ 143 | height: 90px; 144 | background-color: white; 145 | margin-top: 80px; 146 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 |
13 |
14 |

Welcome to Dhaba punjabi
15 | you Will get quality food

16 |
17 |
18 |

Home Menu review contact us

19 |
20 |
21 | Email:store@gmail.com
22 | If you find any complain
23 | contact on- 94566***** 24 |
25 |
26 | 27 | 28 |
29 |
30 |
31 |

EXICITING OFFERS

32 |
33 |

**GET OUR SPECIAL THALI FOR

34 |

ONLY RS-100 ONLY ON MONDAY**

35 |
36 |

PLZ RATE US OUT OF 5

37 |
38 |
39 | 40 | 41 |
42 |

PLEASE REGISTER HERE

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 |

Menu

97 |
98 |
99 |
100 | 101 | 102 |
103 |
104 |
105 |

Starters

106 |
107 |
    108 |
  • Panner Tikka
    • 109 |
  • Tomato Soup
    • 110 |
  • Afghani Chaap
    • 111 |
  • Veg Raita
    • 112 |
  • Gol gappa
    • 113 |
  • Tikki
    • 114 |
  • Fried Rice
    • 115 |
116 |
117 |
118 |
119 |
120 |

South Indian

121 |
122 |
    123 |
  • Masala Dosa
    • 124 |
  • Idli Sambaer
    • 125 |
  • MIX veg.Uttapam
    • 126 |
  • Onion Dosa
    • 127 |
  • vada Sambhar
    • 128 |
  • Paper Plain Dosa
    • 129 |
  • Tomato Uttampam
    • 130 |
131 |
132 |
133 | 134 |
135 |
136 |

Indian Kitchen

137 |
138 |
    139 |
  • Shahi Panner
    • 140 |
  • Kadhai Panner
    • 141 |
  • Aloo Ghobi
    • 142 |
  • Dal Makhani
    • 143 |
  • Poori sabji
    • 144 |
  • Malai Kofta
    • 145 |
  • Stuff capsicum
    • 146 |
147 |
148 |
149 | 150 |
151 |
152 |

Rice & Salad

153 |
154 |
    155 |
  • Plain rice
    • 156 |
  • Jeera rice
    • 157 |
  • Fried rice
    • 158 |
  • veg.pulao
    • 159 |
  • veg biryani
    • 160 |
  • Cheese Fried rice
    • 161 |
  • Masala salad
    • 162 |
163 |
164 |
165 | 166 |
167 |
168 |

Tandoori Bread

169 |
170 |
    171 |
  • Butter Roti
    • 172 |
  • Missi Roti
    • 173 |
  • Onion Paratha
    • 174 |
  • lacha Paratha
    • 175 |
  • Butter naan
    • 176 |
  • Panner paratha
    • 177 |
  • Stuff paratha
    • 178 |
179 |
180 |
181 | 182 |
183 |
184 |

Bevereges and Other

185 |
186 |
    187 |
  • cold coffee
    • 188 |
  • colddrinks
    • 189 |
  • Badam Milk
    • 190 |
  • mineral water
    • 191 |
  • Ice cream
    • 192 |
  • Cake
    • 193 |
  • Gajar Halwa
    • 194 |
195 |
196 |
197 |
198 | 199 | 200 | 201 | --------------------------------------------------------------------------------