Skip to content

Commit 78a9fc2

Browse files
Riddhi12349Riddhi12349
authored
Add files via upload (devvsakib#46)
1 parent 3d32ad9 commit 78a9fc2

File tree

18 files changed

+461
-0
lines changed

18 files changed

+461
-0
lines changed

‎A meal website/css/phone.css‎

Lines changed: 107 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
/* Nav */
2+
3+
#navbar{
4+
flex-direction: column;
5+
width:300vw;
6+
justify-content:center;
7+
}
8+
#navbar ul li a{
9+
font-size: 2.8rem;
10+
}
11+
#navbar::before{
12+
width :300vw;
13+
}
14+
button{
15+
16+
17+
width:260px;
18+
font-size: 2.2rem;
19+
padding: 4px;
20+
margin-top: 4px;
21+
border-radius :1.4rem;
22+
23+
}
24+
#home{
25+
width:230vw;
26+
font-size: 2.6rem;
27+
}
28+
#home::before{
29+
width:300vw;
30+
height: 900px;
31+
}
32+
/* Services section */
33+
34+
#services{
35+
flex-direction: column;
36+
align-items: center;
37+
margin-left: 40vw;
38+
}
39+
/* .h{
40+
display: block;
41+
margin-left:100vw;
42+
font-size: 3.2rem;
43+
} */
44+
.h{
45+
display:block;
46+
margin-top : 40%;
47+
/* text-align: center; */
48+
font-size: 32px;
49+
font-family: 'Baloo Bhai 2', cursive;
50+
margin-left: 120%;
51+
}
52+
.box{
53+
padding: 10px;
54+
55+
width: 200vw;
56+
margin: 20px;
57+
height: 100vh;
58+
}
59+
.box img{
60+
display:block;
61+
62+
width: 100vw;
63+
height: 70vh;
64+
margin:auto;
65+
padding:0px;
66+
}
67+
.box img .img1{
68+
height:60vh;
69+
}
70+
.srv{
71+
font-size: 3.2em;
72+
}
73+
.box p{
74+
font-size: 2.5em;
75+
}
76+
.h-primary {
77+
78+
margin-left:140vw;
79+
font-size: 3.2rem;
80+
}
81+
#contact::before{
82+
width: 300%;
83+
height: 64vh;
84+
background-color: rgb(148, 142, 142);
85+
}
86+
.contactDetails{
87+
width:280vw;
88+
89+
}
90+
91+
#contact label {
92+
display: block;
93+
margin-left : 104vw;
94+
}
95+
.center{
96+
text-align: center;
97+
padding: 10px;
98+
}
99+
100+
.sec {
101+
display: block;
102+
width: 120vw;
103+
margin-left: 90vw;
104+
}
105+
.footer{
106+
width:300%;
107+
}

‎A meal website/css/style1.css‎

Lines changed: 239 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,239 @@
1+
/* CSS Reset */
2+
*{
3+
margin : 0;
4+
padding : 0;
5+
}
6+
7+
html{
8+
scroll-behavior: smooth;
9+
}
10+
#navbar{
11+
display : flex;
12+
align-items: center;
13+
position: sticky;
14+
top:0px;
15+
16+
}
17+
#navbar::before{
18+
content : "";
19+
background-color: rgba(0, 0, 0, 0.689);
20+
position : absolute;
21+
top:0px;
22+
left:0px;
23+
height:100%;
24+
width :100%;
25+
26+
opacity : 0.7;
27+
z-index:-1;
28+
}
29+
30+
31+
32+
#navbar ul{
33+
display : flex;
34+
margin: 24px 0px;
35+
padding: 4px;
36+
}
37+
38+
#navbar ul li{
39+
list-style:none;
40+
41+
}
42+
#navbar ul li a{
43+
text-decoration: none;
44+
margin : 2px 2px;
45+
padding : 16px;
46+
color : white;
47+
font-family: 'Balthazar', serif;
48+
margin : 2px 2px;
49+
padding: 16px;
50+
padding-top: 6px;
51+
padding-bottom: 6px;
52+
font-size :1.1rem;
53+
display:block;
54+
}
55+
#navbar ul li a:hover{
56+
color: black;
57+
background-color: white;
58+
border-radius: 23px;
59+
margin : 2px 2px;
60+
padding: 16px;
61+
padding-top: 6px;
62+
padding-bottom: 6px;
63+
font-family: 'Balthazar', serif;
64+
font-size: 1.1rem;
65+
}
66+
#logo img{
67+
width : 70px;
68+
height :70px;
69+
margin : 0px 20px;
70+
}
71+
/* HOME STYLING */
72+
#home::before{
73+
content:"";
74+
background:url(../img/1.jpg) no-repeat center/cover;
75+
position : absolute;
76+
display: flex;
77+
top:0px;
78+
left:0px;
79+
height: 640px;
80+
width :100%;
81+
opacity : 0.7;
82+
z-index:-1;
83+
}
84+
#home{
85+
display : flex;
86+
flex-direction: column;
87+
color:white;
88+
justify-content:center;
89+
text-align :center;
90+
font-size:1.3rem;
91+
margin : 30px 40px;
92+
margin-bottom: 2px;
93+
padding: 44px;
94+
padding-bottom:0px;
95+
font-family: 'Baloo Bhai 2', cursive;
96+
height : 450px;
97+
98+
}
99+
button{
100+
display: block ;
101+
margin:auto;
102+
width:200px;
103+
font-size: 1.2rem;
104+
cursor:pointer;
105+
border-radius :1rem;
106+
background-color: rgba(172, 71, 71, 0.676);
107+
font-family: 'Baloo Bhai 2', cursive;
108+
}
109+
/* Services */
110+
#services {
111+
display:flex;
112+
flex-wrap: wrap;
113+
margin-top: 70px;
114+
}
115+
.box img{
116+
display: block;
117+
margin:auto;
118+
height : 160px;
119+
width : 200px;
120+
}
121+
.box{
122+
height : 280px;
123+
width : 400px;
124+
display:flex;
125+
flex-direction: column;
126+
margin:auto;
127+
border : 2px solid brown;
128+
margin : 15px;
129+
padding: 18px;
130+
border-radius: 1.2rem;
131+
text-align:center;
132+
justify-content: center;
133+
font-family: 'Baloo Bhai 2', cursive;
134+
background-color: rgb(242, 230, 214);
135+
}
136+
.box img .img1{
137+
width :400px;
138+
}
139+
#services{
140+
141+
max-width:100%;
142+
max-height:100%;
143+
display: flex;
144+
145+
justify-content: center;
146+
text-align: center;
147+
}
148+
.h{
149+
margin-top : 70px;
150+
text-align: center;
151+
font-size: 32px;
152+
font-family: 'Baloo Bhai 2', cursive;
153+
}
154+
/* utility classes */
155+
.h-primary{
156+
font-size: 2rem;
157+
font-family: 'Baloo Bhai 2', cursive;
158+
}
159+
.center{
160+
text-align: center;
161+
padding: 20px;
162+
}
163+
#clt img{
164+
height : 150px;
165+
width : 150px;
166+
margin : 26px;
167+
margin-bottom: 0px;
168+
padding:10px;
169+
170+
}
171+
.sec{
172+
display:flex;
173+
justify-content: center;
174+
text-align: center;
175+
176+
}
177+
#clt::before{
178+
content:"";
179+
background: url(../img/bg,jpg.jpg) no-repeat center/cover;
180+
position : absolute;
181+
182+
left:0px;
183+
max-height: 200px;
184+
max-width :100%;
185+
opacity : 0.4;
186+
z-index:-1;
187+
margin:0px;
188+
}
189+
.contact-box{
190+
display : flex;
191+
font-size: 1rem;
192+
font-family:'Baloo Bhai 2', cursive ;
193+
flex-direction: column;
194+
195+
}
196+
.contactDetails input{
197+
text-align:center;
198+
199+
margin: 8px ;
200+
padding: 6px;
201+
width: 550px;
202+
border-radius: 1.2rem;
203+
display:block;
204+
margin:auto;
205+
}
206+
textarea{
207+
display: block;
208+
margin: auto;
209+
}
210+
#contact::before{
211+
content: "";
212+
background: url(../img/ft1.jpg) no-repeat center center/cover;
213+
position: absolute;
214+
background-color: rgb(120, 116, 116);
215+
left:0px;
216+
height:56%;
217+
width:100%;
218+
opacity :0.4;
219+
z-index:-1;
220+
}
221+
.footer{
222+
background-color: black;
223+
height: 30px;
224+
width:100%;
225+
color:white;
226+
text-align: center;
227+
228+
}
229+
#contact label{
230+
display:block;
231+
margin: 0px 480px;
232+
233+
}
234+
.footer{
235+
display:block;
236+
position:relative;
237+
bottom:0px;
238+
left:0px;
239+
}

‎A meal website/img/1.jpg‎

233 KB
Loading

‎A meal website/img/2.jpg‎

69.2 KB
Loading

‎A meal website/img/3.jpg‎

96.5 KB
Loading

‎A meal website/img/4.jpg‎

90.2 KB
Loading

‎A meal website/img/404.jpg‎

1.48 MB
Loading

‎A meal website/img/6.jpg‎

87.8 KB
Loading

‎A meal website/img/bgg.jpg‎

36.1 KB
Loading

‎A meal website/img/ft1.jpg‎

72 KB
Loading

0 commit comments

Comments
 (0)