Hugging Face's logo

Spaces:
JAYASWAROOP
/
FinalUI
Running

App Files Community
JAYASWAROOP commited on
Commit
65277fe
·
1 Parent(s): 7beeae6

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +256 -21
style.css CHANGED
@@ -1,28 +1,263 @@
1
- body {
2
- padding: 2rem;
3
- font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
4
- }
5
 
6
- h1 {
7
- font-size: 16px;
8
- margin-top: 0;
 
9
  }
10
-
11
- p {
12
- color: rgb(107, 114, 128);
13
- font-size: 15px;
14
- margin-bottom: 10px;
15
- margin-top: 5px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
16
  }
17
 
18
- .card {
19
- max-width: 620px;
20
- margin: 0 auto;
21
- padding: 16px;
22
- border: 1px solid lightgray;
23
- border-radius: 16px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
24
  }
25
 
26
- .card p:last-child {
27
- margin-bottom: 0;
 
 
 
28
  }
 
 
 
 
 
 
 
 
 
 
1
+ @import url("https://fonts.googleapis.com/css2?family=Bree+Serif&family=Caveat:wght@400;700&family=Lobster&family=Monoton&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display+SC:ital,wght@0,400;0,700;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,700;1,700&family=Work+Sans:ital,wght@0,400;0,700;1,700&display=swap");
 
 
 
2
 
3
+ .food-munch-logo {
4
+ width: 80px;
5
+ height: 70px;
6
+ border-radius: 50%;
7
  }
8
+ #navItem1 {
9
+ color: #323f4b;
10
+ font-family: "Roboto";
11
+ }
12
+ #navItem2 {
13
+ color: #323f4b;
14
+ font-family: "Roboto";
15
+ }
16
+ #navItem3 {
17
+ color: #323f4b;
18
+ font-family: "Roboto";
19
+ }
20
+ #navItem4 {
21
+ color: #323f4b;
22
+ font-family: "Roboto";
23
+ }
24
+ .banner-section-bg-container {
25
+ background-image: url("img4.jpg");
26
+ height: 100vh;
27
+ background-size: cover;
28
+ background-size: cover;
29
+ background-repeat: no-repeat;
30
+ background-position: center;
31
+
32
+ }
33
+ .bot{
34
+
35
+ margin-left: auto;
36
+ margin-right: auto;
37
+ }
38
+ .banner-heading {
39
+ color: white;
40
+ font-family: "Roboto";
41
+ font-size: 45px;
42
+ font-weight: bold;
43
+ }
44
+ .banner-caption {
45
+ color: white;
46
+ font-family: "Roboto";
47
+ font-size: 24px;
48
+ font-weight: 500;
49
+ }
50
+ .custom-button {
51
+ color: white;
52
+ background-image: linear-gradient(#d0b200, #a58d00);
53
+ width: 130px;
54
+ height: 45px;
55
+ border-width: 0;
56
+ border-radius: 8px;
57
+ margin-right: 10px;
58
+ }
59
+ .custom-outline-button {
60
+ color: white;
61
+ background-color: transparent;
62
+ width: 130px;
63
+ height: 45px;
64
+ border-style: solid;
65
+ border-width: 1px;
66
+ border-color: #d0b200;
67
+ border-radius: 8px;
68
+
69
+ }
70
+ .wcu-section {
71
+ background-color: #f9fbfe;
72
+ }
73
+ .wcu-section-heading {
74
+ color: #183b56;
75
+ font-family: "Roboto";
76
+ font-size: 28px;
77
+ font-weight: 700;
78
+ }
79
+ .wcu-section-description {
80
+ color: #5a7184;
81
+ font-family: "Roboto";
82
+ font-size: 16px;
83
+ }
84
+ .wcu-card {
85
+ text-align: center;
86
+ background-color: white;
87
+ border-style: solid;
88
+ border-width: 1px;
89
+ border-color: #e5eaf4;
90
+ border-radius: 16px;
91
+ }
92
+ .wcu-card-image {
93
+ width: 87px;
94
+ height: 90px;
95
+ }
96
+ .wcu-card-title {
97
+ color: #323f4b;
98
+ font-family: "Roboto";
99
+ font-size: 22px;
100
+ font-weight: 500;
101
+ }
102
+ .wcu-card-description {
103
+ color: #7b8794;
104
+ font-family: "Roboto";
105
+ font-size: 16px;
106
  }
107
 
108
+ .offers {
109
+ color: #323f4b;
110
+ font-style: italic;
111
+ font-weight: 600;
112
+ }
113
+ .explore-menu-section {
114
+ background-color: white;
115
+ }
116
+ .menu-section-heading {
117
+ color: #183b56;
118
+ font-family: "Roboto";
119
+ font-size: 28px;
120
+ font-weight: 700;
121
+ }
122
+ .menu-item-image {
123
+ border-radius: 16px;
124
+ }
125
+ .menu-card-title {
126
+ color: #323f4b;
127
+ font-family: "Roboto";
128
+ font-size: 18px;
129
+ font-weight: 500;
130
+ margin-top: 24px;
131
+ }
132
+ .menu-item-link {
133
+ color: #d0b200;
134
+ font-family: "Roboto";
135
+ font-size: 14px;
136
+ font-weight: 500;
137
+ }
138
+ .menu-item-card {
139
+ border-radius: 16px;
140
+ }
141
+ .healthy-food-section {
142
+ background-color: #f9fbfe;
143
+ }
144
+ .healthy-food-section-img {
145
+ width: 270px;
146
+ border-radius: 5px;
147
+ }
148
+ .healthy-food-section-heading {
149
+ color: #183b56;
150
+ font-family: "Roboto";
151
+ font-size: 28px;
152
+ font-weight: 700;
153
+ }
154
+ .healthy-food-section-description {
155
+ color: #5a7184;
156
+ font-family: "Roboto";
157
+ font-size: 16px;
158
+ }
159
+ /*.delivery-and-payment-section {
160
+ background-color: white;
161
+ }
162
+ .delivery-and-payment-section-img {
163
+ width: 270px;
164
+ }
165
+ .delivery-and-payment-section-heading {
166
+ color: #183b56;
167
+ font-family: "Roboto";
168
+ font-size: 28px;
169
+ font-weight: 700;
170
+ }
171
+ .delivery-and-payment-section-description {
172
+ color: #5a7184;
173
+ font-family: "Roboto";
174
+ font-size: 16px;
175
+ }
176
+ .payment-card-img {
177
+ width: 50px;
178
+ height: 50px;
179
+ margin-right: 28px;
180
+ }
181
+ .thanking-customers-section {
182
+ background-image: radial-gradient(#fff8db, #fae38c);
183
+ }
184
+ .thanking-customers-section-heading {
185
+ color: #183b56;
186
+ font-family: "Roboto";
187
+ font-size: 28px;
188
+ font-weight: 700;
189
+ }
190
+ .thanking-customers-section-description {
191
+ color: #5a7184;
192
+ font-family: "Roboto";
193
+ font-size: 16px;
194
+ }
195
+ .thanking-customers-section-img {
196
+ width: 270px;
197
+ margin-bottom: 20px;
198
+ }
199
+ .thanking-customers-section-modal-title {
200
+ color: #d0b200;
201
+ font-weight: 800;
202
+ }*/
203
+ .follow-us-section {
204
+ background-color: white;
205
+ }
206
+ .follow-us-section-heading {
207
+ text-align: center;
208
+ color: #183b56;
209
+ font-family: "Roboto";
210
+ font-size: 28px;
211
+ font-weight: 700;
212
+ }
213
+ .follow-us-icon-container {
214
+ background-color: #faf7e8;
215
+ width: 80px;
216
+ height: 80px;
217
+ border-radius: 40px;
218
+ margin: 15px;
219
+ padding-top: 22px;
220
+ padding-bottom: 14px;
221
+ padding-right: 16px;
222
+ padding-left: 22px;
223
+ }
224
+ .icon {
225
+ color: #d0b200;
226
+ font-size: 35px;
227
+ }
228
+ .footer-section {
229
+ background-color: #0d2436;
230
+ }
231
+ .footer-section-mail-id {
232
+ color: #959ead;
233
+ font-family: "Roboto";
234
+ font-weight: bold;
235
+ font-size: 16px;
236
+ margin-top: 20px;
237
+ }
238
+ .footer-section-address {
239
+ color: #959ead;
240
+ font-family: "Roboto";
241
+ font-size: 14px;
242
+ }
243
+ .email-form {
244
+ margin-top: 10px;
245
+ display: flex;
246
+ flex-direction: column;
247
  }
248
 
249
+ .email-form input {
250
+ padding: 10px;
251
+ margin-bottom: 10px;
252
+ border: 1px solid #ccc;
253
+ border-radius: 5px;
254
  }
255
+
256
+ .email-form button {
257
+ background-color: #ff6600;
258
+ color: #fff;
259
+ padding:10px;
260
+ border: none;
261
+ border-radius: 5px;
262
+ cursor: pointer;
263
+ }