forked from Code-Social/official-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
mentorship.html
146 lines (138 loc) · 5.14 KB
/
mentorship.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Meet Our Mentors</title>
<!-- Link to Font Awesome for star icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="mentor.css">
</head>
<body>
<!-- Main Container -->
<div class="container">
<h1>Meet Our Mentors</h1>
<!-- Mentor Grid Section -->
<div class="mentors-grid">
<!-- Mentor 1 -->
<div class="mentor-banner">
<!-- Mentor Image Container -->
<div class="image-container">
<img src="images/mentor1.jpg" alt="Mentor 1" class="mentor-image">
</div>
<!-- Mentor Description -->
<div class="mentor-description">
<div class="mentor-name">John Doe</div>
<div class="mentor-role">Software Engineer at Google</div>
<p>John is a senior software engineer with 10 years of experience in full-stack development.</p>
</div>
<!-- Mentor Rating -->
<div class="mentor-rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="far fa-star"></i> <!-- Hollow star for 4/5 rating -->
</div>
</div>
<!-- Mentor 2 -->
<div class="mentor-banner">
<!-- Mentor Image Container -->
<div class="image-container">
<img src="images/mentor2.jpg" alt="Mentor 2" class="mentor-image">
</div>
<!-- Mentor Description -->
<div class="mentor-description">
<div class="mentor-name">Jane Smith</div>
<div class="mentor-role">Data Scientist at Facebook</div>
<p>Jane specializes in machine learning and data analysis with over 8 years of industry experience.</p>
</div>
<!-- Mentor Rating -->
<div class="mentor-rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i> <!-- 5/5 rating -->
</div>
</div>
<!-- Mentor 4 -->
<div class="mentor-banner">
<!-- Mentor Image Container -->
<div class="image-container">
<img src="images/mentor3.jpg" alt="Mentor 2" class="mentor-image">
</div>
<!-- Mentor Description -->
<div class="mentor-description">
<div class="mentor-name">christian Smith</div>
<div class="mentor-role">backend developer at Facebook</div>
<p>smith specializes in machine learning and data analysis with over 8 years of industry experience.</p>
</div>
<!-- Mentor Rating -->
<div class="mentor-rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i> <!-- 5/5 rating -->
</div>
</div>
<!-- Mentor 3 -->
<div class="mentor-banner">
<!-- Mentor Image Container -->
<div class="image-container">
<img src="images/mentor2.jpg" alt="Mentor 3" class="mentor-image">
</div>
<!-- Mentor Description -->
<div class="mentor-description">
<div class="mentor-name">Sarah Lee</div>
<div class="mentor-role">Product Manager at Microsoft</div>
<p>Sarah is a product management expert, focusing on SaaS solutions with over 12 years of experience.</p>
</div>
<!-- Mentor Rating -->
<div class="mentor-rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
<i class="far fa-star"></i> <!-- 4.5/5 rating -->
</div>
</div>
<!-- Mentor 4 -->
<div class="mentor-banner">
<!-- Mentor Image Container -->
<div class="image-container">
<img src="images/mentor1.jpg" alt="Mentor 3" class="mentor-image">
</div>
<!-- Mentor Description -->
<div class="mentor-description">
<div class="mentor-name">Sarah Lee</div>
<div class="mentor-role">Product Manager at Microsoft</div>
<p>Sarah is a product management expert, focusing on SaaS solutions with over 12 years of experience.</p>
</div>
<!-- Mentor Rating -->
<div class="mentor-rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
<i class="far fa-star"></i> <!-- 4.5/5 rating -->
</div>
</div>
<!-- Add more mentor cards as needed -->
</div>
</div>
<script>
window.embeddedChatbotConfig = {
chatbotId: "j2Uy2CrJfZueGX7wNtJT_",
domain: "www.chatbase.co"
}
</script>
<script
src="https://www.chatbase.co/embed.min.js"
chatbotId="j2Uy2CrJfZueGX7wNtJT_"
domain="www.chatbase.co"
defer>
</script>
</body>
</html>