-
Notifications
You must be signed in to change notification settings - Fork 4
/
xdrone-pro.html
258 lines (234 loc) · 12.3 KB
/
xdrone-pro.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
---
layout: product
title: XDrone Pro
description: Fly XDrone Pro toy indoors/outdoors, master flips, and record video at up to 20 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-pro/xdrone-pro-343x343.jpg" alt="WebRC XDrone Pro - Front Angle">
<ul class="thumbnails">
<li class="span4 offset4">
<a href="#myModal-Video" data-toggle="modal" class="" onClick="ga('send', 'event', 'Play Video Button', 'Clicked Play Video Button for XDrone Pro', 'Play Video Button Above Fold');">
<p class="text-center"><i class="icon-play"></i> Play Video</p>
</a>
</li>
</ul>
</div>
<div class="span5 offset1">
<h1>XDrone Pro</h1>
<p class="lead">Fly indoors/outdoors, master flips, and record video at up to 20 mph.</p>
<ul>
<li>Video Camera</li>
<li>2.4Ghz Remote Control</li>
<li>Indoor or Outdoor</li>
<li>Flips & Tricks</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 Pro', '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 and recording video at up to 20mph. It's 6-axis gyroscope, multi-rotor technology and auto-stabilizing sensors allow the XDrone Pro to safely and smoothly fly up/down, turn left/right, fly forward/backward and lean left/right while recording video or taking pictures mid-air. 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 Pro</h3>
</div>
<div class="modal-body">
<iframe width="530" height="298" src="//www.youtube-nocookie.com/embed/CXZ9d7bZcGg?rel=0&vq=hd720" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<!-- /Modal (Video) -->
<!-- /Main Section (main image, product title, description and cta)-->
<!-- XDrone Pro Callouts -->
<hr>
<div id="xdrone-pro-callouts">
<ul id="callouts">
<li id="callout-circle-1" data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="Video & Photo Camera">
<img src="img/xdrone-pro/click.png">
</li>
<li id="callout-circle-2" data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="Sturdy ABS Plastic">
<img src="img/xdrone-pro/click.png">
</li>
<li id="callout-circle-3" data-toggle="popover" data-trigger="hover" data-placement="right" data-content="High Torque Coreless Motors">
<img src="img/xdrone-pro/click.png">
</li>
<li id="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 Pro Callouts -->
</div> <!-- Closes div for container-narrow -->
<!-- Controller Image -->
<div id="galaxy1-background" class="text-center">
<img id="xdrone-pro-controller" src="img/xdrone-pro/xdrone-pro-controller-700x450.png" alt="WebRC XDrone Pro - Controller">
</div>
<!-- /Controller Image -->
<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/xdrone/xdrone-icon-fly-time-313x313.jpg" alt="20-24 minutes fly time icon">
<p class="feature-name">20-24 minutes fly time</br><small>(10-12 per battery)</small></p>
</div>
</div>
</div>
</div>
<!-- /Features -->
<!-- Attribute1 -->
<hr>
<div class="attribute attribute-xdrone-pro">
<div class="row-fluid">
<div class="span5 offset1">
<h3>Record Video</h3>
<p class="lead">Take a picture or record a video of flights at up to 20 mph with the built-in video camera.</p>
</div>
<div class="span4 offset2">
<img src="img/xdrone-pro/xdrone-pro-camera-220x220.jpg" alt="xdrone pro's camera">
</div>
</div>
</div>
<!-- /Attribute1 -->
</div> <!-- Closes div for container-narrow -->
<!-- Backflip Image -->
<div id="galaxy2-background" class="text-center">
<img id="xdrone-pro-flipping" src="img/xdrone-pro/xdrone-pro-flips-700x450.png" alt="WebRC XDrone Pro - Backflip">
</div>
<!-- /Backflip Image -->
<div class="container-narrow">
<!-- In The Box -->
<div class="in-the-box in-the-box-xdrone-pro">
<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 pro toy">
<p class="feature-name">XDrone Pro</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/xdrone/xdrone-icon-charger-147x147.jpg" alt="charger">
<p class="feature-name">Charger</p>
</div>
<div class="span4">
<img src="img/xdrone/xdrone-icon-batteries-147x147.jpg" alt="2 Rechargeable Battery">
<p class="feature-name">2 x Rechargeable Batteries</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 -->
<!-- Big XDrone Image -->
<div class="big-image row-fluid">
<img id="xdroneimage" src="img/xdrone-pro/xdrone-pro-700x450.jpg" alt="XDrone Pro">
<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 Pro', '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" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Where to Buy</h3>
</div>
<div class="modal-body">
<div class="row-fluid">
<div class="span6">
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=WGH7DHJGFQEZC" onClick="trackOutboundLink(this, 'Outbound Links', 'Clicked To Buy At Paypal.com', 'Clicked To Buy XDrone Pro', 1, {'nonInteraction': 1}); return false;"><img src="https://www.paypalobjects.com/webstatic/mktg/logo/bdg_payments_by_pp_2line.png" border="0" alt="Payments by PayPal"></a>
<h4>Directly From Us</h4>
<p>Buy your XDrone Pro directly from us, through Paypal.</p>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=WGH7DHJGFQEZC" onClick="trackOutboundLink(this, 'Outbound Links', 'Clicked To Buy At Paypal.com', 'Clicked To Buy XDrone Pro', 1, {'nonInteraction': 1}); return false;">Learn more about buying XDrone Pro through Paypal</a>
</div>
<div class="span6">
<a href="http://www.amazon.com/gp/product/B00KRI7JVS/ref=as_li_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=B00KRI7JVS&linkCode=as2&tag=w0531-20&linkId=SNOL24SNSRUUQW2K" onClick="trackOutboundLink(this, 'Outbound Links', 'Clicked To Buy At Amazon.com', 'Clicked To Buy XDrone Pro', 1, {'nonInteraction': 1}); return false;"><img src="https://images-na.ssl-images-amazon.com/images/G/01/associates/remote-buy-box/buy3._V192207739_.gif" alt="graphical button of buy from amazon.com"></a>
<h4>Amazon.com</h4>
<p>Buy your XDrone Pro at Amazon.com.</p>
<a href="http://www.amazon.com/gp/product/B00KRI7JVS/ref=as_li_tl?ie=UTF8&camp=1789&creative=390957&creativeASIN=B00KRI7JVS&linkCode=as2&tag=w0531-20&linkId=SNOL24SNSRUUQW2K" onClick="trackOutboundLink(this, 'Outbound Links', 'Clicked To Buy At Amazon.com', 'Clicked To Buy XDrone Pro', 1, {'nonInteraction': 1}); return false;">Learn more about buying XDrone Pro at Amazon.com</a>
</div>
</div>
<div class="row-fluid">
<div class="span6">
<a href="http://store.myfunkyplanet.com/webrc-xdrone-Pro/" onClick="trackOutboundLink(this, 'Outbound Links', 'Clicked To Buy At FunkyPlanet.com', 'Clicked To Buy XDrone Pro', 1, {'nonInteraction': 1}); return false;"><img src="img/where-to-buy/funky-planet-logo.png" alt="Funky Planet logo"></a>
<h4>Funky Planet Store</h4>
<p>Buy your XDrone Pro at the Funky Planet Store, directly from us.</p>
<a href="http://store.myfunkyplanet.com/webrc-xdrone-Pro/" onClick="trackOutboundLink(this, 'Outbound Links', 'Clicked To Buy At FunkyPlanet.com', 'Clicked To Buy XDrone Pro', 1, {'nonInteraction': 1}); return false;">Learn more about buying XDrone Pro at the Funky Planet Store</a>
</div>
<div class="span6">
<a href="http://www.toysrus.com/product/index.jsp?productId=42355746" onClick="trackOutboundLink(this, 'Outbound Links', 'Clicked To Buy At ToysRUs.com', 'Clicked To Buy XDrone Pro', 1, {'nonInteraction': 1}); return false;"><img src="img/where-to-buy/toys-r-us-logo.jpg" alt="Toys R Us Logo"></a>
<h4>Toys"R"Us</h4>
<p>Buy your XDrone Pro at Toys"R"Us.</p>
<a href="http://www.toysrus.com/product/index.jsp?productId=42355746" onClick="trackOutboundLink(this, 'Outbound Links', 'Clicked To Buy At ToysRUs.com', 'Clicked To Buy XDrone Pro', 1, {'nonInteraction': 1}); return false;">Learn more about buying XDrone Pro at Toys"R"Us</a>
</div>
</div>
<div class="row-fluid">
<div class="span6">
<a href="http://www.walmart.com/ip/My-Funky-Planet-G140005-WebRC-XDrone-Pro-Orange/37698370" onClick="trackOutboundLink(this, 'Outbound Links', 'Clicked To Buy At Walmart.com', 'Clicked To Buy XDrone Pro', 1, {'nonInteraction': 1}); return false;"><img src="img/where-to-buy/walmart-logo.png" alt="Toys R Us Logo"></a>
<h4>Walmart</h4>
<p>Buy your XDrone Pro at Walmart.</p>
<a href="http://www.walmart.com/ip/My-Funky-Planet-G140005-WebRC-XDrone-Pro-Orange/37698370" onClick="trackOutboundLink(this, 'Outbound Links', 'Clicked To Buy At Walmart.com', 'Clicked To Buy XDrone Pro', 1, {'nonInteraction': 1}); return false;">Learn more about buying XDrone Pro at Walmart</a>
</div>
</div>
</div>
</div>
<!-- /Modal (Where To Buy) -->
<!-- Details -->
<div class="details">
<h3 class="details-label">Details</h3>
<div class="row-fluid">
<div class="span4">
<p>Product Size<br><span class="muted">Length: 11.42 in<br>Height: 2.3 in<br>Rotor Diameter: 5.25 in</span></p>
<p>Gross Weight<br><span class="muted">2.8 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">20 - 24 minutes</br><small>(10-12 per battery)</small></span></p>
<p>Camera<br><span class="muted">640x480 | 512MB</span></p>
</div>
<div class="span4">
<p>Range<br><span class="muted">150+ ft</span></p>
<p>Battery<br><span class="muted">3.7V 500mAh (included)<br>Controller: 4 AA batteries (included)</span></p>
</div>
</div>
</div>
<!-- /Details -->
</div>