-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathmentors.html
189 lines (183 loc) · 11.9 KB
/
mentors.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
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WomXn FemmeTech Mentorships</title>
<!--Favicon and Credit-->
<link rel="apple-touch-icon" sizes="180x180" href="assets/Images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/Images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/Images/favicon/favicon-16x16.png">
<link rel="shortcut icon" type="image/png" href="assets/Images/favicon/favicon.ico">
<link rel="manifest" href="assets/Images/favicon/site.webmanifest">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/b22084529e.js" crossorigin="anonymous"></script>
<!-- CSS -->
<link rel="stylesheet" href="assets/style.css">
<!-- EmailJS -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/emailjs-com@2/dist/email.min.js"></script>
<script type="text/javascript">
emailjs.init('user_HTT6JvIMa0YqrzXyDfQLh')
</script>
</head>
<body>
<!-- Navbar -->
<div class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<a class="navbar-brand" href="index.html">WOMXN</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="nav justify-content-end navbar-nav ml-lg-auto">
<li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item active" data-toggle="collapse" data-target=".navbar-collapse.show">
<a class="nav-link active" href="mentors.html">Mentors</a>
</li>
<li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
<a class="nav-link" href="events.html">Events</a>
</li>
</ul>
</div>
</nav>
</div>
<!-- MAIN BODY -->
<div class="container">
<section class="team-section text-center my-5">
<h2 class="h1-responsive font-weight-bold my-5 pt-5">Our Amazing Mentors</h2>
<p class="grey-text w-responsive mx-auto mb-5">All our mentors are passionate about technology. They have
years of experience in the field, and have a massive wish to impact, inspire and empower other females
of all ages, backgrounds and cultures, to the wonderful world of coding. Furthermore, to advice and
support them in their journeys in tech. They believe that in empowering others and inspire them, will
make them take active charge of their life, power, learning and career! To be able to connect with our
mentors and be part of the program, click the register button now.
<!-- Register button -->
<div class="text-center">
<a href="" class="btn btn-info" data-toggle="modal" data-target="#modalContactForm">Register</a>
</div>
</p>
<!-- Contact Modal -->
<form id="form">
<div class="modal fade" id="modalContactForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header text-center">
<h4 class="modal-title w-100 font-weight-bold">Message</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body mx-3">
<div class="md-form mb-5">
<i class="fas fa-user prefix grey-text"></i><br>
<label data-error="wrong" data-success="right" for="form34">Your name</label>
<input type="text" id="name" class="form-control validate">
</div>
<div class="md-form mb-5">
<i class="fas fa-envelope prefix grey-text"></i><br>
<label data-error="wrong" data-success="right" for="form29">Your email</label>
<input type="email" id="form29" class="form-control validate">
</div>
<div class="md-form">
<i class="fas fa-pencil prefix grey-text"></i>
<label data-error="wrong" data-success="right" for="form8">Your message/Mentor
request</label>
<textarea type="text" id="form8" class="md-textarea form-control"
rows="4"></textarea>
</div>
</div>
<div class="modal-footer d-flex justify-content-center">
<button id="button" class="btn btn-info">Send<i
class="fas fa-paper-plane-o ml-1"></i></button>
</div>
</div>
</div>
</div>
</form>
<!-- Mentors -->
<div class="row">
<div class="col-sm col-lg-4 col-md-12">
<div class="avatar mx-auto">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(20).jpg"
class="rounded-circle z-depth-1" alt="Profile avatar">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Anna Williams</h5>
<p class="text-uppercase blue-text"><strong>Graphic designer</strong></p>
<p class="grey-text mb-5 pb-5">Anna is a Graphic designer with 10 years of experience working for companies
such as: Google, Instagram and Gucci.</p>
</div>
<div class="col-sm col-lg-4 col-md-12">
<div class="avatar mx-auto">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(30).jpg"
class="rounded-circle z-depth-1" alt="Profile avatar">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Maria Smith</h5>
<p class="text-uppercase blue-text"><strong>AI Developer</strong></p>
<p class="grey-text mb-5 pb-5">Maria loves AI, and has 6 years of experience working with companies such as:
Niantic and IBM. </p>
</div>
<div class="col-sm col-lg-4 col-md-12">
<div class="avatar mx-auto">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(31).jpg"
class="rounded-circle z-depth-1" alt="Profile avatar">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Sarah Melyah</h5>
<p class="text-uppercase blue-text"><strong>Web Developer</strong></p>
<p class="grey-text mb-5 pb-5">Sarah has 15 years of experience as a web developer with companies
such as: Facebook, Apple and Netflix.</p>
</div>
<div class="col-sm col-lg-4 col-md-12">
<div class="avatar mx-auto">
<img src="assets/Images/bongiwe.jpg" class="rounded-circle z-depth-1" alt="Profile avatar">
<!--Photo by <a href="https://unsplash.com/@isthatbrock?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Brock Wegner</a> on <a href="https://unsplash.com/t/people?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>-->
</div>
<h5 class="font-weight-bold mt-4 mb-3">Bongiwe Oshinnaike</h5>
<p class="text-uppercase blue-text"><strong>Information Security Analyst</strong></p>
<p class="grey-text mb-5 pb-5">Bongiwe has over 10 years of experience in various information
security roles from Symantec, Cisco and most recently McAfee.</p>
</div>
<div class="col-sm col-lg-4 col-md-12">
<div class="avatar mx-auto">
<img src="assets/Images/aanya.jpg" class="rounded-circle z-depth-1" alt="Profile avatar">
<!--Photo by <a href="https://unsplash.com/@sbhnleo?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">sobhan joodi</a> on <a href="https://unsplash.com/t/people?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>-->
</div>
<h5 class="font-weight-bold mt-4 mb-3">Aanya Naidoo</h5>
<p class="text-uppercase blue-text"><strong>Information Systems Manager</strong></p>
<p class="grey-text mb-5 pb-5">Aanya has gained over 10 years of experience in various information
systems and network security roles with Microsoft.</p>
</div>
<div class="col-sm col-lg-4 col-md-12">
<div class="avatar mx-auto">
<img src="assets/Images/xing.jpg" class="rounded-circle z-depth-1" alt="Profile avatar">
<!--Photo by <a href="https://unsplash.com/@sbhnleo?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">sobhan joodi</a> on <a href="https://unsplash.com/t/people?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a> -->
</div>
<h5 class="font-weight-bold mt-4 mb-3">Xing Lee</h5>
<p class="text-uppercase blue-text"><strong>Software Engineer</strong></p>
<p class="grey-text mb-5 pb-5">Xing has over 13 years experience in software engineering through her
roles with Amber Road, Microsoft and WeLab.</p>
</div>
</div>
</section>
</div>
<footer class="footer">
<!-- social media icons -->
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
<a href="https://www.facebook.com" target="_blank"><i class="fab fa-facebook footer-icons"></i></a>
<a href="https://www.instagram.com" target="_blank"><i class="fab fa-instagram footer-icons"></i></a>
<a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin footer-icons"></i></a>
</div>
</footer>
<!-- SCRIPTS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="script.js" async></script>
</body>
</html>