This repository has been archived by the owner on Sep 28, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
147 lines (118 loc) · 6.46 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
---
layout: default
title: TechTogether
---
<section class="background-3">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h1 class="text-white" style="text-align: center; margin:10% 0 10% 0;">TechTogether is Redefining the <br><span id="home-heading-bold">Hacker Stereotype</span></h1>
</div>
</div>
</div>
</section>
<section class ="bg-blue ticker-section hide-mobile">
<div class="container">
<div class="row">
<div class="col-sm-5">
<h3 class="ticker">
<a class ="ticker-link" href="TechTogether_AnnualReport_2022.pdf">TechTogether 2021-2022 Annual Report →</a>
</h3>
<h3 class="ticker-subtitle">TechTogether continues to serve as a gateway for people of marginalized genders to enter the hackathon community and the broader tech community.</h3>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-6 video hide-mobile">
<iframe width="560" height="315" src="https://www.youtube.com/embed/8XeKABwrokY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="col-sm-6 col-md-6">
<h3 id="hackathon-header">We're Building the Largest Pipeline of Gender-Diverse Talent Into the Hackathon Community</h3>
<h6 id="hackathon-paragraph"><p>TechTogether, the nation's largest initiative to address the gender inequities in the hackathon community, supports over 10,000 hackers. TechTogether is credited in part with increasing the representation of women and non-binary people in the hackathon community by 18% to 39% from 2019 to 2020.</p>
</h6>
<a href="/about.html">
<h3 style = "margin-left: 6%;" id="learn-more-button">Learn More →</h3>
</a>
<a href="/events.html">
<h3 style = "margin-left: 6%;" id="learn-more-button">Attend a Hackathon →</h3>
</a>
</div>
</div>
</div>
</section>
<!-- Quotes section -->
<section class="bg-purple">
<div class ="container">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<h1 class="quote-header text-center">"I had such a great experience and I would love to attend more hackathons from TechTogether in the future! Participating in the hackathon definitely widened my interest for computer science and creating projects involving technology!"
</h1>
<h4 class="quote-person text-center">
HobbyHacks Attendee
</h4>
</div>
<div class="carousel-item">
<h1 class="quote-header text-center">"I am so happy and proud to be able to call this my first hackathon!!! I learned so much and gained so much inspiration from every single person there. This is definitely an experience I will never forget."
</h1>
<h4 class="quote-person text-center">
HobbyHacks Attendee
</h4>
</div>
<div class="carousel-item">
<h1 class="quote-header text-center">"TechTogether Boston helped me throw out the intimidaton and I realize that nothing is impossible to learn, with the ambition and effort anyone can achieve what they want."
</h1>
<h4 class="quote-person text-center">
Former Attendee & Organizer
</h4>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section>
<section class ="hide-mobile">
<div class ="container">
<div class="row space">
<div class="center col-6 col-md-4">
<img id ="icon" src="imgs/icons/calendar_icon_purple.png">
<h4 id="subheader">Attend a hackathon in your city</h4>
<h6 id="hackathon-paragraph">You don't need to be a computer science major or professional to give one of our hackathons a try.
</h6>
<a href="/events.html">
<h3 style = "margin-left: 6%;" id="learn-more-button">Attend a Hackathon →</h3>
</a>
</div>
<div class="center col-6 col-md-4 hide-mobile">
<img id ="icon" src="imgs/icons/team_icon_purple.png">
<h4 id="subheader">Join our team of fabulous humans</h4>
<h6 id="hackathon-paragraph">Team up with us to propel our community forward.
</h6>
<a href="https://careers.mlh.io/" target="_blank">
<h3 style = "margin-left: 6%;" id="learn-more-button">Join Us →</h3>
</a>
</div>
<div class="center col-6 col-md-4 hide-mobile">
<img id ="icon" src="imgs/icons/blog_icon_purple.png">
<h4 id="subheader">Check out our latest blog post</h4>
<h6 id="hackathon-paragraph"><a class ="blog-link" target="_blank" href="https://medium.com/techtogether/4-hackathon-project-ideas-for-beginners-b9606b84bd73">4 Hackathon Project Ideas for Beginners</a>
</h6>
<a target="_blank" href="https://medium.com/techtogether/4-hackathon-project-ideas-for-beginners-b9606b84bd73">
<h3 style = "margin-left: 6%;" id="learn-more-button">Read →</h3>
</a>
</div>
</div>
</div>
</section>
<script async src="//cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>
<!-- {% include stayintouch.html %} -->