-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·1264 lines (1211 loc) · 59.3 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
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="keywords" content="">
<title>HackHer413</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- CSS -->
<link rel="stylesheet" href="assets/css/hackher2020.css">
<!-- Favicons -->
<link rel="icon" href="assets/images/logos/favicon.ico">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=News+Cycle" rel="stylesheet">
<link rel="stylesheet" href="https://use.typekit.net/zne2lgk.css">
<!-- Icons -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<!-- Vendors -->
<link rel="stylesheet" href="assets/vendors/owl-carousel/owl.carousel.min.css">
<link rel="stylesheet" href="assets/vendors/lightbox/simpleLightbox.css">
<link rel="stylesheet" href="assets/vendors/nice-select/css/nice-select.css">
<link rel="stylesheet" href="assets/vendors/animate-css/animate.css">
<link rel="stylesheet" href="assets/vendors/flaticon/flaticon.css">
<link rel="stylesheet" href="assets/vendors/linericon/style.css">
</head>
<body>
<nav class="navbar fixed-top navbar-expand-lg custom-nav">
<a class="navbar-brand" href="https://www.hackher413.com">
<img src="assets/images/logos/2020hackher_logo.png" width="60" alt="HackHer413">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<div>Menu</div>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item">
<a class="nav-link custom-nav" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link custom-nav" href="#involved">Get Involved</a>
</li>
<li class="nav-item">
<a class="nav-link custom-nav" href="#hackher-experience">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link custom-nav" href="#sponsor-section">Sponsor</a>
</li>
<li class="nav-item">
<a class="nav-link custom-nav" href="#faq">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link custom-nav" href="#press">Press</a>
</li>
<li class="nav-item">
<a class="nav-link custom-nav" href="#team">Our Team</a>
</li>
</ul>
<ul class="navbar-nav justify-content-end">
<li class="nav-item right">
<a class="nav-link custom-nav" href="https://dashboard.hackher413.com"><button class="btn btn-outline-dark" type="button">Login/Register</button></a>
</li>
</ul>
</div>
</nav>
<div class="landing">
<!-- MLH Badge -->
<a id="mlh-trust-badge" href="https://mlh.io/seasons/na-2020/events?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2020-season&utm_content=white" target="_blank">
<img src="https://s3.amazonaws.com/logged-assets/trust-badge/2020/mlh-trust-badge-2020-white.svg" alt="Major League Hacking 2020 Hackathon Season">
</a>
<div id="jsi-hex-container" class="container-landing"></div>
<div class="headings">
<img src="assets/images/logos/2020hackher_logo.png" class="img-fluid logo" alt="HackHer413 2020 Logo">
<h2 class="typo-list">February 8-9, 2020</h2>
<h3 class="typo-list">Amherst, MA</h3>
</div>
<a href="schedule.html"><button class="button">Check out our schedule!</button></a>
</div>
<!-- ABOUT -->
<section id="about" class="whitebg">
<h1 class="about-heading">The first all-women (cis and trans) and non-binary students' hackathon in Western Massachusetts.</h1>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-lg-6">
<!-- Paragraph 1 -->
<p class="about-para">
Over the course of 24 hours, hackathon participants are encouraged to learn and develop new technical skills, network with sponsor company representatives, and innovate with passion.
</p>
<!-- Paragraph 2 -->
<p class="about-para">
This hackathon is entirely student organized and aims to increase diversity and inclusion in the technology industry. Our second annual hackathon will be from February 8th to 9th, 2020 at the University of Massachusetts, Amherst.
</p>
<div class="icon text-center pb-4" id="lab_social_icon_footer">
<a href="https://www.facebook.com/HackHer413/"><i class="fab fa-facebook-square fa-2x social"></i></a>
<a href="https://twitter.com/@hackher413"><i class="fab fa-twitter fa-2x social"></i></a>
<a href="https://www.instagram.com/hackher413/"><i class="fab fa-instagram fa-2x social"></i></a>
<a href="https://www.linkedin.com/company/hackher413/"><i class="fab fa-linkedin fa-2x social"></i></a>
</div>
<div class="row">
<div class="col-md-4 col-sm-12">
<div class="wel_item">
<i class="lnr lnr-users"></i>
<h4>300</h4>
<p>Attendees</p>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="wel_item">
<i class="lnr lnr-database"></i>
<h4>25+</h4>
<p>Sponsor Companies</p>
</div>
</div>
<div class="col-md-4 col-sm-12">
<div class="wel_item">
<i class="lnr lnr-clock"></i>
<h4>24</h4>
<p>Hours</p>
</div>
</div>
</div>
</div>
<div class="text-right">
<div class="col-sm-12 col-lg-5 img-fluid"> <iframe width="480" height="430" src="https://www.youtube.com/embed/jX2tB0g05Yc" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div>
</div>
</div>
</div>
</section>
<!-- HACKATHON-INFO -->
<section id="hackathon" class="darkbg">
<h2 class="darkbg-heading"> What is a Hackathon?</h2>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-lg-12">
<p class="h5 darkbg-para">
<i> hak-uh-thon • noun </i>
</p>
</div>
<div class="col-sm-12 col-lg-12">
<p class="h5 darkbg-para"> 1. A hackathon is a 24-hour technology marathon where participants form teams to collaborate in creating unique programming or hardware projects to present to a panel of judges and win prizes while attending workshops, fun mini-events, and collecting awesome swag.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-laptop-code text-white mb-4"></i>
<h3 class="mb-2 text-white">Learning and Exploring <br> New Technologies</h3>
<p class="text-white mb-0"> Participants have access to interactive workshops on areas including data science, robotics, virtual reality, artificial intelligence, product management, Python (and more) taught by industry professionals and professors.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-briefcase text-white mb-4"></i>
<h3 class="mb-2 text-white">Career Development and Opportunities</h3>
<p class="mb-0 text-white"> Students are given the opportunity to participate in our career fair, interview onsite with sponsor companies, network exclusively with company representatives, and attend career development sessions. </p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-heart text-white mb-4"></i>
<h3 class="mb-2 text-white">Open to All Levels: <br> Beginner and Beginner++</h3>
<p class="mb-0 text-white">HackHer413 is inclusive of all levels of computer science. We encourage undergraduate, graduate, and Ph.D students to attend. Come write your first line of code with us, or come show us all you know! </p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<i class="fas fa-4x fa-money-bill text-white mb-4"></i>
<h3 class="mb-2 text-white">Free of Cost for Admission <br> and Bus Transportation</h3>
<p class="mb-0 text-white">This hackathon has free admission. Bring your passion, excitement, and thinking caps! We will also be coordinating free bus coaches from New York City, Boston (and possibly more locations) for participants to get to the venue.</p>
</div>
</div>
</div>
</section>
<!-- Page Content -->
<section id="involved">
<div class="container">
<br>
<h2 class="lightbg-heading" style="text-align: center" >Get Involved</h2>
<p class="lightbg-para"> We encourage all gender identities to get involved with Hack(H)er413 through volunteering, mentoring, judging, recruiting or tabling with us! <p>
<p> </p>
<!-- Marketing Icons Section -->
<div class="row">
<div class="col-lg-4 mb-4">
<div class="card h-100">
<h4 class="card-header">Student Ambassadors</h4>
<div class="card-body">
<p class="card-text">HackHer413 has student ambassadors from other universities represent HackHer413 on their university campus.
</div>
<div class="card-footer">
<p style="color:#86CCCC; font-size:1.2em;">Thanks to those who applied!</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="card h-100">
<h4 class="card-header">Be a Volunteer</h4>
<div class="card-body">
<p class="card-text">Join us at HackHer413 as a volunteer to help with briefing sponsors, checking in participants, and supporting the hackathon. </p>
</div>
<div class="card-footer">
<a href="https://airtable.com/shrcRc2k4SyIOpRko" class="apply-btns">Register for Info</a>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="card h-100">
<h4 class="card-header">Technical Mentors</h4>
<div class="card-body">
<p class="card-text">Our mentors on the day-of help students with their passion projects by supporting them both technically and surrounding product.</p>
</div>
<div class="card-footer">
<p style="color:#86CCCC; font-size:1.2em;">Thanks to those who applied!</p>
</div>
</div>
</div>
</div>
</div>
<br>
</section>
<!-- Last Year -->
<section class="last-year">
<h2 class="darkbg-heading">A Look Back at 2019</h2>
<div class="container">
<div class="last-year-content">
<div class="row">
<div class="col-lg-8">
<ul class="darkbg-para last-year-facts">
<li>Event held on February 9th and 10th, 2019
<li>300 participants, sponsors, and volunteers</li>
<li>Over 40 projects submitted</li>
<li>Students from computer science, mathematics, biological sciences, business, economics, engineering, humanities & fine arts, and other fields.</li>
</ul>
<br>
<a class="last-year-link" target="_blank" href="https://www.hackher413.com/2019"><span class="highlight">Check Out Last Year's Event!</span></a>
</div>
<div class="col-sm-12 col-lg-4 img-fluid last-year-right">
<img class="last-year-pic" src="assets/images/2019/hackher413-opening2019.jpg" />
</div>
</div>
</div>
</div>
</section>
<!-- HIGHLIGHTS -->
<section id="hackher-experience" class="greybg">
<h2 class="lightbg-heading">The HackHer413 Experience</h2>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-lg-12">
<p class="h5 lightbg-para"> Our mission is to create a welcoming and inclusive environment for all women (cis and trans) and non-binary students of all ethnic, gender, socioeconomic, and educational backgrounds and identities to come innovate, learn, and feel safe while doing so! </p>
<br>
</div>
</div>
<div class="feature_inner row">
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img class="img-circle" src="assets/images/experience/1.jpeg" alt="Image"> <br>
<h4>Attend Workshops with Professors and Industry</h4>
<p>Our sponsors will deliver beginner-level interactive workshops on industry material. Esteemed professors will be giving advance-level talks on their areas of specialization.</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img class="img-circle" src="assets/images/experience/2.jpeg" alt="Image"> <br>
<h4>Land an Internship or Full-Time Offer at our Career Fair</h4>
<p>All sponsor companies are looking to hire talent for internship or full-time opportunities through HackHer413, so bring your resume and your best pitch!</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img class="img-circle" src="assets/images/experience/3.jpeg" alt="Image"> <br>
<h4>Brainstorm, Collaborate, Create, to Win an Award </h4>
<p>Team-forming events, mentors, abundance of hardware, and an API directory to provide you with the resources you need to create your hack and win an award!</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img class="img-circle" src="assets/images/experience/4.jpeg" alt="Image"> <br>
<h4>Network with Industry Reps in "Coffee with Mentors" </h4>
<p>With the small sponsor to attendee ratio in "Coffee with Mentors", attendees get one-on-one time with industry reps to network and learn from their experiences.</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img class="img-circle" src="assets/images/experience/5.jpeg" alt="Image"> <br>
<h4>Indulge in the #1 University Dining Halls in the U.S</h4>
<p>As an attendee, you have access to the #1 Dining Halls in the country at UMass Amherst as ranked by the Princeton Review. All meals are provided for by HackHer413.</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img class="img-circle" src="assets/images/experience/6.jpeg" alt="Image"> <br>
<h4>Engage in "Real Talk" a fishbowl on #WomenInTech</h4>
<p>Empower yourself and others by participating in our close-knit "Real Talk" fishbowl discussion surrounding women and non-binary individuals in technology.</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img class="img-circle" src="assets/images/experience/7.jpeg" alt="Image"> <br>
<h4>Participate in Tracks: Beginner and Beginner++</h4>
<p>Inclusive to individuals of all coding levels from beginner to advanced. All events and workshops are organized based on our Beginner and Beginner++ tracks.</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature_item">
<img class="img-circle" src="assets/images/experience/8.jpeg" alt="Image"> <br>
<h4>Launch Your Start-Up or Product and Receive Funding</h4>
<p>Fun fact: a 2019 award-winning team won $7,500 to launch their product from the Isenberg Innovation Challenge and are now CEOs of their hack!</p>
</div>
</div>
</div>
</div>
</section>
<!-- SPEAKER -->
<section id="venue-speaker" class="whitebg">
<h2 class="lightbg-heading">Introducing Our Keynote Speaker</h2>
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="p-5">
<img class="img-fluid rounded-circle" src="assets/images/speaker.jpeg" alt="Renu Chipalkatti">
</div>
</div>
<div class="col-lg-6">
<div class="p-5">
<h2 class="display-6">Renu Chipalkatti</h2>
<p> Renu is a passionate intrapreneur and led Innovation and new business development programs at Verizon. Previously, Renu served as the Global Head for New Business Incubation at Verizon Enterprise Solutions, where she was responsible for the development and commercialization of new products and services. Her portfolio included IoT, Data Analytics and Security solutions for vertical markets. As an early internet pioneer, she co-founded Superpages.com, a leading online yellow pages service, and helped it grow into a profitable business in 4 years. Additionally, she initiated and successfully launched multiple internet-based services delivering over $300M in revenue. </p>
<p> We are excited and honored to welcome Renu as our keynote speaker for the hackathon. Renu is a graduate of UMass Amherst's College of Information and Computer Sciences and is a member of the prestigious advisory board. </p>
</div>
</div>
</div>
</div>
</section>
<!-- schedule -->
<!-- <section class="schedule">
<div class="container">
<h2 class="lightbg-heading">Schedule Highlights</h2>
<div class="row">
<div class="col-lg-5">
<ul class="main">
<li class="date">
<h3 class="schedule_date">Sat., Feb. 8th</h3>
<p>Schedule of Events</p>
</li>
<li class="events">
<ul class="events-detail">
<li class="events-detail">
<span class="event-time">8:00am - </span>
<span class="event-name">Check-in & Registration</span>
<br/>
</li>
<li class="events-detail">
<span class="event-time">8:00am - </span>
<span class="event-name">Breakfast</span>
<br/>
</li>
<li class="events-detail">
<span class="event-time">10:00am - </span>
<span class="event-name">Team Forming Session #1</span>
<br/>
</li>
<li class="events-detail">
<span class="event-time">11:00am - </span>
<span class="event-name">Welcome Ceremony</span>
<br/>
</li>
<li class="events-detail">
<span class="event-time">12:00pm - </span>
<span class="event-name">Hacking Begins!</span>
<br/>
</li>
<li class="events-detail">
<span class="event-time">12:00pm - </span>
<span class="event-name">Sponsors' Fair</span>
<br/>
</li>
<li class="events-detail">
<span class="event-time">12:00pm - </span>
<span class="event-name">Team Forming Session #2</span>
<br/>
</li>
<li class="events-detail">
<span class="event-time">6:00pm - </span>
<span class="event-name">Rewriting the Code Meetup</span>
<br/>
</li>
<li class="events-detail">
<span class="event-time">6:30pm - </span>
<span class="event-name">LGBTQIA+ Meetup</span>
<br/>
</li>
<li class="events-detail">
<span class="event-time">7:00pm - </span>
<span class="event-name">Dinner</span>
<br/>
</li>
<li class="events-detail">
<span class="event-time">7:30pm - </span>
<span class="event-name">Real Talk Discussion</span>
<br/>
</li>
<li class="events-detail">
<span class="event-time">11:59pm - </span>
<span class="event-name">Midnight Snack</span>
<br/>
</li>
</ul>
</li>
</ul>
</div>
<div class="col-lg-5">
<ul class="main">
<li class="date">
<h3 class="schedule_date">Sun., Feb. 9th</h3>
<p>Schedule of Events</p>
</li>
<li class="events">
<ul class="events-detail">
<li class="events-detail">
<span class="event-time">9:30am - </span>
<span class="event-name">Brunch</span>
<br/>
</li>
<li class="events-detail">
<span class="event-time">11:00am - </span>
<span class="event-name">Hacking Ends</span>
<br/>
</li>
<li class="events-detail">
<span class="event-time">12:00pm - </span>
<span class="event-name">Judging</span>
<br/>
</li>
<li class="events-detail">
<span class="event-time">2:30pm - </span>
<span class="event-name">Closing Ceremony</span>
<br/>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</section> -->
<!-- Tracks -->
<section class="tracks">
<div class="container">
<h2 class="lightbg-heading">Tracks</h2>
<p class="lightbg-para text-center">HackHer413's tracks are categories we utilize to organize events at the hackathon so
participants can have an understanding of the difficulty/programming level before attending.
<em>Any participant can attend any event under any track!</em></p>
<div class="row">
<div class="col-lg-4 split feature_item">
<img class="track-img mx-auto d-block img-fluid" src="assets/images/misc/beginner-bee.png">
<h3>Beginner</h3>
<ul>
<li>Designed for for undergraduate students and first-time programmers</li>
<li>Includes interactive introductory workshops delivered by sponsor companies</li>
<li>Curates meet-ups for beginners in technology</li>
<li>Optimal track for learning how to code and exploring different languages/technologies</li>
</ul>
</div>
<div class="col-lg-4 split feature_item">
<img class="track-img mx-auto d-block img-fluid" src="assets/images/misc/beginner-plus-bee.png">
<h3>Beginner++</h3>
<ul>
<li>Designed for for graduate and Ph.D. students along with advanced programmers</li>
<li>Includes workshops delivered by computer science and engineering professors from UMass Amherst on their research/doctoral dissertations</li>
<li>Optimal track for exploring further academia and learning concepts outside the classroom</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Workshops -->
<section class="workshops">
<h2 class="lightbg-heading">Workshops</h2>
<p class="lightbg-para">Check out a preview of the workshops being offered this year! The full list of workshops
will be available at the event. </p>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-lg-6">
<h3 class="lightbg-heading">Beginner</h3>
<div class="row">
<div class="col-6 ">
<div class="feature_item">
<img class="img-circle workshop-img img-fluid" src="assets/images/workshops/Stacie_Sheldon.jpg" alt="Stacie Sheldon"> <br>
<h4>Sketching UX: Designing a Homepage</h4>
<p>Workshop by Stacie Sheldon, Director, User Research & Experience at Echo & Co</p>
</div>
</div>
<div class="col-6 ">
<div class="feature_item">
<img class="img-circle workshop-img img-fluid" src="assets/images/workshops/Valeria_Surk.jpg" alt="Valeria Surk"> <br>
<h4>Product Management: User-Centric Approach</h4>
<p>Workshop by Valeria Surk, Product Manager at Veson Nautical</p>
</div>
</div>
<div class="col-6 ">
<div class="feature_item">
<img class="img-circle workshop-img img-fluid" src="assets/images/workshops/Shiri_Dori-Hacohen.jpg" alt="Shiri Dori-Hacohen"> <br>
<h4>Giving in Networking and Negotiation: how to add values to others for fun and profit</h4>
<p>Workshop by Shiri Dori-Hacohen, CEO of AuCoDe & UMass Alum</p>
</div>
</div>
<div class="col-6 ">
<div class="feature_item">
<img class="img-circle workshop-img img-fluid" src="assets/images/workshops/Quentin_Dupupet_Emily_Dzwil.jpg" alt="Quentin Dupupet and Emily Dzwil"> <br>
<h4>Introduction to Modeling and Machine Learning</h4>
<p>Workshop by Quentin Dupupet and Emily Dzwil, Junior Data Scientists at MassMutual</p>
</div>
</div>
<div class="col-6 ">
<div class="feature_item">
<img class="img-circle workshop-img img-fluid" src="assets/images/workshops/Aaron_Yeats.png" alt="Aaron Yeats"> <br>
<h4>Three Powerful Google Cloud <br>Products for Your Project</h4>
<p>Workshop by Aaron Yeats at Google Cloud Platform</p>
</div>
</div>
<div class="col-6 ">
<div class="feature_item">
<img class="img-circle workshop-img img-fluid" src="assets/images/logos/2020bee_color_nospecks.png" alt="HackHer413"> <br>
<h4>Introduction to Programming in the Beehive with Python</h4>
<p>Workshop by HackHer413</p>
</div>
</div>
<div class="col-6 ">
<div class="feature_item">
<img class="img-circle workshop-img img-fluid" src="assets/images/logos/2020bee_color_nospecks.png" alt="HackHer413"> <br>
<h4>Building a Solar-Powered Bugbot!</h4>
<p>Workshop by HackHer413</p>
</div>
</div>
<div class="col-6 ">
<div class="feature_item">
<img class="img-circle workshop-img img-fluid" src="assets/images/workshops/wayfair_react_workshop.jpg" alt="Shuchi Agrawal and Hadley Swello"> <br>
<h4>Your First React App</h4>
<p>Workshop by Shuchi Agrawal and Hadley Swello, Software Engineers at Wayfair</p>
</div>
</div>
<div class="col-6 ">
<div class="feature_item">
<img class="img-circle workshop-img img-fluid" src="assets/images/workshops/bose.jpg" alt="Elizabeth Mezias"> <br>
<h4>How To? Bose Frames and Sound Touch APIs</h4>
<p>Workshop by Elizabeth Mezias, Android Architect at Bose</p>
</div>
</div>
<div class="col-6 ">
<div class="feature_item">
<img class="img-circle workshop-img img-fluid" src="assets/images/workshops/liberty-mutual-workshop.JPG" alt="Mary Michaud"> <br>
<h4>Introduction to MongoDB Atlas</h4>
<p>Workshop by Mary Michaud, Architect at Liberty Mutual</p>
</div>
</div>
<div class="col-6 ">
<div class="feature_item">
<img class="img-circle workshop-img img-fluid" src="assets/images/workshops/voatz-workshop.jpeg" alt="Jonathan Kovach"> <br>
<h4>Ethical Hacking and How to Start Security Testing of Mobile Applications</h4>
<p>Workshop by Jonathan Kovach, Software Engineer at Voatz</p>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-lg-6 vl">
<h3 class="lightbg-heading">Beginner++</h3>
<div class="row">
<div class="col-6 ">
<div class="feature_item">
<img class="img-circle workshop-img img-fluid" src="assets/images/workshops/Bri_Veillette.jpg" alt="Bri Veillette"> <br>
<h4>Build & Deploy a Web App using Docker</h4>
<p>Workshop by Bri Veillette, Senior DevOps Engineer at IDEXX</p>
</div>
</div>
<div class="col-6 ">
<div class="feature_item">
<img class="img-circle workshop-img img-fluid" src="assets/images/workshops/mohit_iyyer.png" alt="Mohit Iyyer"> <br>
<h4>Using Machine Learning to Understand Language</h4>
<p>Workshop by Mohit Iyyer, Professor at CICS</p>
</div>
</div>
<!-- <div class="col-6">
<div class="feature_item">
</div>
</div> -->
<div class="col-6 ">
<div class="feature_item">
<img class="img-circle workshop-img img-fluid" src="assets/images/workshops/david_fisher.jpg" alt="David Fisher"> <br>
<h4>Object Oriented Design</h4>
<p>Workshop by David Fisher, Facilitator at CICS</p>
</div>
</div>
<div class="col-6 ">
<div class="feature_item">
<img class="img-circle workshop-img img-fluid" src="assets/images/workshops/cameron_musco.jpg" alt="Cameron Musco"> <br>
<h4>Finding an Approximate Needle in a Haystack</h4>
<p>Workshop by Cameron Musco, Assistant Professor at CICS</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Venue -->
<section id="venue-section">
<h2 class="darkbg-heading">Our Venue</h2>
<p class="darkbg-para">HackHer413 2020 will be held in the Integrated Learning Center (ILC) at the University of Massachusetts Amherst campus.</p>
<div class="row gallery-item">
<div class="col-md-4">
<a href="assets/images/venue/ilc.jpg" class="img-gal">
<div class="single-gallery-image" style="background: url(assets/images/venue/ilc.jpg);"></div>
</a>
</div>
<div class="col-md-4">
<a href="assets/images/venue/ilc-atrium.jpg" class="img-gal">
<div class="single-gallery-image" style="background: url(assets/images/venue/ilc-atrium.jpg);"></div>
</a>
</div>
<div class="col-md-4">
<a href="assets/images/venue/ilc-dark.jpg" class="img-gal">
<div class="single-gallery-image" style="background: url(assets/images/venue/ilc-dark.jpg);"></div>
</a>
</div>
<div class="col-md-6">
<a href="assets/images/venue/ilc-auditorium.jpg" class="img-gal">
<div class="single-gallery-image" style="background: url(assets/images/venue/ilc-auditorium.jpg);"></div>
</a>
</div>
<div class="col-md-6">
<a href="assets/images/venue/ilc-tbl.jpg" class="img-gal">
<div class="single-gallery-image" style="background: url(assets/images/venue/ilc-tbl.jpg);"></div>
</a>
</div>
</div>
</section>
<section class="bus">
<h2 class="lightbg-heading bus_head">Buses to HackHer413!</h2>
<div class="row">
<div class="col-lg-5 split feature_item">
<h3>Boston & Worcester</h3>
<div class="timeline">
<div class="timeline_container timeline_left">
<div class="timeline_content">
<h4>Saturday 6:15am</h4>
<p>Departure from South Station Bus Terminal</p>
</div>
</div>
<div class="timeline_container timeline_right">
<div class="timeline_content">
<h4>Saturday 7:30am</h4>
<p>Departure from Worcester Central Hub @ Union Station</p>
</div>
</div>
<div class="timeline_container timeline_left">
<div class="timeline_content">
<h4>Saturday 9:05am</h4>
<p>Arrival at UMass</p>
</div>
</div>
<div class="timeline_container timeline_right">
<div class="timeline_content">
<h4>Sunday 4:30pm</h4>
<p>Departure from UMass</p>
</div>
</div>
</div>
</div>
<div class="col-lg-5 split feature_item">
<h3>NYC</h3>
<div class="timeline">
<div class="timeline_container timeline_left">
<div class="timeline_content">
<h4>Saturday 6:15am</h4>
<p>Departure from Grand Central Station</p>
</div>
</div>
<div class="timeline_container timeline_right">
<div class="timeline_content">
<h4>Saturday 9:30am</h4>
<p>Arrival at UMass</p>
</div>
</div>
<div class="timeline_container timeline_left">
<div class="timeline_content">
<h4>Sunday 4:30pm</h4>
<p>Departure from UMass</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Sponsors -->
<section id="sponsor-section" class="sponsor-section">
<h2 class="lightbg-heading">Our Sponsors</h2>
<br>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.cics.umass.edu/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/CICS-medium.png" alt="UMass CICS"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.idexx.com/en/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/IDEXX.png" alt="IDEXX"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.bnymellon.com/us/en/careers/campus-recruitment/index.jsp"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/bnym_rgb.jpg" alt="BNY Mellon"></a>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://voatz.com/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/voatz-logo-transparent-300dp.png" alt="Voatz"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.masslottery.com/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/Lottery.jpg" alt="Massachusetts State Lottery"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.wayfair.com/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/wayfair.png" alt="Wayfair"></a>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://ds.cs.umass.edu/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/UMass_CICS-Center_Data_Science-vert-RGB.png" alt="Center fo Data Science"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.bose.com/en_us/careers.html"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/Bose-Logo.png" alt="Bose"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://jobs.libertymutualgroup.com/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/Liberty-Mutual.png" alt="Liberty Mutual"></a>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://veson.com/careers/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/veson-nautical.png" alt="Veson Nautical"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://massmutual.com/about-us/careers"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/massmutual.png" alt="MassMutual"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://echo.co/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/EchoAndCo.svg" alt="Echo&Co"></a>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.facebook.com/careers/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/Facebook.png" alt="Facebook"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://careers.google.com/cloud/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/GCP.png" alt="Google Cloud"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.travelers.com/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/TravelersLogo.png" alt="Travelers Insurance"></a>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.crd.com/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/CRD-STT_Logo.jpg" alt="Charles River Development"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://us-jobs.kpmg.com/careers/YourCareer"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/kpmg.png" alt="KPMG"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://balsamiq.com/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/balsamiq.svg" alt="Balsamiq"></a>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://girlswhocode.com/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/gwc.jpg" alt="Girls Who Code"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.isenberg.umass.edu/centers/berthiaume-center-for-entrepreneurship"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/UMass_Berthiaume_Center.jpg" alt="UMass Berthiaume Center for Entrepreneurship"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://ripplematch.com/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/sponsors/ripplematch.png" alt="RippleMatch"></a>
</div>
</div>
</div>
<br>
<p class="seperator-para">Interested in learning more about sponsoring HackHer413 2020? Check out our <a target="_blank" href="assets/sponsorship_package.pdf">sponsorship package</a> and reach out to us at <a href="mailto:hackher413@gmail.com">hackher413@gmail.com</a>. <br> We look forward to connecting with you and your organization! </p>
</section>
<!-- Partners -->
<section id="partner-section" class="sponsor-section">
<h2 class="lightbg-heading">Our Partners</h2>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.pololu.com/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/partners/pololu.png" alt="Pololu Robotics & Electronics"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.alphabrandco.com/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/partners/alpha.png" alt="Alpha Brand"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://rewritingthecode.org/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/partners/RTC_Wordmark.png" alt="Rewriting the Code"></a>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.thebit.tech/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/partners/TheBit.png" alt="The Bit"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://amherstworks.io/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/partners/amherstWorks.png" alt="AmherstWorks"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://antoniospizza.com/locations/amherst/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/partners/Antonios-Logo.png" alt="Antonio's"></a>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://insomniacookies.com/locations/store/1141"><img class="hackher413-sponsor-logo align-middle" src="assets/images/partners/insomniaCookies.png" alt="Insomnia Cookies"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://umassdining.com/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/partners/umassdining_logo.jpg" alt="UMass Dining"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="http://controversies.info/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/partners/aucode.png" alt="AuCoDe"></a>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.monsterenergy.com/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/partners/monster-energy-logo-on-white.png" alt="Monster Energy"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.stickermule.com/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/partners/sticker-mule-logo-light.png" alt="Sticker Mule"></a>
</div>
<div class="col-sm-12 col-lg-4">
<a target="_blank" href="https://www.apple.com/education/campusreps/"><img class="hackher413-sponsor-logo align-middle" src="assets/images/partners/apple-campus.png" alt="Apple Authorized Campus"></a>
</div>
</div>
</section>
<!-- FAQ -->
<section id="faq">
<div class="container">
<h2 class="darkbg-heading faq-heading">Frequently Asked Questions</h2>
<div class="row">
<div class="col-lg-3 feature_item faq-tile">
<h3>What is a hackathon?</h3>
<p>A hackathon is an invention marathon. Students come together to build cool
software & hardware creations over 24 hours. It's <a href="https://medium.com/@tfogo/hackathons-are-for-beginners-77a9c9c0e000#.cj21niskl" target="_blank">very beginner friendly</a>.
</p>
</div>
<div class="col-lg-3 feature_item faq-tile">
<h3>How much does it cost?</h3>
<p>
Nothing. Attending a hackathon is free!
</p>
</div>
<div class="col-lg-3 feature_item faq-tile">
<h3>Do I need to be a student to attend?</h3>
<p>
Yes. Only students who are currently enrolled at a college/university or have graduated in the
last 12 months are eligible to attend.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-3 feature_item faq-tile">
<h3>I do not identify as a woman or non-binary student. Can I still participate?</h3>
<p>
Yes! You are able to apply as a volunteer or mentor. Volunteers and mentors will still have full access to the
event in exchange for helping out. However, they will not be eligible to submit hacks for prizes.
</p>
</div>
<div class="col-lg-3 feature_item faq-tile">
<h3>Where is the event?</h3>
<p>
The event is being hosted at UMass Amherst in the Integrated Learning Center (ILC).
</p>
</div>
<div class="col-lg-3 feature_item faq-tile">
<h3>Are there travel reimbursements?</h3>
<p>
We will be offering limited spots on buses from Boston (with a stop in Worcester) & New York City. Participants will be able to sign up once they RSVP.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-3 feature_item faq-tile">
<h3>What is Major League Hacking?</h3>
<p>
Major League Hacking is <a href="https://mlh.io" target="_blank">the official student hackathon league</a> in North America & Europe. <br>
They work with over 200 Member Events and empower over 70,000 students every year.
</p>
</div>
<div class="col-lg-3 feature_item faq-tile">
<h3>Is there a code of conduct?</h3>
<p>
Yes there is. We enforce it very strongly. You can <a href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf" target="_blank">find it here</a>.
</p>
</div>
</div>
</div>
</section>
<!-- In the Press -->
<section id="press">
<h2 class="lightbg-heading press-heading">HackHer413 in the News</h2>
<div class="container">
<div class="row latest_blog_inner">
<div class="col-lg-4">
<div class="l_blog_item news">
<div class="l_blog_img newsImg">
<img class="img-fluid" src="assets/images/news/networkingevent.jpeg" alt="Members of the HackHer413 organizing team at a networking event">
</div>
<div class="l_blog_text">
<div class="blog_date">
<p>July 17, 2019 | By UMass Amherst News & Relations Staff</p>
</div>
<a target="_blank" href="https://www.umass.edu/newsoffice/article/hackher413-holds-networking-event-plans"><h4>HackHer413 Holds Networking Event, Plans Hackathon for February</h4></a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="l_blog_item news">
<div class="l_blog_img newsImg">
<img class="img-fluid" src="assets/images/news/amherstwire.png" alt="Amherst Wire">
</div>
<div class="l_blog_text">
<div class="blog_date">
<p>April 10, 2019 | By Brian Choquet</p>
</div>
<a href="https://amherstwire.com/28151/campus/diversifying-hackathons-umass-students-put-a-spin-on-the-popular-tech-event/"><h4>Diversifying hackathons: UMass students put a spin on the popular tech event</h4></a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="l_blog_item news">
<div class="l_blog_img newsImg">
<img class="img-fluid" src="assets/images/news/hackathonexperience.jpeg" alt="HackHer, written in balloons at the 2019 event">
</div>
<div class="l_blog_text">
<div class="blog_date">
<p>February 10, 2019 | By Kallan Angus</p>
</div>
<a href="http://www.umass.edu/admissions/student-blog/2019/hackher413-my-hackathon-experience"><h4>HackHer413: My Hackathon Experience</h4></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--================End Latest Blog Area =================-->
<!-- Team -->
<section class="bg-light page-section" id="team">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<br>
<h2 class="lightbg-heading">Meet Our Organizing Team</h2>
<p class="text-muted">Our leaders in technology, marketing, finance, sponsorship, outreach, operations, and more.</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/images/team/disha.jpeg" width="100" height="100" alt="">
<h4>Disha Srivastava</h4>