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 = eval ( "Contact" . split ( " " ) [ 0 ] ) . map ( function ( x ) { return x . toUpperCase ( ) ; } ) ;
49+ </ script >
50+
51+ </ head >
52+
53+
54+ < body >
55+ < a class ="sr-only sr-only-focusable " href ="#page-content "> Skip to main content</ a >
56+ <!-- Google Tag Manager (noscript) -->
57+ < noscript > < iframe src ="https://www.googletagmanager.com/ns.html?id=GTM-WPSF3G7 "
58+ height ="0 " width ="0 " style ="display:none;visibility:hidden "> </ iframe > </ noscript >
59+ <!-- End Google Tag Manager (noscript) -->
60+
61+ < div id ="main-container " class ="page-wrapper toggled ">
62+ < a id ="show-sidebar " class ="btn btn-sm btn-dark " href ="# ">
63+ < i class ="fas fa-bars "> </ i >
64+ </ a >
65+ < nav id ="sidebar " class ="sidebar-wrapper ">
66+ < div class ="sidebar-content ">
67+ < div class ="sidebar-brand ">
68+ < div id ="close-sidebar ">
69+ < i class ="fas fa-times "> </ i >
70+ </ div >
71+ </ div >
72+ < div class ="logo sidebar-logo ">
73+ < a href ="index.html ">
74+ < img class ="sidebar-logo " src ="./images/noun-keyboard-licensed-white.svg ">
75+ </ a >
76+ </ div >
77+ < div class ="sidebar-menu ">
78+ < ul >
79+ < li class ="sidebar-dropdown ">
80+ < a href ="index.html ">
81+ < i class ="fa fa-home "> </ i >
82+ < span > Home</ span >
83+ </ a >
84+ </ li >
85+ < li class ="sidebar-dropdown ">
86+ < a href ="events.html ">
87+ < i class ="fa fa-calendar-alt "> </ i >
88+ < span > Events</ span >
89+ </ a >
90+ </ li >
91+ < li class ="sidebar-dropdown ">
92+ < a href ="about.html ">
93+ < i class ="fas fa-chalkboard-teacher "> </ i >
94+ < span > About</ span >
95+ </ a >
96+ </ li >
97+ < li class ="sidebar-dropdown ">
98+ < a href ="activities.html ">
99+ < i class ="fa fa-bell "> </ i >
100+ < span > Activities</ span >
101+ </ a >
102+ </ li >
103+ < li class ="sidebar-dropdown ">
104+ < a href ="resources.html ">
105+ < i class ="fa fa-tools "> </ i >
106+ < span > Resources</ span >
107+ </ a >
108+ </ li >
109+ < li class ="sidebar-dropdown ">
110+ < a href ="people.html ">
111+ < i class ="fa fa-users "> </ i >
112+ < span > People</ span >
113+ </ a >
114+ </ li >
115+ < li class ="sidebar-dropdown ">
116+ < a href ="contact.html ">
117+ < i class ="fa fa-address-book "> </ i >
118+ < span > Contact</ span >
119+ </ a >
120+ </ li >
121+ < li class ="sidebar-dropdown ">
122+ < a href ="feedback.html ">
123+ < i class ="fa fa-comment-alt "> </ i >
124+ < span > Feedback</ span >
125+ </ a >
126+ </ li >
127+ < li class ="sidebar-dropdown ">
128+ < a href ="branding.html ">
129+ < i class ="fas fa-palette "> </ i >
130+ < span > Branding</ span >
131+ </ a >
132+ </ li >
133+ < li class ="sidebar-dropdown ">
134+ < a id ="change-font " class ="change-font " href ="# ">
135+ < i class ="fa fa-font "> </ i >
136+ < span > OpenDyslexic</ span >
137+ </ a >
138+ </ li >
139+ </ ul >
140+ </ div >
141+ </ div >
142+ </ nav >
143+ < main role ="main " class ="page-content " id ="page-content ">
144+ < div class ="row ">
145+ < div class ="main-logo ">
146+ < a href ="index.html "> < img src ="./images/keyboard-green.png "> </ a >
147+ </ div >
148+ < div class ="main-logo-title ">
149+ < h1 class ="cover-heading "> CODEWITH< span id ="small-screen-break "> < br /> </ span > < span id ="suffix " class ="typed-suffix "> US</ span > </ h1 >
150+ </ div >
151+ </ div >
152+ < div class ="row unpadded ">
153+ < div class ="col-lg-10 ">
154+ < link href ="https://cdn-images.mailchimp.com/embedcode/classic-10_7.css " rel ="stylesheet " type ="text/css ">
155+
156+ < h1 > Contact</ h1 >
157+
158+ < div class ="row ">
159+ < div class ="col-sm-6 ">
160+ < div class ="row ">
161+ < div class ="col-sm-11 ">
162+ < h2 > Email</ h2 >
163+ < p >
164+ You can get in touch with us by email at < a target ="_blank "
165+ href ="mailto:contact@codewith.org.uk?subject=CodeWith Website Enquiry "> contact@codewith.org.uk</ a > .
166+ </ p >
167+ < p >
168+ If you want to get the latest information and announcements from us you can also sign up to our
169+ mailing list
170+ using this form.
171+ </ p >
172+
173+ < div id ="mc_embed_signup ">
174+ < form
175+ action ="https://codewith.us17.list-manage.com/subscribe/post?u=0d3589245b03faa48b04ea2c9&id=c9c65dc28a "
176+ method ="post " id ="mc-embedded-subscribe-form " name ="mc-embedded-subscribe-form " class ="validate "
177+ target ="_blank " novalidate style ="padding: 0; ">
178+ < div id ="mc_embed_signup_scroll ">
179+ < div class ="indicates-required "> < span class ="asterisk "> *</ span > indicates required</ div >
180+ < div class ="mc-field-group ">
181+ < label for ="mce-EMAIL "> Email Address < span class ="asterisk "> *</ span >
182+ </ label >
183+ < input type ="email " value ="" name ="EMAIL " class ="required email " id ="mce-EMAIL ">
184+ </ div >
185+ < div class ="mc-field-group ">
186+ < label for ="mce-FNAME "> First Name < span class ="asterisk "> *</ span >
187+ </ label >
188+ < input type ="text " value ="" name ="FNAME " class ="required " id ="mce-FNAME ">
189+ </ div >
190+ < div class ="mc-field-group ">
191+ < label for ="mce-LNAME "> Last Name < span class ="asterisk "> *</ span >
192+ </ label >
193+ < input type ="text " value ="" name ="LNAME " class ="required " id ="mce-LNAME ">
194+ </ div >
195+ < div class ="mc-field-group ">
196+ < label for ="mce-TOWN "> Town </ label >
197+ < input type ="text " value ="" name ="TOWN " class ="" id ="mce-TOWN ">
198+ </ div >
199+
200+ < div id ="mergeRow-gdpr " class ="mergeRow gdpr-mergeRow content__gdprBlock mc-field-group ">
201+ < div class ="content__gdpr ">
202+ < label > Marketing Permissions</ label >
203+ < p > Please select all the ways you would like to hear from CodeWith:</ p >
204+ < fieldset class ="mc_fieldset gdprRequired mc-field-group "
205+ name ="interestgroup_field ">
206+ < label class ="checkbox subfield " for ="gdpr_39820 "> < span > Email</ span > </ label >
207+ < input type ="checkbox " id ="gdpr_39820 " name ="gdpr[39820] " value ="Y "
208+ class ="av-checkbox gdpr " style =" width:5%; ">
209+ </ fieldset >
210+
211+ < p > You can unsubscribe at any time by clicking the link in the footer of our emails.
212+ We do not sell or give this information to third party companies.</ p >
213+ </ div >
214+ < div class ="content__gdprLegal ">
215+ < p > We use Mailchimp as our marketing platform. By clicking below to subscribe, you
216+ acknowledge that your information will be transferred to Mailchimp for
217+ processing. < a href ="https://mailchimp.com/legal/ " target ="_blank "> Learn more
218+ about Mailchimp's privacy practices here.</ a > </ p >
219+ </ div >
220+ </ div >
221+ < div id ="mce-responses " class ="clear ">
222+ < div class ="response " id ="mce-error-response " style ="display:none "> </ div >
223+ < div class ="response " id ="mce-success-response " style ="display:none "> </ div >
224+ </ div >
225+ < div style ="position: absolute; left: -5000px; " aria-hidden ="true "> < input type ="text "
226+ name ="b_0d3589245b03faa48b04ea2c9_c9c65dc28a " tabindex ="-1 " value =""> </ div >
227+ < div class ="clear "> < input type ="submit " value ="Subscribe " name ="subscribe "
228+ id ="mc-embedded-subscribe " class ="btn btn-primary "> </ div >
229+ </ div >
230+ </ form >
231+ < br />
232+ < br />
233+ </ div >
234+ </ div >
235+ </ div >
236+ </ div >
237+
238+ < div class ="col-sm-6 ">
239+ < h2 > Social Media</ h2 >
240+ < p >
241+ We have plenty of other places you can get messages to us too.
242+ </ p >
243+ < p >
244+ < span class ="fab fa-facebook text-green "> </ span >
245+ < a target ="_blank " href ="https://www.facebook.com/CodeWithGroup "> Facebook</ a >
246+ </ p >
247+ < p >
248+ < span class ="fab fa-linkedin text-green "> </ span >
249+ < a target ="_blank " href ="https://www.linkedin.com/company/codewith "> LinkedIn</ a >
250+ </ p >
251+ < p >
252+ < span class ="fab fa-slack text-green "> </ span >
253+ < a target ="_blank " href ="https://codewithpeople.slack.com "> Slack Workspace</ a >
254+ </ p >
255+ < p >
256+ < span class ="fab fa-slack text-green "> </ span >
257+ < a target ="_blank " href ="https://Launchpass.com/codewithpeople "> Slack Signup (Launchpass)</ a >
258+ </ p >
259+ < p >
260+ < span class ="fab fa-twitter text-green "> </ span >
261+ < a target ="_blank " href ="https://twitter.com/CodeWithGroup "> Twitter</ a >
262+ </ p >
263+ < p >
264+ < span class ="fas fa-calendar-alt text-green "> </ span >
265+ < a target ="_blank " href ="https://www.eventbrite.co.uk/o/codewith-30834204055 "> Eventbrite</ a >
266+ </ p >
267+
268+ < p >
269+ Alternatively, if you have any questions about CodeWith you can chat to us through Facebook
270+ by clicking the below button. If you don't have a Facebook account you can use the guest option.
271+ </ p >
272+ < p >
273+ < button class ="btn btn-primary " id ="chat-now "> < span class ="fa fa-comments "> </ span > Chat Now!</ button >
274+ </ p >
275+ </ div >
276+ </ div >
277+
278+ < script >
279+ let chatButton = document . getElementById ( 'chat-now' ) ;
280+ chatButton . onclick = function ( ) {
281+ FB . CustomerChat . show ( true )
282+ }
283+ </ script >
284+
285+ < script type ='text/javascript ' src ='https://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js '> </ script >
286+ < script type ='text/javascript '>
287+ ( function ( $ ) {
288+ window . fnames = new Array ( ) ;
289+ window . ftypes = new Array ( ) ;
290+ fnames [ 0 ] = 'EMAIL' ;
291+ ftypes [ 0 ] = 'email' ;
292+ fnames [ 1 ] = 'FNAME' ;
293+ ftypes [ 1 ] = 'text' ;
294+ fnames [ 2 ] = 'LNAME' ;
295+ ftypes [ 2 ] = 'text' ;
296+ fnames [ 3 ] = 'TOWN' ;
297+ ftypes [ 3 ] = 'text' ;
298+ } ( jQuery ) ) ;
299+
300+ var $mcj = jQuery . noConflict ( true ) ;
301+ </ script >
302+
303+ </ div >
304+ </ div >
305+ < div class ="row unpadded ">
306+ < div class ="col ">
307+ < p >
308+
309+ </ p >
310+ < p >
311+ < a href ="# "> Back to top</ a >
312+ </ p >
313+ < p >
314+
315+ </ p >
316+ </ div >
317+ </ div >
318+ </ main >
319+ </ div >
320+ <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
321+ < script src ="./js/ie10-viewport-bug-workaround.js "> </ script >
322+
323+ < script async src ="https://platform.twitter.com/widgets.js " charset ="utf-8 "> </ script >
324+ < script crossorigin ="anonymous " src ="https://code.jquery.com/jquery-3.5.1.min.js "
325+ integrity ="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0= "> </ script >
326+ < script crossorigin ="anonymous " src ="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js "
327+ integrity ="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU= "> </ script >
328+ < script crossorigin ="anonymous " src ="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js "
329+ integrity ="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo "> </ script >
330+ < script crossorigin ="anonymous " src ="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js "
331+ integrity ="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6 "> </ script >
332+
333+ < script src ="./js/change-font.js "> </ script >
334+ < script src ="./js/check-width.js "> </ script >
335+ < script src ="./js/sidebar.js "> </ script >
336+ < script src ="./js/typed-suffix.js "> </ script >
337+
338+ </ body >
339+
340+ </ html >
0 commit comments