Skip to content

Commit 1970f22

Browse files
Kunjan-198Kunjan-198
committed
Ai ml layout changed 3
1 parent 19ef582 commit 1970f22

21 files changed

+2831
-939
lines changed

‎acs.css

+362
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,362 @@
1+
/* custom fonts */
2+
3+
@font-face {
4+
font-family: 'PlusJakartaSans';
5+
src: url('webfonts/PlusJakartaSans/PlusJakartaSans-Regular.woff2') format('woff2'),
6+
url('webfonts/PlusJakartaSans/PlusJakartaSans-Regular.woff') format('woff')
7+
url('webfonts/PlusJakartaSans/PlusJakartaSans-Regular.ttf') format('truetype');
8+
font-weight: normal;
9+
font-style: normal;
10+
}
11+
12+
@font-face {
13+
font-family: 'PlusJakartaSans';
14+
src: url('webfonts/PlusJakartaSans/PlusJakartaSans-Light.woff2') format('woff2'),
15+
url('webfonts/PlusJakartaSans/PlusJakartaSans-Light.woff') format('woff')
16+
url('webfonts/PlusJakartaSans/PlusJakartaSans-Light.ttf') format('truetype');
17+
font-weight: lighter;
18+
font-style: normal;
19+
}
20+
21+
@font-face {
22+
font-family: 'PlusJakartaSans';
23+
src: url('webfonts/PlusJakartaSans/PlusJakartaSans-Medium.woff2') format('woff2'),
24+
url('webfonts/PlusJakartaSans/PlusJakartaSans-Medium.woff') format('woff')
25+
url('webfonts/PlusJakartaSans/PlusJakartaSans-Medium.ttf') format('truetype');
26+
font-weight: 400;
27+
font-style: normal;
28+
}
29+
30+
@font-face {
31+
font-family: 'PlusJakartaSans';
32+
src: url('webfonts/PlusJakartaSans/PlusJakartaSans-Bold.woff2') format('woff2'),
33+
url('webfonts/PlusJakartaSans/PlusJakartaSans-Bold.woff') format('woff')
34+
url('webfonts/PlusJakartaSans/PlusJakartaSans-Bold.ttf') format('truetype');
35+
font-weight: bold;
36+
font-style: normal;
37+
}
38+
39+
@font-face {
40+
font-family: 'PlusJakartaSans';
41+
src: url('webfonts/PlusJakartaSans/PlusJakartaSans-ExtraBold.woff2') format('woff2'),
42+
url('webfonts/PlusJakartaSans/PlusJakartaSans-ExtraBold.woff') format('woff')
43+
url('webfonts/PlusJakartaSans/PlusJakartaSans-ExtraBold.ttf') format('truetype');
44+
font-weight: bolder;
45+
font-style: normal;
46+
}
47+
48+
49+
50+
51+
52+
/* start */
53+
54+
55+
56+
57+
58+
html
59+
{
60+
overflow-x: hidden;
61+
}
62+
.navbar-nav{
63+
/* font-family: Arial; */
64+
font-size: 20px;
65+
}
66+
67+
.navbar-light .navbar-nav .nav-link{
68+
color: rgb(200, 200, 200);
69+
}
70+
71+
.navbar-light .navbar-nav .nav-link:hover{
72+
color: white;
73+
}
74+
75+
.svnit_photo {
76+
/* height:100px; */
77+
width:150px;
78+
height: auto;
79+
margin-left: 10px;
80+
margin-top: 0px;
81+
margin-bottom: 0px;
82+
}
83+
84+
.v1 {
85+
height: 70px;
86+
border-left: 1px solid white;
87+
position: relative;
88+
top : 0;
89+
margin-left: 0%;
90+
}
91+
.v2 {
92+
height: 70px;
93+
border-left: 1px solid black;
94+
position: relative;
95+
top : 0;
96+
margin-left: 0%;
97+
}
98+
99+
.nit_photo{
100+
width:80px;
101+
height: auto;
102+
margin-left: 30px;
103+
margin-right: 10px;
104+
margin-top: 0px;
105+
margin-bottom: 0px;
106+
}
107+
108+
body
109+
{
110+
font-family: 'PlusJakartaSans', Helvetica, Arial, sans-serif;
111+
overflow-x: hidden;
112+
}
113+
114+
115+
116+
117+
118+
119+
120+
121+
122+
.main-div{
123+
width: 100%;
124+
height: 100vh;
125+
background-image: url('images/ACS/result.jpeg');
126+
background-size:contain;
127+
background-position:center;
128+
background-repeat: no-repeat;
129+
box-shadow: 0px -10vw 70vw 8vw rgb(0 0 0) inset, 0px 5vw 7vw 1vw rgb(0 0 0) inset;
130+
}
131+
132+
.ref-image{
133+
display: flex;
134+
justify-content: center;
135+
}
136+
137+
.ref-image .ref-title{
138+
bottom: 0;
139+
position: absolute;
140+
text-align: center;
141+
color: #fff;
142+
text-shadow: 0 0 30px black;
143+
}
144+
145+
.ref-image .ref-title h3{
146+
font-weight: bold;
147+
letter-spacing: 0.7vw;
148+
font-size: 3vw;
149+
padding-bottom: 4vw;
150+
}
151+
152+
.ref-image .ref-title h1{
153+
font-weight: bolder;
154+
letter-spacing: 0.5vw;
155+
font-size: 5vw;
156+
padding-bottom: 0;
157+
}
158+
159+
.ref-aim{
160+
text-align: center;
161+
padding: 3vw 10%;
162+
}
163+
164+
.ref-aim h1{
165+
font-size: 50px;
166+
font-weight: bolder;
167+
padding-bottom: 25px;
168+
letter-spacing: 0.2em;
169+
}
170+
171+
.ref-aim p{
172+
font-size: 22px;
173+
text-align: justify;
174+
}
175+
.ref-aim ul{
176+
font-size: 22px;
177+
text-align: justify;
178+
}
179+
180+
.image{
181+
display: flex;
182+
height: 28vw;
183+
justify-content: center;
184+
}
185+
186+
187+
188+
189+
190+
191+
192+
193+
@media (max-width:640px){
194+
.v1 {
195+
height: 50px;
196+
}
197+
.v2 {
198+
height: 50px;
199+
}
200+
201+
.nit_photo{
202+
width:50px;
203+
height: auto;
204+
margin-left: 7px;
205+
margin-right: 3px;
206+
margin-top: 0px;
207+
margin-bottom: 0px;
208+
}
209+
/*
210+
.main-div{
211+
width: 100%;
212+
height: auto;
213+
background-image: none;
214+
background-color: darkgray;
215+
} */
216+
.main-div{
217+
background-image: url('images/ACS/result.jpeg');
218+
height: 130vw;
219+
/* background-position: bottom;
220+
box-shadow: 0px 1vw 70vw 1vw rgb(0 0 0) inset, 0px 1vw 5vw 1vw rgb(0 0 0) inset; */
221+
}
222+
/* .ref-image{
223+
height: 45vh;
224+
background-image: url(images/envision/roverlink.jpg);
225+
background-size: cover;
226+
background-position: center;
227+
background-attachment: scroll;
228+
background-repeat: no-repeat;
229+
box-shadow: 0px -50px 100px 20px rgba(0, 0, 0, 0.9) inset, 0px 10px 50px 10px rgba(0, 0, 0, 0.4) inset;
230+
display: flex;
231+
justify-content: center;
232+
} */
233+
234+
/* .ref-image .ref-title{
235+
top: 25vh;
236+
position: relative;
237+
text-align: center;
238+
color: #fff;
239+
text-shadow: 0 0 30px black;
240+
}
241+
242+
.ref-image .ref-title h3{
243+
font-weight: bold;
244+
letter-spacing: 5px;
245+
font-size: 21px;
246+
padding-bottom: 20px;
247+
}
248+
249+
.ref-image .ref-title h1{
250+
font-weight: bolder;
251+
letter-spacing: 7px;
252+
font-size: 50px;
253+
} */
254+
.ref-image .ref-title{
255+
padding-bottom: 17VW;
256+
}
257+
.ref-aim h1{
258+
font-size: 30px;
259+
}
260+
261+
.ref-aim p{
262+
font-size: 15px;
263+
text-align: justify;
264+
}
265+
.ref-aim ul{
266+
font-size: 15px;
267+
text-align: justify;
268+
}
269+
.image{
270+
justify-content: center;
271+
height: 40vw;
272+
}
273+
274+
275+
/* -------------------------------------------------------------------------------------------------------------- */
276+
}
277+
278+
279+
280+
281+
282+
283+
@media(max-width:978px)
284+
{
285+
.hello
286+
{
287+
padding-top: 50px;
288+
}
289+
}
290+
291+
@media (max-width: 600.98px) {
292+
.con{
293+
border:2px solid transparent;
294+
padding-left: 20px;
295+
padding-right: 10px;
296+
}
297+
.svnit_photo {
298+
margin-left: 0%;
299+
/* height: 75px; */
300+
width: 130px;
301+
height: auto;
302+
}
303+
.hello1{
304+
height: 250px;
305+
}
306+
307+
.hello2{
308+
height: 250px;
309+
}
310+
311+
.hello3{
312+
height: 250px;
313+
}
314+
.about_us_content
315+
{
316+
font-weight: 400;
317+
}
318+
.pad_data
319+
{
320+
font-weight: 400;
321+
}
322+
}
323+
.dob .x
324+
{
325+
color:white;
326+
padding-top:30px;
327+
}
328+
@media(max-width:800px)
329+
{
330+
.dob .x{
331+
padding-top:4px;
332+
}
333+
}
334+
.dob
335+
{
336+
padding-left: 50px;
337+
padding-top: 50px;
338+
padding-right: 50px;
339+
}
340+
@media(max-width:460px)
341+
{
342+
.dob
343+
{
344+
padding-right: 0px;
345+
padding-left:0px;
346+
}
347+
.main-div{
348+
background-position: bottom;
349+
box-shadow: 0px 1vw 70vw 1vw rgb(0 0 0) inset, 0px 1vw 5vw 1vw rgb(0 0 0) inset;
350+
}
351+
.ref-image .ref-title{
352+
position: relative;
353+
top: 10px;
354+
}
355+
}
356+
@media(max-width:978px)
357+
{
358+
.ifr
359+
{
360+
padding-top: 80px;
361+
}
362+
}

0 commit comments

Comments
 (0)