forked from pyladies/netlify-website-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
199 lines (197 loc) · 13.2 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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html>
<head>
<title>PyLadies</title>
<meta name="description" content="PyLadies">
<meta charset="utf-8"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.min.css">
<link href="https://fonts.googleapis.com/css?family=Old+Standard+TT|Rubik|Bitter" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script>if (window.location.protocol != "https:" && window.location.host.indexOf('pyladies.com') > -1) {
window.location.protocol = "https";
}</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light navbar-fixed-top">
<a class="navbar-brand" href="#pyladies">
<div class="med-geek"></div>
</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="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="#events">Events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#organizers">Organizers</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#resources">Resources</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Connect</a>
</li>
</ul>
</div>
</nav>
<img src="images/logo.png" id="floating-logo">
<div class="skyline"></div>
<span class="aurimas"><a href="https://www.flickr.com/photos/needoptic/13939643805/in/gallery-ebarney-72157686347209143/">Aurimas</a> via Flickr Creative Commons</span>
<div class="container-fluid">
<div class="row" id="pyladies">
<h1 class="col-sm-12 text-center">PyLadies</h1>
<img src="./images/line.svg" class="hr-squiggle col-sm-12">
<div class="col-sm-12 col-md-3 offset-md-1">
<img src="images/pylady_geek.png" class="geek" alt="pyladies-geek">
</div>
<div class="col-sm-12 col-md-7">
<p>
We're the [FILL CHAPTER NAME IN] chapter of PyLadies, an international mentorship group for marginalized genders, such as but not limited to non-binary people, trans people, and women in tech.
</p>
<p>
We host monthly <a href=[FILL IN MEETUP PAGE] target="_blank">events</a>,
talks, and study groups where you can meet other pythonistas and
learn more about programming, data science, web development, and more.
</p>
<p>
All skill levels welcome!
</p>
</div>
</div>
<div class="row pink" id="events">
<h2 class="col-sm-12 text-center">Events</h2>
<img src="./images/line.svg" class="hr-squiggle col-sm-12" />
<div class="col-sm-12 col-md-10 offset-md-1 text-center">
<p>
Join our <a href=[FILL IN MEETUP PAGE] target="_blank">Meetup group</a> to
hear about our free events.
</p>
<p>
Interested in hosting us, giving a talk, or leading a workshop?
We'd love to <a href="#contact">hear from you!</a>
</p>
</div>
</div>
<div class="row" id="organizers">
<div class="col-sm-12 col-md-10 offset-md-1 section text-center" id="organizers">
<h4>Organizers</h4>
<img src="./images/line.svg" class="hr-squiggle">
<div class="bio-container">
<div class="organizer-container"><img src="./images/bios/pylady_geek.png" class="organizer landscape" /></div>
<div class="bio">
<p class="name">Organizer 1</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis pulvinar lorem. Vestibulum finibus tincidunt ipsum. Fusce quis ipsum dapibus, sollicitudin enim a, hendrerit neque. Aenean dolor metus, convallis non lectus auctor, lacinia rhoncus nisi. Nullam sit amet mi nec leo elementum faucibus quis at magna. Mauris iaculis, lacus non porttitor imperdiet, leo quam tempor sapien, non ornare tellus urna faucibus justo. Proin mi dolor, maximus a neque vel, blandit tristique lorem. Sed fringilla lobortis quam vitae laoreet. Pellentesque feugiat eleifend pellentesque. Vivamus luctus interdum nunc, eu luctus velit porta at. Suspendisse blandit posuere lectus in tincidunt. Aenean felis erat, consectetur sed eros ac, semper aliquam mi. Cras a volutpat eros, eget porttitor sem. Praesent tincidunt urna vel eros viverra, id laoreet justo laoreet.
</p>
<p class="social-buttons">
<a href="https://twitter.com/organizer1" target="_blank"><span class="fa fa-twitter"> </span></a>
<a href="https://www.linkedin.com/in/organizer1/" target="_blank"><span class="fa fa-linkedin"> </span></a>
<a href="http://organizer1.com" target="_blank"><span class="fa fa-desktop"> </span></a>
<a href="https://github.com/organizer1" target="_blank"><span class="fa fa-github"> </span></a>
</p>
</div>
</div>
<div class="bio-container">
<div class="organizer-container">
<img src="./images/bios/pylady_geek.png" class="organizer" />
</div>
<div class="bio">
<p class="name">Organizer 2</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec quis pulvinar lorem. Vestibulum finibus tincidunt ipsum. Fusce quis ipsum dapibus, sollicitudin enim a, hendrerit neque. Aenean dolor metus, convallis non lectus auctor, lacinia rhoncus nisi. Nullam sit amet mi nec leo elementum faucibus quis at magna. Mauris iaculis, lacus non porttitor imperdiet, leo quam tempor sapien, non ornare tellus urna faucibus justo. Proin mi dolor, maximus a neque vel, blandit tristique lorem. Sed fringilla lobortis quam vitae laoreet. Pellentesque feugiat eleifend pellentesque. Vivamus luctus interdum nunc, eu luctus velit porta at. Suspendisse blandit posuere lectus in tincidunt. Aenean felis erat, consectetur sed eros ac, semper aliquam mi. Cras a volutpat eros, eget porttitor sem. Praesent tincidunt urna vel eros viverra, id laoreet justo laoreet.
</p>
<p class="social-buttons">
<a href="https://twitter.com/organizer2" target="_blank"><span class="fa fa-twitter"> </span></a>
<a href="https://www.linkedin.com/in/organizer2/" target="_blank"><span class="fa fa-linkedin"> </span></a>
<a href="http://organizer2.com" target="_blank"><span class="fa fa-desktop"> </span></a>
<a href="https://github.com/organizer2" target="_blank"><span class="fa fa-github"> </span></a>
</p>
</div>
</div>
</div>
</div>
<div class="row pink" id="resources">
<div class="col-sm-12 col-md-10 offset-md-1 text-center">
<h4 class="col-sm-12 text-center">Resources</h4>
<img src="./images/line.svg" class="hr-squiggle col-sm-12" />
<div class="resource-container">
<a href="https://www.python.org/psf/" target="_blank" class="resource-link">
<div class="resource">
<p class="resource-title">Python Software Foundation</p>
<p>
The Python Software Foundation is the organization behind Python!
Become a supporter and help advance the software and mission.
</p>
</div>
</a>
</div>
</div>
</div>
<div class="row" id="about">
<div class="col-sm-12 col-md-10 offset-md-1 section text-center" id="about">
<h4>About PyLadies</h4>
<img src="./images/line.svg" class="hr-squiggle">
<p>
PyLadies is an international mentorship group with a focus on helping more women become active
participants and leaders in the Python open-source community.
</p>
<p>
Our mission is to promote, educate and
advance a diverse Python community through outreach, education, conferences, events and social
gatherings.
</p>
<p>
To learn more, visit the <a href="https://www.pyladies.com/" target="_blank">PyLadies website</a>.
</p>
</div>
</div>
<div class="row pink">
<div class="col-sm-12 section text-center" id="contact">
<h4>Connect</h4>
<img src="./images/line.svg" class="hr-squiggle">
<p>
Follow us on <a href="https://twitter.com/pyladies" target="_blank">Twitter</a>
or join our <a href=[FILL IN MEETUP PAGE] target="_blank">
Meetup group</a> to get announcements and find out about
upcoming events.
</p>
<p>
To connect with other PyLadies members through Slack, join
<a href="http://slackin.pyladies.com" target="_blank">slackin.pyladies.com</a>
and sign up for the <code>[YOUR CHAPTER NAME]</code> channel.
</p>
<p>
If you would like to give a tech talk, demo, or workshop, contact us at <a href="mailto:[email protected]">[email protected]</a>.
</p>
<p>
If you would like to donate to us, you can donate on <a href="https://psfmember.org/civicrm/contribute/transact?reset=1&id=6"> page</a>! Yes, donations are to a 501c3 and are therefore tax deductible within the United States of America.
</p>
<p>
Is your company interested in hosting an event? Fill out our
<a href=FILL-IN-URL>
form</a> and we will be in touch!
</p>
</div>
</div>
</div>
<div class="footer">
<p>
<a href="https://www.netlify.com"><img src="https://www.netlify.com/img/global/badges/netlify-light.svg" alt="Deploys by Netlify" width=100 height=35/></a>
<a href="https://twitter.com/pyladies" target="_blank"><span class="fa fa-twitter"> </span></a>
<a href="https://github.com/pyladies" target="_blank"><span class="fa fa-github"> </span></a>
<a href="http://slackin.pyladies.com" target="_blank"><span class="fa fa-slack"> </span></a>
<span class="footer-title">PyLadies 2020</span>
</p>
</div>
</body>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</html>