-
Notifications
You must be signed in to change notification settings - Fork 4
/
xdrone-zepto.html
319 lines (294 loc) · 13.8 KB
/
xdrone-zepto.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
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
---
layout: product
title: XDrone Zepto
description: Fly Xdrone Zepto toy indoors/outdoors, master flips, tricks and speeds of up to 16 mph.
---
<div class="container-narrow">
<!-- Main Section (main image, product title, description and cta)-->
<hr>
<div class="main-section">
<div class="row-fluid">
<div class="span6">
<img src="img/xdrone-zepto/xdrone-zepto-343x343.jpg" alt="WebRC XDrone Zepto - Front Angle">
</div>
<div class="span5 offset1">
<h1>XDrone Zepto</h1>
<p class="lead">Fly indoors/outdoors, master flips, tricks and speeds of up to 16 mph.</p>
<ul>
<li>2.4Ghz Remote Control</li>
<li>Indoor or Outdoor</li>
<li>Flips & Tricks</li>
<li>Protective Cage System</li>
</ul>
<h5 class="product-price">Suggested Price $99.99</h5>
<a href="#myModal" role="button" data-toggle="modal" class="btn btn-large btn-block btn-success" type="button" onClick="ga('send', 'event', 'I Want It Button', 'Clicked I Want It Button For XDrone Zepto', 'I Want It Button Above Fold');">I Want It</a>
</div>
</div>
</div>
<!-- Description -->
<h3>Description</h3>
<p class="product-description lead">Capable of flying indoors or outdoors at up to 16mph it's the perfect first step into the world of quadcopters. It's protective cage system, multi-rotor technology and auto-stabilizing sensors allow the XDrone Zepto to safely and smoothly fly up/down, turn left/right, fly forward/backward and lean left/right. Oh, and did we mention that it can perform acrobatic flips? Oh yeah.</p>
<!-- Modal (Video) -->
<div id="myModal-Video" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="XDrone Video" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="XDrone Video">XDrone Zepto</h3>
</div>
<div class="modal-body">
<iframe width="530" height="298" src="//www.youtube-nocookie.com/embed/DOBBizY5kXM?rel=0&vq=hd720" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<!-- /Modal (Video) -->
<!-- /Main Section (main image, product title, description and cta)-->
<!-- XDrone Zepto Callouts -->
<hr>
<div id="xdrone-zepto-callouts">
<ul id="callouts">
<li id="xdrone-zepto-callout-circle-1" data-toggle="popover" data-trigger="hover" data-placement="right" data-content="Protective Cage System">
<img src="img/xdrone-pro/click.png">
</li>
<li id="xdrone-zepto-callout-circle-2" data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="High Torque Coreless Motors">
<img src="img/xdrone-pro/click.png">
</li>
<li id="xdrone-zepto-callout-circle-3" data-toggle="popover" data-trigger="hover" data-placement="right" data-content="Sturdy ABS Plastic">
<img src="img/xdrone-pro/click.png">
</li>
<li id="xdrone-zepto-callout-circle-4" data-toggle="popover" data-trigger="hover" data-placement="top" data-content="6-Axis Gyroscope">
<img src="img/xdrone-pro/click.png">
</li>
</ul>
</div>
<!-- /XDrone Zepto Callouts -->
</div> <!-- Closes div for container-narrow -->
<div class="container-narrow">
<!-- Features -->
<div class="features-xdrone-pro">
<div class="row-fluid">
<div class="span4 offset1">
<img src="img/xdrone/xdrone-icon-150-ft-range-313x313.jpg" alt="150+ ft Range icon">
<p class="feature-name">150+ ft Range</p>
</div>
<div class="span4 offset2">
<img src="img/feature-icons/icon-6-axis-gyro-313x313.jpg" alt="6 axis gyro">
<p class="feature-name">6 Axis Gyroscope</p>
</div>
<div class="row-fluid">
<div class="span4 offset1 margin-top-40">
<img src="img/xdrone/xdrone-icon-tricks-313x313.jpg" alt="Flips and tricks icon">
<p class="feature-name">Flips & Tricks</p>
</div>
<div class="span4 offset2 margin-top-40">
<img src="img/feature-icons/icon-crash-resistant-cage-313x313.jpg" alt="Protective Cage">
<p class="feature-name">Protective Cage</small></p>
</div>
</div>
</div>
</div>
<!-- /Features -->
<!-- Attribute1 -->
<hr>
<!-- /Attribute1 -->
</div> <!-- Closes div for container-narrow -->
<div class="big-image">
<img id="xdroneimage" src="img/xdrone-zepto/xdrone-zepto-700x450.jpg" alt="XDrone Zepto Packaging">
</div>
<!-- Packaging Image -->
<div class="big-image">
<img id="xdroneimage" src="img/xdrone-zepto/xdrone-zepto-packaging.jpg" alt="XDrone Zepto Packaging">
</div>
<!-- Packaging Image -->
<div class="container-narrow">
<!-- In The Box -->
<div class="in-the-box in-the-box-xdrone-zepto">
<div class="row-fluid">
<div class="span12">
<div class="span4">
<h3 class="in-the-box-label">IN THE<br><span class="in-the-box-label-line2">BOX:</span></h3>
</div>
<div class="span8">
<div class="span4">
<img src="img/xdrone/xdrone-icon-147x147.jpg" alt="remote control xdrone toy">
<p class="feature-name">XDrone Zepto</p>
</div>
<div class="span4">
<img src="img/xdrone/xdrone-icon-control-147x147.jpg" alt="2.4ghz Remote Control">
<p class="feature-name">2.4ghz Remote Control</p>
</div>
<div class="span4">
<img src="img/xdrone/xdrone-icon-manual-147x147.jpg" alt="manual">
<p class="feature-name">Manual</p>
</div>
<div class="row-fluid">
<div class="span4">
<img src="img/feature-icons/icon-usb-charger-147x147.jpg" alt="usb charger">
<p class="feature-name">USB Charger</p>
</div>
<div class="span4">
<img src="img/feature-icons/icon-battery-147x147.png" alt="Rechargeable Battery">
<p class="feature-name">Rechargeable Battery</p>
</div>
<div class="span4">
<img src="img/xdrone/xdrone-icon-spare-rotors-147x147.jpg" alt="4 spare rotors">
<p class="feature-name">4 Spare Rotors</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /In The Box -->
<!-- Details -->
<div class="details details-xdrone-zepto">
<h3 class="details-label">Details</h3>
<div class="row-fluid">
<div class="span4">
<p>Product Size<br><span class="muted">Length: 5.51 in<br>Height: 1.46 in<br>Rotor Diameter: 2.25 in</span></p>
<p>Gross Weight<br><span class="muted">1.10 lb</span></p>
</div>
<div class="span4">
<p>Charging Time<br><span class="muted">30-40 minutes</span></p>
<p>Fly Time<br><span class="muted">10-12 minutes</span></p>
</div>
<div class="span4">
<p>Range<br><span class="muted">150+ ft</span></p>
<p>Battery<br><span class="muted">3.7V 300mAh (included)<br>Controller: 4 AA batteries (included)</span></p>
</div>
</div>
</div>
<!-- /Details -->
<!-- FAQ -->
<div class="faq">
<h3 class="text-center">Frequently Asked Questions</h3>
<div class="accordion">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
How do I power on my XDrone Zepto?
</a>
</div>
<div id="collapseOne" class="accordion-body collapse">
<div class="accordion-inner">
Turn on the XDrone by plugging in the battery.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
How do I sync controller to my XDrone Zepto?
</a>
</div>
<div id="collapseTwo" class="accordion-body collapse">
<div class="accordion-inner">
Turn on the XDrone Zepto. Then turn on the remote control and push the left joystick up and down several times until the propellers spin.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
How do I make my XDrone Zepto hover?
</a>
</div>
<div id="collapseThree" class="accordion-body collapse">
<div class="accordion-inner">
To hover push left joystick up until desired height achieved. Gently adjust left joystick (pushing up or down accordingly) to maintain altitude.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">
How do I fly my XDrone Zepto forward/backward?
</a>
</div>
<div id="collapseFour" class="accordion-body collapse">
<div class="accordion-inner">
To fly forward, push right joystick up. To fly backward, push right joystick down.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFive">
How do I fly my XDrone Zepto left/right?
</a>
</div>
<div id="collapseFive" class="accordion-body collapse">
<div class="accordion-inner">
To fly left, push right joystick to the left. To fly right, push right joy stick to the right.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseSix">
How do I make my XDrone Zepto rotate counter-clockwise/clockwise?
</a>
</div>
<div id="collapseSix" class="accordion-body collapse">
<div class="accordion-inner">
To turn counter clockwise push left joystick to the left. To turn clockwise push left joystick to the right.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseSeven">
I'm having a hard time flying my XDrone Zepto outdoors. What can I do?
</a>
</div>
<div id="collapseSeven" class="accordion-body collapse">
<div class="accordion-inner">
Learn how to use L1 (power selector). L1 is the button on the top-left corner of the controller. Press L1 to change power level. Everyt time you press L1 you'll hear 1, 2, or 3 beeps. 1 beep = Power Level 1 (40% power), 2 beeps = Power Level 2 (70% power), and 3 beeps = Power Level 3 (100% power)
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseEight">
How do I do a back flip?
</a>
</div>
<div id="collapseEight" class="accordion-body collapse">
<div class="accordion-inner">
Use L1 to set power to 100%. Bring the XDrone Zepto to a hover at an altitude of 10 feet. Press and hold R1 (hold R1 until you hear a constant beep) , while holding R1 then push down on the right joystick. Let go of R1 and the right joystick after a back flip has been completed.
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseNine">
Need even more help?
</a>
</div>
<div id="collapseNine" class="accordion-body collapse">
<div class="accordion-inner">
Email us at [email protected] or click <a href="http://support.myfunkyplanet.com/">here</a> to visit our support portal to submit a request.
</div>
</div>
</div>
</div>
</div>
<!-- /FAQ -->
<!-- Big XDrone Image -->
<div class="big-image row-fluid">
<img id="xdroneimage" src="img/xdrone-zepto/xdrone-zepto.jpg" alt="XDrone Zepto">
<div class="span4 offset4">
<a href="#myModal" role="button" data-toggle="modal" class="btn btn-large btn-block btn-success" type="button" onClick="ga('send', 'event', 'I Want It Button', 'Clicked I Want It Button For XDrone Zepto', 'I Want It Button Below Fold');">I Want It</a>
</div>
</div>
<!-- /Big XDrone Image -->
<!-- Modal (Where To Buy) -->
<div id="myModal" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h2 id="myModalLabel">Coming Soon</h2>
</div>
<div class="modal-body">
<p class="lead">Subscribe to our mailing list to be notified the second the XDrone Zepto becomes available.</p>
<a href="http://eepurl.com/I4VWr" onclick="ga('send', 'event', 'Subscribe Newsletter Button', 'Clicked subscribe newsletter on coming soon modal', 'Subscribe newsletter button on XDrone Zepto');" target="_blank" class="btn btn-large btn-success">Subscribe</a>
</div>
</div>
<!-- /Modal (Where To Buy) -->
</div>