-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
168 lines (144 loc) · 7.79 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="oasis AI">
<meta name="author" content="oasis AI">
<title>oasis AI</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/ionicons.min.css" rel="stylesheet" type="text/css">
<!-- Custom CSS -->
<link href="js/vegas/vegas.min.css" rel="stylesheet" type="text/css">
<link href="css/animate.min.css" rel="stylesheet" type="text/css">
<link href="css/xslanding.css" rel="stylesheet">
<!-- Favicon -->
<link rel="icon" type="image/png" href="favicon.png">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="wow fadeIn">
<div class="overlay"></div>
<div class="container-fluid content">
<div class="promo no-rightbar">
<div class="row intropromo">
<div class="col-lg-3 col-lg-offset-1">
<h2 class="wow bounceInDown">oasis AI</h2>
<ul class="list-inline lead">
<li><a data-target="#wantModal" data-toggle="modal" class="btn btn-border btn-lg wow fadeInLeft">I Want To Help</a></li>
<li><a data-target="#needModal" data-toggle="modal" class="btn btn-white btn-lg wow fadeInRight">I Need Help</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-7">
<h4>Matching technologists with organizations in need</h4>
<p>Sign up for our newsletter or follow us on Twitter for updates.</p>
<!-- MailChimp Signup Form -->
<!-- Replace the form action in the line below with your MailChimp embed action! For more information on how to do this please visit the Docs! -->
<form action="https://github.us8.list-manage.com/subscribe/post?u=5ef8bd56c0cd92f341ea9164a&id=f8094bdda9" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="form-inline subscribe-form" target="_blank" novalidate>
<div class="input-group input-group-lg">
<input type="email" name="EMAIL" class="form-control" id="mce-EMAIL" placeholder="Email address...">
<span class="input-group-btn">
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="btn btn-dark">Go</button>
</span>
</div>
<div id="mce-responses">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
</form>
<!-- End MailChimp Signup Form -->
</div>
<div class="col-lg-3 col-md-5 col-lg-offset-1">
<!-- <h1 class="logo"><img src="img/logo.png" alt="Logo"></h1> -->
<!-- <h4><i class="icon ion-android-call"></i> (123) 456-7890</h4> -->
<!-- <p><i class="fa fa-envelope fa-fw"></i> [email protected]<br>
<i class="fa fa-map-marker fa-fw"></i> 12345 Some Ave, New York</p> -->
<!-- <a href="/"><i class="fa fa-facebook fa-fw fa-2x"></i></a> -->
<a href="https://twitter.com/oasis_ai"><i class="fa fa-twitter fa-fw fa-2x"></i></a>
<a href="https://github.com/oasisai"><i class="fa fa-github fa-fw fa-2x"></i></a>
<!-- <a href="/"><i class="fa fa-linkedin fa-fw fa-2x"></i></a> -->
</div>
</div>
</div>
</div>
<div class="about-modal modal fade" id="needModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content text-center">
<div class="close-modal" data-dismiss="modal">
<i class="icon ion-ios-close-empty"></i>
</div>
<div id="about" class="container wow fadeIn animated">
<div class="row">
<div class="col-lg-3"></div>
<div class="col-lg-6">
<!-- <img src="img/logodark.png" alt="Logo"> -->
<h3>How could technology transform your organization?</h3>
<hr>
<h4>Could your non-profit or community group benefit by pairing with the world's most creative technologists?</h4>
<p>OASIS creates matches between creative technologists and organizations in need of technological assistance to create projects that make a lasting difference.</p>
<p>Sign up for our newsletter, or follow us on Twitter, to be the first to know about our matchmaking opportunities.</p>
</div>
<div class="col-lg-3"></div>
</div>
</div>
<button type="button" class="btn btn-dark btn-lg" data-dismiss="modal">CLOSE</button>
</div>
</div>
</div>
<div class="about-modal modal fade" id="wantModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content text-center">
<div class="close-modal" data-dismiss="modal">
<i class="icon ion-ios-close-empty"></i>
</div>
<div id="about" class="container wow fadeIn animated">
<div class="row">
<div class="col-lg-3"></div>
<div class="col-lg-6">
<!-- <img src="img/logodark.png" alt="Logo"> -->
<h3>Leverage your abilities for good</h3>
<hr>
<h4>After attending countless hackathons and pouring hundreds of hours into personal projects, we pondered: could this creative energy be harnessed to create a better world?</h4>
<p>OASIS creates matches between creative technologists and organizations in need of technological assistance to create projects that make a lasting difference.</p>
<p>Sign up for our newsletter, or follow us on Twitter, to be the first to know about our matchmaking opportunities.</p>
</div>
<div class="col-lg-3"></div>
</div>
</div>
<button type="button" class="btn btn-dark btn-lg" data-dismiss="modal">CLOSE</button>
</div>
</div>
</div>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/device.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/smoothscroll.js"></script>
<!-- Contact Form -->
<script src="js/form.js"></script>
<script src="js/jquery.placeholder.min.js"></script>
<!-- Background image -->
<script src="js/vegas/vegas.min.js"></script>
<script>
$('body').vegas({
slides: [
{ src: 'img/oasis.jpg' }
]
});
</script>
<!-- Custom Theme JavaScript -->
<script src="js/xslanding.js"></script>
</body>
</html>