blackrockevent/index.html at master · CodeAllianceOrg/blackrockevent · GitHub

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
<!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="author" content="">
    <link rel='shortcut icon' type='image/x-icon' href='img/favicon.png' />

    <title>Code Sprint 2017</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom fonts for this template -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Cabin:700' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Coming+Soon" rel="stylesheet">


    <!-- Custom styles for this template -->
    <link href="css/grayscale.min.css" rel="stylesheet">

</head>

<body id="page-top">

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
        <a class="navbar-brand" href="#page-top">Code Sprint for Impact</a>
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
            Menu <i class="fa fa-bars"></i>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="nav-link" href="#about">About</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#projects">Projects</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#schedule">Schedule</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#contact">Contact</a>
                </li>
            </ul>
        </div>
    </nav>

    <!-- Intro Header -->
    <header class="masthead">
        <div class="intro-body">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 mx-auto"><br /><br /><br />
                        <h1 class="brand-heading">BLACKROCK <br />CODE SPRINT 2017</h1>
                        <p class="intro-text">BlackRock has partnered with Benetech's Code Alliance Initiative to help nonprofits with technology.</p>
                        <p style="font-size:15px;">Use your engineering skills for good | September 13th - 15th</p>
                        <a href="#about" class="btn btn-circle page-scroll">
                            <i class="fa fa-angle-double-down animated"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- About Section -->
    <section id="about" class="content-section text-center">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 mx-auto">
                    <h2>About: Code Sprint for Impact</h2>
                    <p>Benetech's Code Alliance is a technology program that connects developers to social impact opportunities through open source hackathons and code sprints!</p>
                    <p>This year we are bringing you 2 - 3 nonprofit projects over the course of 2.5 days.</p>
                    <p>The nonprofits we work with are tech-focused, have open source software projects, and are already using technology for good in the field. There will be 1 technical representative from each nonprofit to work with you onsite the days of the events.</p>
                    <p>Your job is to join a team and work with your master of ceremonies: <a href="#">Deep Datta</a>, on fulfilling a list of technical tasks to be assigned to your team that day.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Projects Section -->
    <section id="projects" class="download-section content-section text-center">
        <div class="container">
            <div class="col-lg-8 mx-auto">
                <h2>Projects for Code Sprint</h2>
                 <h3>Which team do you want to join?</h3>
                <p>You can read the project descriptions and see the list of skills needed for each team by clicking on the links below:</p>
                <a href="projects/ampleharvest.html" class="btn btn-default btn-lg">AmpleHarvest.org</a>
                <a href="projects/openreferral.html" class="btn btn-default btn-lg">OpenReferral.org</a>
            </div>
        </div>
    </section>

    <!-- About Section -->
    <section id="schedule" class="schedule-section text-center" style="background-color:white; color:#3e5885!important; padding:60px 20px; font-family:'Coming Soon';"">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 mx-auto">
                    <h2>Schedule</h2>
                    <hr style="border: 1px solid #3e5885;" />
                    <h3>Wednesday September 13th</h3>
                    <p>3:00 - 5:00 pm: 2-hour kickoff presentation!</p>
                     <h3>Thursday September 14th</h3>
                    <p>9:30 am - 9:30 pm: Spend all day coding with your team!</p>
                     <h3>Friday September 15th</h3>
                    <p>9:30 am - 4:30 pm: Last day of coding!</p>
                    <p>4:30 pm - 5:15 pm: Demo presentations and wrap-up</p>

                    <p><i>*** We are providing food and drinks to all hackathon participants!</i></p>
                </div>
            </div>
        </div>
    </section>

        <!--
    <section id="signup" class="download-section2 content-section text-center">
        <div class="container">
            <div class="col-lg-8 mx-auto">
                <h2>Now accepting sign ups!...</h2>
            </div>
        </div>
    </section> -->

    <!-- Contact Section -->
    <section id="contact" class="content-section text-center">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 mx-auto">
                    <h2>Contact the Organizers</h2>
                    <p>Your BlackRock contact is Joanne Deignan.</p>
                    <h4>joanne.deignan@blackrock.com</h4>
                    <p>Feel free to contact me <a href="mailto:deepd@benetech.org?subject=Code Sprint for BlackRock">Deep Datta</a> if you have any <br /> questions or comments about this event!</p>
                    <h4>deepd@benetech.org</h4>
                    <ul class="list-inline banner-social-buttons">
                        <li class="list-inline-item">
                            <a href="https://github.com/DattaUSC" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container text-center">
            <p><a href="http://www.codealliance.org" />www.codealliance.org</a></p>
            <p>Benetech | Code Alliance 2017</p>
        </div>
    </footer>

    <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/popper/popper.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

    <!-- Custom scripts for this template -->
    <script src="js/grayscale.min.js"></script>

</body>

</html>