-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhardware.html
193 lines (192 loc) · 9.24 KB
/
hardware.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
<!DOCTYPE html>
<html>
<head>
<title>Hardware - onLive (PoC)</title>
<link rel="icon" href="" type="image/x-icon"/>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=0.5,user-scalable=no,maximum-scale=0.5,width=device-width">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="js/player.js"></script>
<script src="js/player.js" type="text/javascript"></script>
<script type="text/javascript">jwplayer.key = "EcHWjL0bMZsdo8QE0vv5IpN4yF2kjo0m";</script>
<script src="js/site.js" type="text/javascript"></script>
<script src="js/hardware.js" type="text/javascript"></script>
<link href="css/games/site.css" rel="stylesheet" type="text/css"/>
<link href="css/games/hardware.css" rel="stylesheet" type="text/css"/>
<link href="css/games/site_constants.css" rel="stylesheet" type="text/css"/>
</head>
<body class="noselect">
<div id="controllers_wrapper">
<div id="menu_hamburger" class="bg_images"></div>
<div id="down_arrow" class="bg_images"></div>
<div id="menu_screen">
<div id="menu_close_button" class="bg_images"></div>
<div id="menu_system_main">
<a href="index.html"><p>WELCOME</p></a>
<a href="catalog.html"><p>GAMES</p></a>
<a href="hardware.html"><p class="active_main_menu">HARDWARE</p></a>
<a href="join.html"><p>JOIN</p></a>
<a href="login.html"><p>LOGIN</p></a>
</div>
<div id="menu_system_footer">
<a href="generaltemplate.html"><p>About</p></a>
<a href="generaltemplate.html"><p>Support</p></a>
<a href="generaltemplate.html"><p>Carreers</p></a>
<a href="generaltemplate.html"><p>Developers</p></a>
<a href="generaltemplate.html"><p>Contact</p></a>
<a href="generaltemplate.html"><p>Blog</p></a>
</div>
<div id="menu_logo_transparent" class="bg_images"></div>
</div>
</div>
<div id="layers_wrapper" class="content_shadow">
<div id="video_layer" class="black_bg">
<div id="video_sizer">
<div id="main_video_div" style="width: 100%; height: 100%">
<div id='main_video_ply' style="width: 100%; height: 100%"></div>
</div>
</div>
</div>
<div id="scrolling_layer">
<div id="main_screen" class="bg_images">
<div id="logo" class="bg_images"><p class="c2r3_color">onlive</p></div>
<h3 class="content_margin white_color">Take your games seamlessly<br />from PC, Mac or TV to many<br />mobile devices with the Universal<br />Onlive Wireless Controller.</h3>
<a class="price_box c7r2_bg" href="#">
<div>
<p>BUY NOW</p>
<p class="price">$49.99<p>
<img src="images/games_site/button_forward_dark_blue.png" alt=""/>
</div>
</a>
<div id="parallax_first_headline" class="bg_images content_margin">
<h1>ENHANCE<br />YOUR GAME</h1>
</div>
</div>
<div id="second_screen" class="c2r1_bg">
<div id="second_screen_bg" class="content_margin bg_images"></div>
<div id="second_screen_content">
<h2 class="c8r2_color">ONE CONTROLLER,<br />EVERY DEVICE!</h2>
<h3 class="c1r1_color">The Universal OnLive Wireless<br />Controller is compatible with<br/>PC/Mac® computers and the<br />OnLive Game System and many<br />tablets and smartphones.<br />Depending on the platform<br />you're using, you will either pair<br/>the Controller with the included<br/>Wireless Adapter, or use the<br />Controller alone, paired directly<br />to compatible Bluetooth devices.</h3>
</div>
<a class="price_box c8r1_bg" href="#">
<div>
<p>BUY NOW</p>
<p class="price">$49.99<p>
<img src="images/games_site/button_forward_dark_turquise.png" alt=""/>
</div>
</a>
</div>
<div id="third_screen" class="c1r1_bg">
<div id="third_screen_bg" class="bg_images"></div>
<h2 class="white_color">FEATURES</h2>
<div id="features_wrapper">
<h3 class="c5r2_imp feature1" data-ringname="feature1">Gamer-designed<br />Ergonomics</h3>
<h3 data-ringname="feature2" class="feature2">Low-fatique design<br />with balanced weigth</h3>
<h3 data-ringname="feature3" class="feature3">Precision controll<br />d-pad with roll action</h3>
<h3 data-ringname="feature4" class="feature4">Variable-rate rumble</h3>
<h3 data-ringname="feature5" class="feature5">Media controls</h3>
<h3 data-ringname="feature6" class="feature6">Direct Action buttons<br />for live media</h3>
<h3 data-ringname="feature7" class="feature7">One-touch brag clip™<br />video recording</h3>
<h3 data-ringname="feature8" class="feature8">Ultra-low latency<br />wireless</h3>
</div>
<div id="featurerings_wrapper">
<div data-ringname="feature1" class="fring featurering1_1 feature1 bg_images"></div>
<div data-ringname="feature1" class="fring featurering1_2 feature1 bg_images"></div>
<div data-ringname="feature1" class="fring featurering1_3 feature1 bg_images"></div>
<div data-ringname="feature2" class="fring featurering2_1 feature2 bg_images"></div>
<div data-ringname="feature3" class="fring featurering3_1 feature3 bg_images"></div>
<div data-ringname="feature4" class="fring featurering4_1 feature4 bg_images"></div>
<div data-ringname="feature5" class="fring featurering5_1 feature5 bg_images"></div>
<div data-ringname="feature6" class="fring featurering6_1 feature6 bg_images"></div>
<div data-ringname="feature7" class="fring featurering7_1 feature7 bg_images"></div>
<div data-ringname="feature8" class="fring featurering8_1 feature8 bg_images"></div>
</div>
<a class="price_box c5r2_bg" href="#">
<div>
<p>BUY NOW</p>
<p class="price">$49.99<p>
<img src="images/games_site/button_forward_dark_orange.png" alt=""/>
</div>
</a>
</div>
<div id="forth_screen">
<div id="HDTV_bg_1" class="forth_bg bg_images"></div>
<div id="HDTV_bg_2" class="forth_bg bg_images"></div>
<div id="forth_info_wrapper" class="content_margin">
<h2 class="c9r2_color">ONLIVE ON<br />YOUR HDTV</h2>
<h3 class="c9r2_color">LG GOOGLE TV +<br />VIZIO COSTAR</h3>
<p class="c2r3_color">Onlive comes bundled<br />with select LG Google TVs<br />and with the Vizio costar<br />streaming box!</p>
<div id="wrapper_buttons">
<a data-bgid="1"
data-h3="LG GOOGLE TV +<br />VIZIO COSTAR"
data-p="Onlive comes bundled<br />with select LG Google TVs<br />and with the Vizio costar<br />streaming box!"
class="tv_selected">
<div id="tv_lg_google" class="tv_button white_bg bg_images"></div>
</a>
<a data-bgid="2"
data-h3=""
data-p="">
<div id="tv_vizio" class="tv_button c2r2_bg bg_images"></div>
</a>
</div>
</div>
<a class="price_box c9r2_bg" href="#">
<div>
<p>SHOP ONLINE</p>
<img src="images/games_site/button_forward_dark_purple.png" alt=""/>
</div>
</a>
</div>
<div id="fifth_screen" class="white_bg">
<h2 class="c4r2_color content_margin">TECH<br />SPECS</h2>
<div id="wireless_compatibility" class="hw_details">
<h3 class="c4r2_color">WIRELESS COMPATIBILITY</h3>
<p class="c2r3_color">- OnLive Game System via Wireless<br /> Adapter or USB</p>
<p class="c2r3_color">- PC/Mac® via Wireless Adapter or<br/> Bluetooth
<p class="c2r3_color">- LG Google™ TV via Wireless Adapter*</p>
<p class="c2r3_color">- VIZIO® Co-Star™ via Wireless Adapter</p>
<p class="c2r3_color">- Many tablets and smartphones via<br/> Bluetooth**</p>
</div>
<div id="cables_batteries" class="hw_details">
<h3 class="c4r2_color">CABLES</h3>
<p class="c2r3_color">- USB charge cable, 1ft (0.3m)</p>
<h3 class="c4r2_color h3_push_down">BATTERIES</h3>
<p class="c2r3_color">- Alkaline: AA (2)</p>
<p class="c2r3_color">- Rechargeable: OnLive Rechargeable<br/> Battery (est. 36 hours play time)</p>
</div>
</div>
<div id="footer_screen" class="clear">
<div id="box_join" class="footer_box c2r1_bg">
<h2 class="c7r2_color">FREE TO JOIN.<br />WHAT DO YOU HAVE<br />TO LOSE?</h2>
</div>
<div id="box_readygo" class="footer_big_box c7r2_bg">
<h1>READY, SET —<br/>GO</h1>
<p class="c7r3_color">JOIN NOW</p>
<a class="divider_button" href="#"><img src="images/games_site/button_forward_dark_blue.png" alt=""/></a>
</div>
<div id="footer_contents" class="c1r2_bg content_padding">
<div id="link_wrapper">
<a href="#" class="c1r1_color">About</a>
<a href="#" class="c1r1_color">Developers</a>
<a href="#" class="c1r1_color"><img class="c1r1_bg" src="images/games_site/icon_fb.png" alt=""/> Facebook</a>
<a href="#" class="c1r1_color">Legal Info</a>
<a class="clear c1r1_color" href="#">Support</a>
<a class="c1r1_color" href="#">Contact</a>
<a href="#" class="c1r1_color"><img class="c1r1_bg" src="images/games_site/icon_twitter.png" alt=""/> Twitter</a>
<a class="clear c1r1_color" href="#">Careers</a>
<a class="c1r1_color" href="#">Blog</a>
<a href="#" class="c1r1_color"><img class="c1r1_bg" src="images/games_site/icon_youtube.png" alt=""/> YouTube</a>
</div>
<div id="footer_logo" class="bg_images"><p class="white_color">onlive</p></div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="parallax_layer1" class="parallax_layer" data-speed="0.15">
<div class="content_padding parallax_wrapper">
</div>
</div>
</div>
<div class="clear"></div>
</body>
</html>