Skip to content

Commit 2833d0b

Browse files
dangerwormdangerworm
committed
Add other links to contact page
1 parent 10b3458 commit 2833d0b

File tree

4 files changed

+640
-40
lines changed

4 files changed

+640
-40
lines changed

‎_site/contact.html‎

Lines changed: 325 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,325 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!-- github pages version -->
5+
<meta charset="utf-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8+
<meta name="description" content="CodeWith's main web site">
9+
<meta name="author" content="Drew Morgan">
10+
11+
<title>CodeWith - Contact</title>
12+
13+
<!-- Google Tag Manager -->
14+
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
15+
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
16+
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
17+
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
18+
})(window,document,'script','dataLayer','GTM-WPSF3G7');</script>
19+
<!-- End Google Tag Manager -->
20+
21+
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
22+
<!--[if lt IE 9]><script src="/js/ie8-responsive-file-warning.js"></script><![endif]-->
23+
<script src="./js/ie-emulation-modes-warning.js"></script>
24+
25+
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
26+
<link href="./css/ie10-viewport-bug-workaround.css" rel="stylesheet">
27+
28+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
29+
<!--[if lt IE 9]>
30+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
31+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
32+
<![endif]-->
33+
34+
<link rel="icon" href="./favicon.ico">
35+
<link rel="stylesheet" crossorigin="anonymous" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk">
36+
<!-- <link rel="stylesheet" crossorigin="anonymous" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"> -->
37+
<link rel="stylesheet" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog=="/>
38+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Boogaloo&family=Roboto&display=swap">
39+
40+
<link rel="stylesheet" href="./css/open-dyslexic.css" type="text/css" charset="utf-8" />
41+
42+
<link rel="stylesheet" href="css/style.css">
43+
<link rel="stylesheet" href="css/sidebar.css">
44+
45+
<!-- I know scripts aren't supposed to go in the header, but we need this here in order to pick different suffix lists for the typewriter at the top -->
46+
<script src="./js/suffix-lists.js"></script>
47+
<script lang="javascript">
48+
var suffixOptions = Contact;
49+
</script>
50+
51+
</head>
52+
53+
54+
<body>
55+
<!-- Google Tag Manager (noscript) -->
56+
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WPSF3G7"
57+
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
58+
<!-- End Google Tag Manager (noscript) -->
59+
60+
<div id="main-container" class="page-wrapper toggled">
61+
<a id="show-sidebar" class="btn btn-sm btn-dark" href="#">
62+
<i class="fas fa-bars"></i>
63+
</a>
64+
<nav id="sidebar" class="sidebar-wrapper">
65+
<div class="sidebar-content">
66+
<div class="sidebar-brand">
67+
<div id="close-sidebar">
68+
<i class="fas fa-times"></i>
69+
</div>
70+
</div>
71+
<div class="logo sidebar-logo">
72+
<a href="index.html">
73+
<img class="sidebar-logo" src="./images/noun-keyboard-licensed-white.svg">
74+
</a>
75+
</div>
76+
<div class="sidebar-menu">
77+
<ul>
78+
<li class="sidebar-dropdown">
79+
<a href="index.html">
80+
<i class="fa fa-home"></i>
81+
<span>Home</span>
82+
</a>
83+
</li>
84+
<li class="sidebar-dropdown">
85+
<a href="events.html">
86+
<i class="fa fa-calendar-alt"></i>
87+
<span>Events</span>
88+
</a>
89+
</li>
90+
<li class="sidebar-dropdown">
91+
<a href="about.html">
92+
<i class="fas fa-chalkboard-teacher"></i>
93+
<span>About</span>
94+
</a>
95+
</li>
96+
<li class="sidebar-dropdown">
97+
<a href="activities.html">
98+
<i class="fa fa-bell"></i>
99+
<span>Activities</span>
100+
</a>
101+
</li>
102+
<li class="sidebar-dropdown">
103+
<a href="resources.html">
104+
<i class="fa fa-tools"></i>
105+
<span>Resources</span>
106+
</a>
107+
</li>
108+
<li class="sidebar-dropdown">
109+
<a href="people.html">
110+
<i class="fa fa-users"></i>
111+
<span>People</span>
112+
</a>
113+
</li>
114+
<li class="sidebar-dropdown">
115+
<a href="contact.html">
116+
<i class="fa fa-address-book"></i>
117+
<span>Contact</span>
118+
</a>
119+
</li>
120+
<li class="sidebar-dropdown">
121+
<a href="feedback.html">
122+
<i class="fa fa-comment-alt"></i>
123+
<span>Feedback</span>
124+
</a>
125+
</li>
126+
<li class="sidebar-dropdown">
127+
<a id="change-font" class="change-font" href="#">
128+
<i class="fa fa-font"></i>
129+
<span>OpenDyslexic</span>
130+
</a>
131+
</li>
132+
</ul>
133+
</div>
134+
</div>
135+
</nav>
136+
<main role="main" class="page-content">
137+
<a name="top"></a>
138+
<div class="row">
139+
<div class="main-logo">
140+
<img src="./images/keyboard-green.png">
141+
</div>
142+
<div class="main-logo-title">
143+
<h1 class="cover-heading">CODEWITH<span id="small-screen-break"><br /></span><span id="suffix" class="typed-suffix">US</span></h1>
144+
</div>
145+
</div>
146+
<div class="row unpadded">
147+
<div class="col-lg-10">
148+
<link href="https://cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
149+
150+
<h1>Contact</h1>
151+
152+
<div class="row">
153+
<div class="col-sm-6">
154+
<div class="row">
155+
<div class="col-sm-11">
156+
<h2>Email</h2>
157+
<p>
158+
You can get in touch with us by email at <a target="_blank"
159+
href="mailto:codewithgroup@gmail.com">codewithgroup@gmail.com</a>.
160+
</p>
161+
<p>
162+
If you want to get the latest information and announcements from us you can also sign up to our
163+
mailing list
164+
using this form.
165+
</p>
166+
167+
<div id="mc_embed_signup">
168+
<form
169+
action="https://codewith.us17.list-manage.com/subscribe/post?u=0d3589245b03faa48b04ea2c9&amp;id=c9c65dc28a"
170+
method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate"
171+
target="_blank" novalidate style="padding: 0;">
172+
<div id="mc_embed_signup_scroll">
173+
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
174+
<div class="mc-field-group">
175+
<label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
176+
</label>
177+
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
178+
</div>
179+
<div class="mc-field-group">
180+
<label for="mce-FNAME">First Name <span class="asterisk">*</span>
181+
</label>
182+
<input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
183+
</div>
184+
<div class="mc-field-group">
185+
<label for="mce-LNAME">Last Name <span class="asterisk">*</span>
186+
</label>
187+
<input type="text" value="" name="LNAME" class="required" id="mce-LNAME">
188+
</div>
189+
<div class="mc-field-group">
190+
<label for="mce-TOWN">Town </label>
191+
<input type="text" value="" name="TOWN" class="" id="mce-TOWN">
192+
</div>
193+
<div id="mergeRow-gdpr" class="mergeRow gdpr-mergeRow content__gdprBlock mc-field-group">
194+
<div class="content__gdpr">
195+
<label>Marketing Permissions</label>
196+
<p>Please select all the ways you would like to hear from CodeWith:</p>
197+
<fieldset class="mc_fieldset gdprRequired mc-field-group"
198+
name="interestgroup_field">
199+
<label class="checkbox subfield" for="gdpr_39820"><span>Email</span> </label>
200+
<input type="checkbox" id="gdpr_39820" name="gdpr[39820]" value="Y"
201+
class="av-checkbox gdpr" style=" width:5%;">
202+
</fieldset>
203+
204+
<p>You can unsubscribe at any time by clicking the link in the footer of our emails.
205+
We do not sell or give this information to third party companies.</p>
206+
</div>
207+
<div class="content__gdprLegal">
208+
<p>We use Mailchimp as our marketing platform. By clicking below to subscribe, you
209+
acknowledge that your information will be transferred to Mailchimp for
210+
processing. <a href="https://mailchimp.com/legal/" target="_blank">Learn more
211+
about Mailchimp's privacy practices here.</a></p>
212+
</div>
213+
</div>
214+
<div id="mce-responses" class="clear">
215+
<div class="response" id="mce-error-response" style="display:none"></div>
216+
<div class="response" id="mce-success-response" style="display:none"></div>
217+
</div>
218+
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text"
219+
name="b_0d3589245b03faa48b04ea2c9_c9c65dc28a" tabindex="-1" value=""></div>
220+
<div class="clear"><input type="submit" value="Subscribe" name="subscribe"
221+
id="mc-embedded-subscribe" class="btn btn-primary"></div>
222+
</div>
223+
</form>
224+
<br />
225+
<br />
226+
</div>
227+
</div>
228+
</div>
229+
</div>
230+
231+
<div class="col-sm-6">
232+
<h2>Social Media</h2>
233+
<p>
234+
We have plenty of other places you can get messages to us too.
235+
</p>
236+
<p>
237+
<span class="fab fa-facebook text-green"></span>&nbsp;
238+
<a target="_blank" href="https://www.facebook.com/CodeWithGroup">Facebook</a>
239+
</p>
240+
<p>
241+
<span class="fab fa-linkedin text-green"></span>&nbsp;
242+
<a target="_blank" href="https://www.linkedin.com/company/codewith">LinkedIn</a>
243+
</p>
244+
<p>
245+
<span class="fab fa-slack text-green"></span>&nbsp;
246+
<a target="_blank" href="https://codewithpeople.slack.com">Slack Workspace</a>
247+
<a target="_blank" href="https://launchpass.com/codewithpeople">(Launchpass)</a>
248+
</p>
249+
<p>
250+
<span class="fab fa-twitter text-green"></span>&nbsp;
251+
<a target="_blank" href="https://twitter.com/CodeWithGroup">Twitter</a>
252+
</p>
253+
<p>
254+
Alternatively, if you have any questions about CodeWith you can chat to us through Facebook
255+
by clicking the below button. If you don't have a Facebook account you can use the guest option.
256+
</p>
257+
<p>
258+
<button class="btn btn-primary" id="chat-now"><span class="fa fa-comments"></span> &nbsp; Chat Now!</button>
259+
</p>
260+
</div>
261+
</div>
262+
263+
<script>
264+
let chatButton = document.getElementById('chat-now');
265+
chatButton.onclick = function () {
266+
FB.CustomerChat.show(true)
267+
}
268+
</script>
269+
270+
<script type='text/javascript' src='https://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
271+
<script type='text/javascript'>
272+
(function ($) {
273+
window.fnames = new Array();
274+
window.ftypes = new Array();
275+
fnames[0] = 'EMAIL';
276+
ftypes[0] = 'email';
277+
fnames[1] = 'FNAME';
278+
ftypes[1] = 'text';
279+
fnames[2] = 'LNAME';
280+
ftypes[2] = 'text';
281+
fnames[3] = 'TOWN';
282+
ftypes[3] = 'text';
283+
}(jQuery));
284+
285+
var $mcj = jQuery.noConflict(true);
286+
</script>
287+
288+
</div>
289+
</div>
290+
<div class="row unpadded">
291+
<div class="col">
292+
<p>
293+
&nbsp;
294+
</p>
295+
<p>
296+
<a href="#">Back to top</a>
297+
</p>
298+
<p>
299+
&nbsp;
300+
</p>
301+
</div>
302+
</div>
303+
</main>
304+
</div>
305+
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
306+
<script src="./js/ie10-viewport-bug-workaround.js"></script>
307+
308+
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
309+
<script crossorigin="anonymous" src="https://code.jquery.com/jquery-3.5.1.min.js"
310+
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="></script>
311+
<script crossorigin="anonymous" src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
312+
integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="></script>
313+
<script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
314+
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"></script>
315+
<script crossorigin="anonymous" src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
316+
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"></script>
317+
318+
<script src="./js/change-font.js"></script>
319+
<script src="./js/check-width.js"></script>
320+
<script src="./js/sidebar.js"></script>
321+
<script src="./js/typed-suffix.js"></script>
322+
323+
</body>
324+
325+
</html>

0 commit comments

Comments
 (0)