Skip to content

Commit 48a3d4e

Browse files
RupeshChavan4003RupeshChavan4003
committed
data modified
1 parent 68e2f04 commit 48a3d4e

File tree

12 files changed

+2041
-0
lines changed

12 files changed

+2041
-0
lines changed

‎career.css

Lines changed: 145 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,145 @@
1+
#first {
2+
height: 400px;
3+
width: 100%;
4+
}
5+
.container {
6+
margin: 3%;
7+
position: relative;
8+
text-align: center;
9+
}
10+
.first-text {
11+
position: absolute;
12+
top: 60px;
13+
left: 25%;
14+
color: aliceblue;
15+
}
16+
.second-text {
17+
position: absolute;
18+
top: 250px;
19+
left: 45%;
20+
width: 200px;
21+
height: 60px;
22+
color: 72848b;
23+
font-weight: 1000;
24+
}
25+
h2 {
26+
font-weight: 500;
27+
font-size: 35px;
28+
}
29+
p {
30+
font-size: 18px;
31+
}
32+
#box {
33+
display: flex;
34+
background: fffaf6;
35+
}
36+
#box > img {
37+
height: 500px;
38+
width: 25%;
39+
}
40+
#box2 {
41+
display: flex;
42+
grid-template-columns: repeat(3, 1fr);
43+
grid-template-rows: repeat(2, 1fr);
44+
gap: 20px;
45+
}
46+
#box2 > div {
47+
display: grid;
48+
grid-template-columns: repeat(3, 1fr);
49+
grid-template-rows: repeat(2, 1fr);
50+
51+
gap: 20px;
52+
}
53+
#box2 ~ div {
54+
text-align: center;
55+
width: 5%;
56+
}
57+
#box2 > div > div {
58+
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
59+
}
60+
#box3 {
61+
display: grid;
62+
grid-template-columns: repeat(3, 1fr);
63+
grid-template-rows: repeat(2, 1fr);
64+
gap: 205px;
65+
margin-top: 70px;
66+
}
67+
#box3 > div {
68+
display: grid;
69+
grid-template-columns: repeat(3, 1fr);
70+
grid-template-rows: repeat(1, 1fr);
71+
72+
gap: 20px;
73+
}
74+
#box3 ~ div {
75+
text-align: center;
76+
width: 5%;
77+
}
78+
#box3 > div > div {
79+
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
80+
width: auto;
81+
width: 180px;
82+
}
83+
/* transform: scale(1.1);
84+
z-index: 1;
85+
transition: cubic-bezier(0.075, 0.82, 0.165, 1);
86+
87+
}
88+
#box3 > div > div:hover
89+
{
90+
height: 200px;
91+
} */
92+
93+
94+
#box4 {
95+
display: grid;
96+
grid-template-columns: repeat(3, 1fr);
97+
grid-template-rows: repeat(2, 1fr);
98+
gap: 205px;
99+
margin-top: -200px;
100+
}
101+
#box4 > div {
102+
display: grid;
103+
grid-template-columns: repeat(3, 1fr);
104+
grid-template-rows: repeat(1, 1fr);
105+
106+
gap: 20px;
107+
}
108+
#box4 ~ div {
109+
text-align: center;
110+
width: 5%;
111+
}
112+
#box4 > div > div {
113+
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
114+
width: auto;
115+
width: 180px;
116+
}
117+
.container1{
118+
height: 400px;
119+
width: 100%;
120+
background: #4f4443;
121+
margin-top: -300px;
122+
}
123+
.top-left{
124+
padding-top: 20px;
125+
padding-left: 10px;
126+
}
127+
.top-right{
128+
padding-left: 750px;
129+
margin-top: -205px;
130+
margin-bottom: 10px;
131+
132+
}
133+
#btn1{
134+
border: 1 px solid goldenrod;
135+
color: goldenrod;
136+
background-color: #4f4443;
137+
margin-bottom: -50px;
138+
}
139+
#ss{
140+
height: 450px;
141+
width: 100%;
142+
}
143+
.top-left{
144+
width: 50%;
145+
}

0 commit comments

Comments
 (0)