-
Notifications
You must be signed in to change notification settings - Fork 4
/
xdrone-2.html
196 lines (172 loc) · 8.34 KB
/
xdrone-2.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
---
layout: product
title: XDrone 2
description: "XDrone 2: Capable of flying indoors or outdoors at up to 20mph it's the perfect quadcopter for beginners or for those looking to brush up on their skills before taking their $10,000 quadcopter out for a spin. It's multi-rotor technology and auto-stabilizing sensors allow the XDrone 2 to 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."
---
<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-2/xdrone-2-343x343.jpg" alt="WebRC XDrone 2">
</div>
<div class="span5 offset1">
<h1>XDrone 2</h1>
<p class="lead">The ultimate outdoor flying machine. Fly indoors/outdoors, master flips, tricks and speeds of up to 20 mph.</p>
<ul>
<li>6-axis gyroscope</li>
<li>2.4Ghz remote control</li>
<li>indoor or outdoor</li>
<li>flips & tricks</li>
</ul>
<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 2', 'I Want It Button Above Fold');">I Want It</a>
</div>
</div>
</div>
<!-- Description -->
<h3>Description</h3>
<p class="product-description lead">XDrone 2: Capable of flying indoors or outdoors at up to 20mph it's the perfect quadcopter for beginners or for those looking to brush up on their skills before taking their $10,000 quadcopter out for a spin. It's multi-rotor technology and auto-stabilizing sensors allow the XDrone 2 to 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>
<!-- /Main Section (main image, product title, description and cta)-->
<!-- XDrone Nano Callouts -->
<hr>
<div id="xdrone-2-callouts">
<ul id="callouts">
<li id="xdrone-2-callout-circle-1" data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="HD Video Camera">
<img src="img/xdrone-pro/click.png">
</li>
<li id="xdrone-2-callout-circle-2" data-toggle="popover" data-trigger="hover" data-placement="top" data-content="High Torque Coreless Motors">
<img src="img/xdrone-pro/click.png">
</li>
<li id="xdrone-2-callout-circle-3" data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="Sturdy ABS Plastic">
<img src="img/xdrone-pro/click.png">
</li>
<li id="xdrone-2-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 Nano Callouts -->
</div> <!-- Closes div for container-narrow -->
<!-- Controller Image -->
<div id="xdrone-nano-background-galaxy" class="text-center">
<img id="xdrone-pro-controller" src="img/xdrone-2/xdrone-2-controller-700x450.png" alt="WebRC XDrone 2 - 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 -->
</div> <!-- Closes div for container-narrow -->
<!-- Backflip Image -->
<div id="xdrone-2-background" class="text-center">
<img id="xdrone-pro-flipping" src="img/xdrone-2/xdrone-2-flips.png" alt="WebRC XDrone 2 - Backflip">
</div>
<!-- /Backflip Image -->
<div class="container-narrow">
<!-- Big XDrone HD Packaging Image -->
<div class="big-image">
<img id="xdroneimage" src="img/xdrone-2/xdrone-2-packaging.PNG" alt="XDrone HD Packaging">
</div>
<!-- /Big XDrone HD Packaging Image -->
<!-- In The Box -->
<div class="in-the-box in-the-box-xdrone-hd">
<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 2</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/feature-icons/icon-battery-147x147.png" alt="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 -->
<!-- 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.5 in<br>Height: 2.3 in<br>Rotor Diameter: 5.25 in</span></p>
<p>Gross Weight<br><span class="muted">1.98 lb</span></p>
</div>
<div class="span4">
<p>Charging Time<br><span class="muted">40 minutes</span></p>
<p>Fly Time<br><span class="muted">20-24 minutes</br><small>(10-12 per battery)</small></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 -->
<!-- Big XDrone Image -->
<div class="big-image row-fluid">
<img id="xdroneimage" src="img/xdrone-2/xdrone-2-700x450.jpg" alt="XDrone 2">
</div>
<div class="middle want-it-button">
<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 2', 'I Want It Button Below Fold');">I Want It</a>
</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 2 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 2');" target="_blank" class="btn btn-large btn-success">Subscribe</a>
</div>
</div>
<!-- /Modal (Where To Buy) -->
<!-- /Modal (Where To Buy) -->
</div>