-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·188 lines (164 loc) · 9.02 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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
<!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="icon" href="favicon.ico">
<title>Bothie - put yourself in the picture!</title>
<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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-51997286-4', 'auto');
ga('send', 'pageview');
</script>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M"
crossorigin="anonymous">
<link href="bothie.css" rel="stylesheet">
</head>
<body>
<img src="image/icon_large_right.png" style="float: left; width: 128px; height: auto; margin-top: 33px;" />
<img src="image/icon_large_left.png" style="float: right; width: 128px; height: auto; margin-top: 33px;" />
<div class="jumbotron">
<div class="container">
<h1 class="display-3" style="text-align: center;">Bothie</h1>
<p style="text-align: center;">Make every photo personal.</p>
<p style="text-align: center;">
<a href='https://play.google.com/store/apps/details?id=com.flt.bothie2&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'><img alt='Get Bothie on Google Play' src='https://play.google.com/intl/en_gb/badges/images/generic/en_badge_web_generic.png' style="width: 200px;"/></a>
</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-7" style="padding-top: 100px;">
<h2>Put yourself in the picture!</h2>
<p>Bothie makes it easy to put yourself in every picture you take. There's no need to learn photoshop - just
point, shoot, and shoot again! Bothie uses the main camera for your main snap, and the selfie camera
to capture and inset you.
</p>
<p>
At last, no more awkward stretching and straining to be in shot with those beautiful sights, and definitely no need to ask
a stranger to take your photo! Now you can take truly personal shots in an instant.
</p>
<p>
Relax, it's free!
</p>
<p><a class="btn btn-primary" href="https://play.google.com/store/apps/details?id=com.flt.bothie2" target="_blank"
role="button">Try Bothie now »</a></p>
</div>
<div class="col-md-4">
<img src="image/app_sample_bothie_1.png" style="width:100%; transform: rotate(4deg);" />
</div>
</div>
<div class="row">
<div class="col-md-4">
<img src="image/app_sample_bothie_1.png" style="width:100%; transform: rotate(-4deg);" />
</div>
<div class="col-md-7" style="padding-top: 100px;">
<h2>Frame yourself any way you like!</h2>
<h3>Coming soon!</h3>
<p>
With Bothie, you can frame your selfie any way you like to add a little <i>je ne sais quoi</i> to your
photos! Bothie offers some beautiful frame shapes, shadow, and glow effects for your pics.
</p>
<div class="card bg-light mb-3" style="max-width: 60%; margin-top: 50px; margin-left: auto; margin-right: auto;">
<div class="card-header">
More about frames
</div>
<div class="card-body">
<h4 class="card-title">You're a star!</h4>
<p class="card-text">
You choose how your bothie goes together - and with our range of frames you can tailor it perfectly. It's easy to do and
easy to change until you're happy with the outcome!
</p>
</div>
</div>
</div>
<div class="col-md-1"></div>
</div>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-7" style="padding-top: 100px;">
<h2>#Groupie with friends!</h2>
<h3>Coming soon!</h3>
<p>
Out with friends, and want everybody in your photo? Just use Bothie to send and receive selfies from everybody nearby, and
composite them together!
</p>
<div class="card bg-light mb-3" style="max-width: 60%; margin-top: 50px; margin-left: auto; margin-right: auto;">
<div class="card-header">
More about Groupies
</div>
<div class="card-body">
<img src="image/logo_nearby_small_b.png" style="float:right;" />
<h4 class="card-title">#Groupies with friends?</h4>
<p class="card-text">
Bothie's Groupie feature lets you share pictures with your friends, and inset them right into the bothie they're making right
now! It uses the Android Nearby toolset so you can seamlessly send your selfie across the room.
</p>
</div>
</div>
</div>
<div class="col-md-4">
<img src="image/app_sample_bothie_1.png" style="width:100%; transform: rotate(4deg);" />
</div>
</div>
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-5" style="padding-top: 100px;">
<h2>Join our community!</h2>
<p>
Bothie is all about you and your photos. Share them with us
<a href="https://twitter.com/BothieApp" target="_blank">@BothieApp</a> and we'll retweet and celebrate
with you, and the smartphone photography community!
</p>
<p>
You can guide the development of Bothie by voting on feature requests at our community subreddit:
<a href="https://reddit.com/r/bothie" target="_blank">r/bothie</a>
</p>
<p>
<a class="btn btn-secondary" href="https://twitter.com/BothieApp" target="_blank" role="button">@BothieApp »</a>
<a class="btn btn-secondary" href="https://reddit.com/r/bothie" target="_blank" role="button">Visit r/bothie »</a>
</p>
</div>
<div class="col-md-6">
<img src="image/app_front_page.png" style="width: 48%; transform: rotate(0deg);" />
<img src="image/reddit_bothie.png" style="width: 48%; transform: rotate(0deg);" />
</div>
</div>
<div class="row">
<div class="col-md-12" style="text-align: center; margin-top: 50px; margin-bottom: 50px;">
<a href='https://play.google.com/store/apps/details?id=com.flt.bothie2&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'>
<img
src="image/icon_large.png"
style="width: 200px;" />
<br/>
<img alt='Get Bothie on Google Play'
src='https://play.google.com/intl/en_gb/badges/images/generic/en_badge_web_generic.png'
style="width: 200px;" />
</a>
</div>
</div>
<hr>
<footer>
<p>© <a href="http://front-line-tech.com" target="_blank">Front-Line Tech Ltd</a>, 2017</p>
</footer>
</div>
<!-- /container -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1"
crossorigin="anonymous"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../../../assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>