This repository has been archived by the owner on Jun 20, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
148 lines (134 loc) · 6.4 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
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Bümerang</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body class="landing">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Bümerang</a></h1>
</header>
<div id="myWrapper">
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>BÜMERANG</h2>
<div id="links">
<h1 style="padding-top:50px">Someone's got you covered</h1><br/><br/>
<h3> Need something right now? Then Bümerang is the real-time sharing app for you! </h3>
<h3> <a href="https://play.google.com/store/apps/details?id=com.seng480b.bumerang&hl=en">Download Here!</a></h3></p>
<h3>Tell us what you think! Send us an email at [email protected]</h3></p>
</div
<ul class="actions">
<a href="#one" class="more scrolly">Learn More</a>
</ul>
</div>
</section>
</div>
</div>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h1 id="FAQtitles">Why? </h1>
<h3>Bümerang (pronounced Boomerang) is a student driven project to help you when you're in a pinch.
It is a real-time, mobile sharing application that allows users to easily make requests
to borrow things like laptop or phone chargers.</h3> <br><br/>
<h1 id="FAQtitles"> So, how does it work?</h1>
<h3>There are two pages, 'I need it' and 'I have it'. 'I need it' are items that people
near you are currently looking for, 'I have it' are items that people are generously
offering to lend out!</h3><br><br/>
<h1 id="FAQtitles"> How do I request or offer something? </h1>
<h3> Simply click the plus button on the main screen and you will be prompted to enter the title of the
request, a short description of the item, how far you are willing to travel to get it, and how long you
need it for. The request will then appear in the 'I need it' page for others to see.</h3><br></br>
<h1 id="FAQtitles">I'm scared someone will steal my things</h1>
<h3> Every request is attached to the users Facebook page and phone number. Only when both parties
agree on an interaction are phone numbers exchanged.</h3><br><br/>
<h1 id="FAQtitles">Who made this?</h1><br>
<a id="meetPeople" href="#two" class="more scrolly"><h3>Meet the people behind Bümerang</a></h3>
</header>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/mavis.jpg" alt="" /></div><div class="content">
<h2>Mavis Brace <br><br />
[[email protected]]</h2>
<p>Mavis is the artist extraordinaire behind Bümerang's beautiful logo. She also loves dealing with Android fragments and UI. </p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/charlotte.jpg" alt="" /></div><div class="content">
<h2>Charlotte Fedderly<br><br />
[[email protected]]</h2>
<p>Worth approximately 1.6 million dollars, Charlotte has been the driving force behind Bümerang's data integration and connection of endpoints.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/conner.jpg" alt="" /></div><div class="content">
<h2>Conner Leverett<br><br />
[[email protected]]</h2>
<p>Conner likes to try and fix bugs and track what users are doing.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/tyler.jpg" alt="" /></div><div class="content">
<h2>Tyler Potter<br><br />
[[email protected]]</h2>
<p>Tyler has played a leadership role in development and has passed on vast amounts of knowledge to the team.</p>
</div>
</section>
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/brady.jpg" alt="" /></div><div class="content">
<h2>Brady Schnell<br><br />
[[email protected]]</h2>
<p>Brady has implemented the notification system so users know somebody's got them covered. He will soon be applying for a position with Firebase.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/daniel.jpg" alt="" /></div><div class="content">
<h2>Daniel Templeman<br><br />
[[email protected]]</h2>
<p>Users can securely log into Bümerang with Daniel's Facebook integration.</p>
</div>
</section>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://github.com/CFedderly/bumerang-client" class="icon fa-github"> <a href="https://github.com/CFedderly/bumerang-client"><span class="label">Check us out on Github!</span></a></li>
<br></br>
<li> Comments? Questions? Just want someone to chat with? Send us an email at [email protected]</li>
</ul>
<ul class="copyright">
<li>© Bümerang 2016</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>