-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (144 loc) · 6.32 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
<!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="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Jekyll v3.8.6">
<title>One Million Lines</title>
<link rel="canonical" href="https://getbootstrap.com/docs/4.4/examples/jumbotron/">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- This is our Arvo font -->
<link href='https://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
<link href="fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- Favicons -->
<link rel="apple-touch-icon" href="/docs/4.4/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/4.4/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/4.4/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/4.4/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/4.4/assets/img/favicons/safari-pinned-tab.svg" color="#563d7c">
<link rel="icon" href="/docs/4.4/assets/img/favicons/favicon.ico">
<meta name="msapplication-config" content="/docs/4.4/assets/img/favicons/browserconfig.xml">
<meta name="theme-color" content="#563d7c">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
/*.jumbotron {
text-align: center;
}*/
</style>
<!-- Custom styles for this template -->
<link href="css/custom.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-header">
<!--<a class="navbar-brand" href="#"> -->
<!-- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button> -->
<ul class="navbar-nav">
<li class="nav-item ">
<a class="nav-link" href="#"><img src="images/top-logo.png" alt="One Million Lines" title="One Million Lines"></a>
</li>
</ul>
</div>
<div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#who">WHO WE ARE</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#get-involved">GET INVOLVED</a>
</li>
</ul>
</div>
</nav>
<main role="main">
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h2 class="display-3"><b>Our goal is to inspire <br>Tallahassee to write 1,000,000<br> lines of code_</b></h2>
<p>All over the country people are taking the <strong>HOUR OF CODE</strong> challenge
issued by <strong>CODE.org</strong>. Millions of lines of code are being written. In
the capital of Florida, Tallahassee, the community is taking the challenge and our goal
is to write 1,000,000 lines of code_</p>
<p><a class="btn btn-danger btn-lg" href="#" role="button">Learn more »</a></p>
<!-- <img src="images/background.png" title="Code.org logo" alt = "Code.org"> -->
</div>
</div>
<div id="who">
<div class="container homepage">
<img src="images/academy.png" title="MASSIVE Academy" alt="MASSIVE Academy">
<h2>Who We Are</h2>
<hr>
<p>We are <a href="http://www.massiveacademy.us" target="_blank"><b>MASSIVE Academy</b></a>.
We aim to improve education through both method - effective project-based learning -
and material - by teaching skills that are applicable to improving your life today.</p>
</div>
</div>
<div id="get-involved">
<div class="container homepage">
<h2>Get Involved</h2>
<hr>
<div class="row">
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-user fa-stack-1x fa-inverse"></i>
</span>
<h3>Students</h3>
<p>Want to learn how to code? Want to help us get to 1,000,000 lines? Click the button below and we'll let you know how to get involved.</p>
<p><a class="btn btn-default" href="https://docs.google.com/forms/d/e/1FAIpQLSfmkGwkqMMiHw0BuTdjXuI3b8XwvvdHFBWtlS-LJBrjvLWNoA/viewform?usp=sf_link" role="button" target="_blank">Start Learning »</a></p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-pencil fa-stack-1x fa-inverse"></i>
</span>
<h3>Educators</h3>
<p>Want to bring this initiative to your school or institution? Awesome! Click the button below and we'll make it happen.</p>
<p><a class="btn btn-default" href="http://www.rvce.edu.in" target="_blank" role="button">Join The Iniative »</a></p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-money fa-stack-1x fa-inverse"></i>
</span>
<h3>Sponsors</h3>
<p>We love all the support we get to help host more events, and empower more lives with the knowledge of coding. Click to get involved.</p>
<p><a class="btn btn-default" href="#" role="button" target="_blank">Give Support »</a></p>
</div>
</div>
<hr>
</div> <!-- /container -->
</div>
</main>
<footer>
<div class="container">
<p><img src="images/footer.png" alt="One_Community One_Million_Lines_">
</p>
</div>
</footer>
</body>
</html>