-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
177 lines (166 loc) · 8.6 KB
/
index.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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>the mentorship club</title>
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=SUSE:[email protected]&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about-us">About Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="./previouswork.html" target="_blank">our previous work</a></li>
<li><a href="./announcement.html" target="_blank">announcement</a></li>
<li><a href="#team">Meet our mentors</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</nav>
</header>
<section id="home">
<h1>Welcome to the mentorship club</h1>
<p>Mentorship That Matters</p>
</section>
<section id="services">
<h2>What we provide</h2>
<div class="services-container">
<div class="service-card">
<div class="service-icon"><img src="./assets/programs-icon.png" alt="Programs Icon"></div>
<h3>mentorship cohorts</h3>
<p>Join a community of like-minded peers in our structured mentorship cohorts. Each cohort brings together individuals
with similar goals and aspirations, guided by experienced mentors. </p>
</div>
<div class="service-card">
<div class="service-icon"><img src="./assets/results-icon.png" alt="Results Icon"></div>
<h3>hackathons and ideathons</h3>
<p>Unleash your creativity and problem-solving skills by participating in real-time challenges and building projects</p>
</div>
<div class="service-card">
<div class="service-icon"><img src="./assets/coaching-icon.png" alt="Coaching Icon"></div>
<h3>coding contests</h3>
<p>Challenge yourself and enhance your coding skills through exciting coding contests with the fellow participants
with dynamic leaderboard to promote peer led learning
</p>
</div>
<div class="service-card">
<div class="service-icon"><img src="./assets/events-icon.png" alt="Events Icon"></div>
<h3>learning sessions</h3>
<p>Elevate your skills and knowledge through our engaging learning sessions.topics from foundational concepts to advanced techniques</p>
</div>
</div>
</section>
<section id="team">
<h2>Meet our mentors</h2>
<div class="team-container">
<div class="team-member">
<img src="./assets/Screenshot 2024-09-01 153950.png" alt="Alex Smith">
<h3>Alexer Smith</h3>
<p>AR/VR/MR/XR mentor</p>
<p>expertise in Unity, Unreal Engine, and C#. Skilled in OpenXR and 3D modeling tools like Blender.
Focused on immersive technologies and interactive environments.</p>
<div class="social-icons">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="team-member">
<img src="./assets/Screenshot 2024-09-01 153904.png" alt="May Brown">
<h3>May Brown</h3>
<p>data structures & CP mentor</p>
<p>proficiency in C++, Python, and algorithms. Experienced in competitive programming and problem-solving techniques.
Specializes in optimizing code performance.</p>
<div class="social-icons">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="team-member">
<img src="./assets/Screenshot 2024-09-01 153757.png" alt="Ann Richmond">
<h3>Ann Richmond</h3>
<p>Blockchain mentor</p>
<p>Blockchain mentor specializing in Ethereum, Solidity, and smart contracts. Proficient in decentralized applications
(dApps) and Web3 technologies.
Knowledgeable in DeFi and NFTs.</p>
<div class="social-icons">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="team-member">
<img src="./assets/Screenshot 2024-09-01 153732.png" alt="Roxie Swanson">
<h3>Roxie Swanson</h3>
<p>Full stack mentor</p>
<p>skills in JavaScript, Node.js, and React. Experienced in MongoDB, Express.js, and RESTful APIs.
Focused on scalable and maintainable web applications.</p>
<div class="social-icons">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="team-member">
<img src="./assets/Screenshot 2024-09-01 155413.png" alt="Jenny swiss">
<h3>Jenny swiss</h3>
<p>artificial intelligence mentor</p>
<p>expertise in Python, TensorFlow, and PyTorch. Specializes in machine learning, deep learning, and NLP.
Focused on practical AI solutions.</p>
<div class="social-icons">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="team-member">
<img src="./assets/Screenshot 2024-09-01 155322.png" alt="Louisana willow">
<h3>Louisana willow</h3>
<p>General advisor</p>
<p>General advisor with skills in project management, business strategy, and team leadership.
Experienced in cross-disciplinary collaboration and risk management. Focused on organizational growth.</p>
<div class="social-icons">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</section>
<section id="about-us">
<h2>About Us</h2>
<h3>Venus Chaudhary - the founder & Core Developer </h3>
<div class="about-us-container">
<img src="./assets/profile.png" alt="profile">
<p> The Core developer of the Mentorship Club website , with a flair for HTML, CSS, and intuitive design.
A creative problem-solver with a love for adventure, thrives on new challenges.
Known for their strong leadership and initiatives taking spirit,
always seeking to blend their love for the outdoors with their passion for
crafting beautiful and user-friendly digital experiences.</p>
</div>
</section>
<section id="contact">
<h2>Contact Us</h2>
<div class="contact-container">
<h3>We've been waiting for you.</h3>
<p>We want to hear from you. Let us know how we can help.</p>
<form class="contact-form">
<input type="text" placeholder="Enter your name" required>
<input type="email" placeholder="Enter your email" required>
<input type="text" placeholder="Business name">
<input type="tel" placeholder="Phone number">
<button type="submit">Submit</button>
</form>
</div>
</section>
<footer>
<p>© 2024 The mentorship Club. All Rights Reserved.</p>
</footer>
</body>
</html>