Skip to content

Commit 32a4772

Browse files
urgetolearnurgetolearn
committed
NITK - SOC
0 parents  commit 32a4772

File tree

1,733 files changed

+278107
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

1,733 files changed

+278107
-0
lines changed

‎assets/apply.css

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
body{
2+
font-size: large;
3+
4+
}
5+
.mentor-container{
6+
margin: 20px;
7+
background-color:black;
8+
color: white;
9+
padding: 20px;
10+
font-size: large;
11+
}
12+
p{
13+
margin: 20px;
14+
}
15+
h2{
16+
text-align: center;
17+
}
18+
19+
label{
20+
margin-left:1px;
21+
22+
}
23+
input{
24+
border-radius: 6px;
25+
margin-bottom: 8px;
26+
margin-top: 8px;
27+
font-size: medium;
28+
}
29+
input:hover{
30+
border-color: orangered;
31+
cursor: pointer;
32+
}
33+
textarea{
34+
border-radius: 12px;
35+
margin-bottom: 8px;
36+
margin-top: 8px;
37+
font-size: medium;
38+
}
39+
textarea:hover{
40+
border-color: orangered;
41+
cursor: pointer;
42+
}
43+
.submit{
44+
padding: 7px;
45+
border-radius: 15px;
46+
padding-left: 40px;
47+
padding-right: 40px;
48+
font-size: large;
49+
}
50+
.submit:hover{
51+
background-color: darkgrey;
52+
transition: all 0.3ms ease-in-out;
53+
54+
}
55+
.mentee-container{
56+
57+
margin: 20px;
58+
background-color:black;
59+
color: white;
60+
padding: 20px;
61+
font-size: large;
62+
63+
}
64+
.mentee-container a{
65+
color: aqua;
66+
text-decoration: none;
67+
}

‎assets/home.css

Lines changed: 177 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,177 @@
1+
.home {
2+
display: flex;
3+
align-items: center;
4+
justify-content: center;
5+
font-size: clamp(2.5rem, (5vw +0.5rem), 4rem);
6+
text-align: center;
7+
min-height: calc(100vh - 50px);
8+
margin-top: -60px;
9+
background-image: url(/media/img.jpg);
10+
background-position: bottom;
11+
background-repeat: no-repeat;
12+
background-size: cover;
13+
background-blend-mode: lighten;
14+
}
15+
.home a {
16+
display: inline-block;
17+
font-size: 16px;
18+
padding: 15px;
19+
20+
background-color: rgba(0, 0, 0, 1);
21+
22+
color: whitesmoke;
23+
text-decoration: none;
24+
border-radius: 999px;
25+
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
26+
transition: all 0.3s ease-in-out;
27+
font-weight: 800;
28+
}
29+
.home a:hover {
30+
transform: translateY(-5px);
31+
/* box-shadow: 0px 8px 20px rgba(68, 68, 70, 0.849); */
32+
box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24),
33+
0 17px 50px 0 rgba(0, 0, 0, 0.19);
34+
}
35+
.home p {
36+
font-weight: 700;
37+
color: black;
38+
}
39+
.mentor {
40+
margin-bottom: 2px;
41+
}
42+
.mentor a {
43+
text-decoration: none;
44+
color: white;
45+
border-radius: 20px;
46+
}
47+
.mentor a:hover {
48+
color: black;
49+
opacity: 0.5;
50+
51+
transition: all 0.3ms ease-in-out;
52+
}
53+
54+
li {
55+
margin: 0 3em;
56+
}
57+
58+
img {
59+
overflow-clip-margin: content-box;
60+
overflow: clip;
61+
}
62+
* {
63+
margin: 0;
64+
padding: 0;
65+
box-sizing: border-box;
66+
}
67+
.footer-container {
68+
display: flex;
69+
background: #333;
70+
justify-content: flex-end;
71+
align-items: flex-end;
72+
margin-top: 30px;
73+
}
74+
75+
.footer {
76+
position: relative;
77+
width: 100%;
78+
background: black;
79+
min-height: 0px;
80+
padding: 20px 50px;
81+
display: flex;
82+
justify-content: center;
83+
align-items: center;
84+
flex-direction: column;
85+
}
86+
87+
.social-icon,
88+
.menu {
89+
position: relative;
90+
display: flex;
91+
justify-content: center;
92+
align-items: center;
93+
margin: 10px 0;
94+
flex-wrap: wrap;
95+
}
96+
97+
.menu__item {
98+
list-style: none;
99+
display: contents;
100+
}
101+
102+
.menu__link {
103+
font-size: 1.2rem;
104+
color: #fff;
105+
margin: 0 10px;
106+
display: inline-block;
107+
transition: 0.5s;
108+
text-decoration: none;
109+
opacity: 0.75;
110+
font-weight: 300;
111+
}
112+
113+
.menu__link:hover {
114+
opacity: 1;
115+
transform: scale(1.1);
116+
}
117+
118+
.footer p {
119+
color: #fff;
120+
margin: 15px 0 10px 0;
121+
font-size: 1rem;
122+
font-weight: 300;
123+
}
124+
.footer a {
125+
color: white;
126+
text-decoration: none;
127+
}
128+
.faq{
129+
background-color: black;
130+
margin-top: 40px;
131+
padding: 20px;
132+
margin-left: 20px;
133+
margin-right: 20px;
134+
border-radius: 20px;
135+
}
136+
.layout {
137+
width: 600px;
138+
margin: auto;
139+
}
140+
141+
.accordion {
142+
padding: 10px;
143+
margin-top: 10px;
144+
margin-bottom: 10px;
145+
background: white;
146+
border-radius: 10px;
147+
}
148+
149+
.accordion__question p {
150+
margin: 5px;
151+
padding: 0;
152+
font-family: Verdana;
153+
font-size: 20px;
154+
}
155+
156+
.accordion__answer p {
157+
margin: 5px;
158+
padding: 10px;
159+
font-size: large;
160+
font-family: Verdana, Geneva, Tahoma, sans-serif;
161+
color: rgb(255, 255, 255);
162+
background: black;
163+
border-radius: 10px;
164+
}
165+
166+
.accordion:hover {
167+
cursor: pointer;
168+
}
169+
170+
.accordion__answer {
171+
display: none;
172+
}
173+
174+
.accordion.active .accordion__answer {
175+
display: block;
176+
transition: all 0.3ms ease-in-out;
177+
}

‎assets/projects.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
.card{
2+
margin-top: 100px;
3+
margin-left: 50px;
4+
}
5+
.card a{
6+
text-decoration: none;
7+
}
8+
.card a:hover{
9+
color: black;
10+
11+
}

‎assets/timeline.css

Lines changed: 138 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,138 @@
1+
.timeline {
2+
position: relative;
3+
max-width: 1000px;
4+
margin: 0 auto;
5+
font-size: 12px;
6+
}
7+
8+
.timeline_content{
9+
box-shadow: 0 5px 50px 0 rgba(0,0,0,0.19);
10+
}
11+
12+
.timeline_content h2{
13+
margin-bottom: 10px;
14+
}
15+
16+
/* The actual timeline (the vertical ruler) */
17+
.timeline::after {
18+
content: "";
19+
position: absolute;
20+
width: 6px;
21+
background-color: rgb(230, 106, 11);
22+
top: 18px;
23+
bottom: -18px;
24+
left: 50%;
25+
margin-left: -3px;
26+
}
27+
28+
.timeline:last-child::after{
29+
content: "";
30+
height: 0;
31+
}
32+
33+
/* Container around content */
34+
.timeline_container {
35+
padding: 10px 40px;
36+
position: relative;
37+
background-color: inherit;
38+
width: 50%;
39+
}
40+
41+
/* The circles on the timeline */
42+
.timeline_container::after {
43+
content: "";
44+
position: absolute;
45+
width: 25px;
46+
height: 25px;
47+
right: -13px;
48+
background-color: rgb(235, 247, 7);
49+
border: 4px solid orangered;
50+
top: 15px;
51+
border-radius: 50%;
52+
z-index: 1;
53+
}
54+
55+
/* Place the container to the left */
56+
.timeline .left {
57+
left: 0;
58+
}
59+
60+
/* Place the container to the right */
61+
.timeline .right {
62+
left: 50%;
63+
}
64+
65+
/* Add arrows to the left container (pointing right) */
66+
.timeline .left::before {
67+
content: " ";
68+
height: 0;
69+
position: absolute;
70+
top: 22px;
71+
width: 0;
72+
z-index: 1;
73+
right: 30px;
74+
border: medium solid #f7f7f7;
75+
border-width: 10px 0 10px 10px;
76+
border-color: transparent transparent transparent #f7f7f7;
77+
}
78+
79+
/* Add arrows to the right container (pointing left) */
80+
.timeline .right::before {
81+
content: " ";
82+
height: 0;
83+
position: absolute;
84+
top: 22px;
85+
width: 0;
86+
z-index: 1;
87+
left: 30px;
88+
border: medium solid #f7f7f7;
89+
border-width: 10px 10px 10px 0;
90+
border-color: transparent #f7f7f7 transparent transparent;
91+
}
92+
93+
/* Fix the circle for containers on the right side */
94+
.timeline .right::after {
95+
left: -13px;
96+
}
97+
98+
/* The actual content */
99+
.timeline_content {
100+
padding: 20px 30px;
101+
background-color: #f7f7f7;
102+
position: relative;
103+
border-radius: 6px;
104+
}
105+
106+
/* Media queries - Responsive timeline on screens less than 600px wide */
107+
@media screen and (max-width: 600px) {
108+
/* Place the timelime to the left */
109+
.timeline::after {
110+
left: 31px;
111+
}
112+
113+
/* Full-width containers */
114+
.timeline_container {
115+
width: 100%;
116+
padding-left: 70px;
117+
padding-right: 25px;
118+
}
119+
120+
/* Make sure that all arrows are pointing leftwards */
121+
.timeline .left::before, .timeline .right::before {
122+
left: 60px;
123+
border: medium solid #f7f7f7;
124+
border-width: 10px 10px 10px 0;
125+
border-color: transparent #f7f7f7 transparent transparent;
126+
}
127+
128+
/* Make sure all circles are at the same spot */
129+
.timeline .left::after,
130+
.timeline .right::after {
131+
left: 18px;
132+
}
133+
134+
/* Make all right containers behave like the left ones */
135+
.timeline .right {
136+
left: 0%;
137+
}
138+
}

0 commit comments

Comments
 (0)