-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
122 lines (115 loc) · 5.4 KB
/
about.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
<!DOCTYPE>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-111375285-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-111375285-1');
</script>
<title>Code The Block</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="img/ctb_logo_wo_text.png" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/build/reset.css">
<link rel="stylesheet" type="text/css" href="css/build/main.css">
</head>
<body>
<nav>
<a href="./index.html">
<img class="logo desktop" src="img/ctb-text-inline3.png" />
<img class="logo mobile" src="img/ctb_logo_wo_text.png" />
</a>
<ul class="main-menu">
<li>
<a href="./about.html">About</a>
</li>
<li>
<a href="./programs.html">Program</a>
</li>
<li>
<a class="focus" href="#cta-section">Support</a>
</li>
</ul>
<img class="menu-icon" src="img/menu-icon.png" style="cursor:pointer;">
</nav>
<section class="section primary-section">
<!-- <h1 class="title">
Our story
</h1>
<p>
</p>
<p>
</p>
<p>
</p> -->
<video controls>
<source src="assets/crowdfunding_video_2019_compressed.mp4" />
</video>
<a class="cta-button" href="#cta-section">Support</a>
</section>
<section class="section secondary-section centered-text" id="section-one">
<div class="team-member">
<div class="headshot joe"></div>
<h2 class="title">Joe Wilkinson</h2>
<h3>Executive Director</h3>
<p>Joe cofounded Code the Block to improve access to computer science education in under served communities and build the infrastructure for us to start talking the lack of diversity in the industry.</p>
</div>
<div class="team-member" >
<div class="headshot david"></div>
<h2 class="title">David Persley</h2>
<h3>Director of Education Programs</h3>
<p>A math and coding teacher at University Academy, David knew from personal experience what it was like to be the only African-American person in STEM classes in college. He co-founded Code the Block to better prepare students like himself for college and careers in STEM.</p>
</div>
</section>
<section class="section primary-section" id="cta-section">
<div class="paypal-container">
<h2 class="title no-top-margin">Support Our Cause</h2>
<form class="paypal-form" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="YJGDGKWBC3JUY">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
<h2 class="title">Keep Up To Date</h2>
<div id="mc_embed_signup">
<form action="https://codetheblock.us16.list-manage.com/subscribe/post?u=6a9c127f3f453b3a3d00361ff&id=d9f2657acd" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<!-- <div class="indicates-required"><span class="asterisk">*</span> indicates required</div> -->
<div class="mc-field-group">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true">
<input type="text" name="b_6a9c127f3f453b3a3d00361ff_d9f2657acd" tabindex="-1" value="">
</div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" class="cta-button submit-button"></div>
</div>
</form>
</div>
<script type='text/javascript' src='https://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='BIRTHDAY';ftypes[3]='birthday';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->
</section>
<footer>
<ul>
<li>
<label>Phone:</label>
<a href="tel:+1-816-281-6662">(816)281-6662</a>
</li>
<li>
<label>Email:</label>
<a href="mailto:[email protected]?subject=Hello Code the Block!">[email protected]</a>
</li><br>
<li>Founded in <strong>Kansas City</strong></li>
<li>501(c)3 Nonprofit Organization</li>
</ul>
</footer>
<script src="js/build/app.min.js"></script>
</body>
</html>