-
Notifications
You must be signed in to change notification settings - Fork 0
/
previouswork.html
136 lines (120 loc) · 3.16 KB
/
previouswork.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>previous work</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
overflow-x: hidden;
scroll-behavior: smooth;
}
nav{
margin-top:20px;
margin-left: 7.5%;
}
nav a {
text-decoration: none;
text-align: center;
background-color: lightsalmon;
color: #333;
font-weight: bold;
padding: 10px 20px;
border-radius: 5px;
transition: background-color 0.3s ease, color 0.3s ease;
}
nav a:hover {
background-color: #ff5722;
color: #fff;
}
.section {
display: flex;
justify-content: space-around;
align-items: center;
min-height: 100vh;
padding: 50px;
background-color: #f4f7fa;
color: #333;
transition: background-color 0.5s;
}
.content {
max-width: 500px;
}
h1 {
font-size: 3em;
margin-bottom: 0.5em;
}
p {
font-size: 1.2em;
margin-bottom: 1em;
}
.illustration img {
max-width: 700px;
height: auto;
}
#summer-cohort {
background-color: #f0f8ff;
}
#winter-cohort {
background-color: #e6e6fa;
}
#hackathon-throwback {
background-color: #ffe4e1;
}
footer {
text-align: center;
padding: 20px 0;
background-color: #333;
color: #fff;
}
</style>
</head>
<body>
<header>
<nav>
<a href="./index.html">Home</a></li>
</nav>
</header>
<section class="section" id="summer-cohort">
<div class="content">
<h1>Summer Cohort</h1>
<p>Empowering Innovators, Shaping the Future</p>
<p>The Summer Cohort cultivated a dynamic environment where creativity met technology,
resulting in groundbreaking projects that pushed the boundaries of coding.</p>
</div>
<div class="illustration">
<img src="./assets/ai-generated-8702864_1280.png" alt="Summer Cohort Illustration">
</div>
</section>
<section class="section" id="winter-cohort">
<div class="content">
<h1>Winter Cohort</h1>
<p>Fostering Collaboration, Driving Excellence</p>
<p>The Winter Cohort united talented individuals,
sparking meaningful collaborations that led to
significant advancements in software development.
</p>
</div>
<div class="illustration">
<img src="./assets/8576717.jpg" alt="Winter Cohort Illustration">
</div>
</section>
<section class="section" id="hackathon-throwback">
<div class="content">
<h1>competitions conducted</h1>
<p>Challenging Minds, Igniting Innovation</p>
<p>Our past hackathons set the stage for innovation,
where participants solved complex problems and showcased their exceptional coding skills.</p>
</div>
<div class="illustration">
<img src="./assets/10693998.jpg" alt="Hackathon Illustration">
</div>
</section>
<footer>
<p>© 2024 The mentorship Club. All Rights Reserved.</p>
</footer>
</body>
</html>