-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
170 lines (145 loc) · 9.1 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
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="./assets/logo.png">
<title>WORMIE</title>
<!-- Bootstrap core CSS -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<!-- Custom styles for this template -->
<link href="./assets/main.css" rel="stylesheet">
<!-- ionic button -->
<link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
<!-- Google Font -->
<link href='https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900' rel='stylesheet' type='text/css'>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-72079757-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="row top-line"></div>
<div class="container">
<img class="image-circle center-block" src="./assets/logo.png" width="350" height="350"/>
<h2 class="heading text-center">WORMIE is a <span class="blue-color">space-time-travel</span> app for iOS</h2>
<p></p>
</div>
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing">
<!-- START THE FEATURETTES -->
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-7 col-md-push-5">
<h2 class="featurette-heading">Explore strange <br/> <span class="blue-color">new worlds</span></h2>
<ul class="description">
<li class="lead">Request videos at specific locations with deadlines</li>
<li class="lead">Create wormholes by submitting videos for nearby requests</li>
</ul>
</div>
<div class="col-md-5 col-md-pull-7 gif-container">
<img class="featurette-image gif img-responsive gif-container pull-right" src="./assets/WormieExplore.gif" alt="Generic placeholder image">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5">
<h2 class="featurette-heading">Make connections <span class="blue-color">across space-time</span></h2>
<ul class="description">
<li class="lead">Match with people across the world in real-time video chat</li>
<li class="lead">Design your own WORMIE color to personalize your connections</li>
</ul>
</div>
<div class="col-md-7 gif-container">
<div class="gif-container ">
<img class="featurette-image gif img-responsive" src="./assets/WormieLive.gif" alt="Generic placeholder image">
<img class="featurette-image gif img-responsive" src="./assets/WormieWatch.gif" alt="Generic placeholder image">
</div>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 col-md-push-7">
<h2 class="featurette-heading">Discover your<br/><span class="blue-color">next favorite place</span></h2>
<ul class="description">
<li class="lead">Search Yelp recommendations to find and create wormhole requests</li>
<li class="lead">Explore the world before your next trip with WORMIE</li>
</ul>
</div>
<div class="col-md-7 col-md-pull-5">
<img class="featurette-image gif img-responsive" src="./assets/WormieYelp.gif" alt="Generic placeholder image">
<img class="featurette-image gif img-responsive" src="./assets/WormieCreate.gif" alt="Generic placeholder image">
</div>
</div>
<hr class="featurette-divider">
<!-- /END THE FEATURETTES -->
<div class="div">
<img class="center-block tech" src="./assets/techstack.png">
</div>
<hr class="featurette-divider">
<!-- Three columns of text below the carousel -->
<div class="row">
<div class="col-lg-4">
<img class="img-circle" src="./assets/sun.png" alt="Generic placeholder image" width="140" height="140">
<h2>Sunyoung Kim</h2>
<p>Product Owner | Full Stack Engineer</p>
<p>I’m a full stack software engineer with extensive experience in Javascript development. My passion is building incredible user experiences - optimizing front-end applications to deliver fast, responsive, and performant UX to all users. I thrive in environments that embrace new technologies.</p>
<p>
<a class="btn size" href="http://www.sunyoungkim.xyz" role="button"><i class="ionic ion-home"></i></a>
<a class="btn size" href="https://linkedin.com/in/sunkim508" role="button"><i class="ionic ion-social-linkedin"></i></a>
<a class="btn size" href="http://github.com/SunyoungKim508" width="50" height="50" role="button"><i class="ionic ion-social-github larger"></i></a>
<a class="btn" href="https://angel.co/sunyoung-kim" role="button"><img src="./assets/angelist.jpg" width="24" height="24"></a>
</p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle" src="./assets/charlie.png" alt="Generic placeholder image" width="140" height="140">
<h2>Charlie Harrington</h2>
<p>DevOps | Full Stack Engineer</p>
<p>Full stack software engineer with a passion for building products that people love. I love working with technologies that enable new forms of communication and interaction and insight, and I'm obsessed with the potential of mobile. I embrace challenging problems and seek to build products that delight people.</p>
<p>
<a class="btn size" href="http://www.whatrocks.org" role="button"><i class="ionic ion-home"></i></a>
<a class="btn size" href="https://linkedin.com/in/charlieharrington" role="button"><i class="ionic ion-social-linkedin"></i></a>
<a class="btn size" href="http://github.com/whatrocks" width="50" height="50" role="button"><i class="ionic ion-social-github larger"></i></a>
<a class="btn" href="https://angel.co/charlieharrington" role="button"><img src="./assets/angelist.jpg" width="24" height="24"></a>
</p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle" src="./assets/nick.png" alt="Generic placeholder image" width="140" height="140">
<h2>Nick Fujita</h2>
<p>Scrum Master | Full Stack Engineer</p>
<p>A mobile focused full stack software engineer, based in the San Francisco Bay Area. I am passionate about consumer applications that bring excitement to our every day lives. Some specific areas of interest include music, global visual media, augmented reality, social events, and virtual reality.</p>
<p>
<a class="btn size" href="http://www.nickfujita.com" role="button"><i class="ionic ion-home"></i></a>
<a class="btn size" href="https://www.linkedin.com/in/nickfujita" role="button"><i class="ionic ion-social-linkedin"></i></a>
<a class="btn size" href="https://github.com/nickfujita" width="50" height="50" role="button"><i class="ionic ion-social-github larger"></i></a>
<a class="btn" href="https://angel.co/nick-fujita" role="button"><img src="./assets/angelist.jpg" width="24" height="24"></a>
</p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
<!-- FOOTER -->
<footer>
<p class="pull-right"><a href="#">Back to top</a></p>
<p>© 2016 Wormie</p>
</footer>
</div><!-- /.container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
</body>
</html>