-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathevents.html
241 lines (229 loc) · 14.2 KB
/
events.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
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!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">
</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" data-toggle="collapse" data-target=".navbar-collapse.show">
<a class="nav-link" href="mentors.html">Mentors</a>
</li>
<li class="nav-item active" data-toggle="collapse" data-target=".navbar-collapse.show">
<a class="nav-link active" href="events.html">Events</a>
</li>
</ul>
</div>
</nav>
</div>
<!-- MAIN BODY WITH EVENT DETAILS-->
<div class="container-fluid">
<section class="team-section text-center my-5">
<h2 class="h1-responsive font-weight-bold my-5 pt-5">Events</h2>
<h5 class="grey-text w-responsive mx-auto mb-5">Take your coding skills to the next level!</h5>
<!-- Mentors -->
<div class="row">
<div class="col-sm col-lg-4 col-md-12 mb-5">
<div class="avatar mx-auto event-image">
<img src="assets/Images/event-image.jpg" alt="Profile avatar">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Tech Talks</h5>
<hr>
<p class="grey-text">Join us for our weekly tech talk. Each week we invite industry leaders to
share their experiences.</p>
<p class="grey-text">Join us on Monday 10th at 5:00Pm for the our Tech Talk featuring Mary Jane from Code Institute.</p>
<p class="register-text mb-5">Register to find out more! </p>
<br>
<button type="submit" class="btn btn-info register" data-toggle="modal"
data-target="#modalContactForm">Register</button>
</div>
<div class="col-sm col-lg-4 col-md-12 mb-5">
<div class="avatar mx-auto event-image">
<img src="assets/Images/bootcamp.jpg" alt="Profile avatar">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Coding BootCamp</h5>
<hr>
<p class="grey-text">WomXn's Online Web Development Bootcamp is an intensive, project-based, online
learning experience,
designed to transform your skillset and launch a new career as a Software Developer.</p>
<p class="register-text mb-5">Register to find out more! </p>
<br>
<button type="submit" class="btn btn-info register" data-toggle="modal"
data-target="#modalContactForm">Register</button>
</div>
<br>
<div class="col-sm col-lg-4 col-md-12 mb-5">
<div class="avatar mx-auto event-image">
<img src="assets/Images/hackathon.jpg" alt="Profile avatar">
</div>
<h5 class="font-weight-bold mt-4 mb-3">WomXn Hackathon</h5>
<hr>
<p class="grey-text">This year WomXn will run her first ever hackathon.
It is an intensive event where you will be presented with a problem and have 5 days
to come up with a really good idea how to solve that problem.</p>
<p class="register-text mb-5">Register to find out more! </p>
<br>
<button type="submit" class="btn btn-info register" data-toggle="modal"
data-target="#modalContactForm">Register</button>
</div>
<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">Event registration</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</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>
</div>
<div class="row events2">
<div class="col-sm col-lg-4 col-md-12 mb-5">
<div class="avatar mx-auto event-image">
<img src="assets/Images/zoom.jpg" alt="Profile avatar">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Zoom Meeting</h5>
<hr>
<p class="grey-text">Come and join us 20th May 16:00 EST for a casual and friendly virtual call to get to know others in the community..</p>
<p class="register-text mb-5">Register to find out more! </p>
<br>
<button type="submit" class="btn btn-info register" data-toggle="modal"
data-target="#modalContactForm">Register</button>
</div>
<div class="col-sm col-lg-4 col-md-12 mb-5">
<div class="avatar mx-auto event-image">
<img src="assets/Images/meetup2.png" alt="Profile avatar">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Meetup</h5>
<hr>
<p class="grey-text">Join us in your local meetup group for catching up face to face with your community.</p>
<p class="register-text mb-5">Register to find out more! </p>
<br>
<button type="submit" class="btn btn-info register" data-toggle="modal"
data-target="#modalContactForm">Register</button>
</div>
<br>
<div class="col-sm col-lg-4 col-md-12 mb-5">
<div class="avatar mx-auto event-image">
<img src="assets/Images/speed1.jpeg" alt="Profile avatar">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Speed Networking Event</h5>
<hr>
<p class="grey-text">Talk to different mentors. You'll have the chance to meet some of them and this will help you to make a choice of who could be the
best fit for you as a mentor. </p>
<p class="register-text mb-5">Register to find out more! </p>
<br>
<button type="submit" class="btn btn-info register" data-toggle="modal"
data-target="#modalContactForm">Register</button>
</div>
<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">Event registration</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</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>
</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>
</body>
</html>