Skip to content

Commit fca83ee

Browse files
coder024coder024
committed
finally
0 parents  commit fca83ee

17 files changed

+452
-0
lines changed

‎Asian_Games.png

11.5 KB
Loading

‎F1.png

2 KB
Loading

‎FIFA.png

1.88 KB
Loading

‎ICC.png

15.4 KB
Loading

‎S1.png

77.7 KB
Loading

‎Woly.png

7.01 KB
Loading

‎bg.jpg

457 KB
Loading

‎bg3.jpg

1.4 MB
Loading

‎contact.jpg

320 KB
Loading

‎css/phone.css

+60
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
/* Navigation */
2+
#navbar {
3+
flex-direction: column;
4+
}
5+
6+
#navbar ul li a{
7+
font-size: 1rem;
8+
padding: 0px 7px;
9+
padding-bottom: 8px;
10+
}
11+
/* Home section */
12+
#Home{
13+
height: 370px;
14+
padding: 3px 28px;
15+
}
16+
17+
#Home::before{
18+
height: 480px;
19+
}
20+
21+
#Home p{
22+
font-size: 13px;
23+
}
24+
25+
/* Services section */
26+
#Services{
27+
flex-direction: column;
28+
}
29+
30+
#Services .box {
31+
padding: 14px;
32+
margin: 2px 0px;
33+
margin-bottom: 20px;
34+
}
35+
36+
/* Clients section */
37+
#Clients{
38+
flex-wrap: wrap;
39+
}
40+
41+
#Clients img{
42+
width: 66px;
43+
padding: 6px;
44+
height: auto;
45+
}
46+
47+
/* Contact us section */
48+
#Contact-box form{
49+
width:80%;
50+
}
51+
/* Footer */
52+
53+
/* Utility classes */
54+
.h-primary{
55+
font-size:26px;
56+
}
57+
.btn{
58+
font-size: 13px;
59+
padding: 4px 8px;
60+
}

‎css/style.css

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

0 commit comments

Comments
 (0)