openstackweb/themes/openstack/templates/LandingPage.ss
2014-10-31 16:21:41 -03:00

286 lines
9.3 KiB
Scheme

<!DOCTYPE html>
<html>
<head>
<title>Users</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link type="text/css" href="/themes/openstack/css/bootstrap.anniversary.css" media="screen" rel="stylesheet" />
<link type="text/css" href="/stylesheets/app.css" media="screen" rel="stylesheet" />
<!-- Page specific stylesheets -->
<link type="text/css" href="/themes/openstack/css/landing.css" media="screen" rel="stylesheet" />
<!-- Google Fonts -->
<link href='https://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
</head>
<body class="landing landing_index" data-spy="scroll" data-target=".nav-list">
<div class='container'>
<div class='row'>
<div class='span9'>
<a class='brand' href='http://www.openstack.org'>OpenStack Website</a>
</div>
<div class='span3'>
</div>
</div>
</div>
<div class='join-us-banner'>
<div class='container'>
<div class='row'>
<div class='span9'>
<h1>The OpenStack Summit</h1>
<h2>Join Us In Hong Kong November 5-8, 2013</h2>
</div>
<div class='span3'>
<div class='register-call'>
<a class='register-button' href='https://www.eventbrite.com/event/6786581849/o21'>Register&nbsp;Now</a>
</div>
</div>
</div>
</div>
</div>
<div class='container'>
<div class='row'>
<div class='span12'>
<ul class='primary-buttons'>
<li>
<a href='http://www.openstack.org/summit/'>Details</a>
</li>
<li>
<a href='http://www.openstack.org/summit/openstack-summit-hong-kong-2013/agenda/'>Agenda</a>
</li>
<li>
<a href='http://www.openstack.org/summit/openstack-summit-hong-kong-2013/hotels/'>Hotels</a>
</li>
<li>
<a href='http://www.openstack.org/summit/openstack-summit-hong-kong-2013/format-and-pricing/'>Pricing</a>
</li>
<li>
<a href='http://www.openstack.org/summit/openstack-summit-hong-kong-2013/sponsors/'>Sponsors</a>
</li>
</ul>
</div>
</div>
<div class='row'>
<div class='span5'>
<h3 class='main-tag'>Thousands of Stackers will chart the future of cloud computing at the OpenStack Summit. Will you be there?</h3>
<div class='video-thumbnail'>
<p>
<strong>
Video:
</strong>
See The Summit Experience
</p>
<a href='http://youtube.googleapis.com/v/U-juwXo-2wY' rel='shadowbox'>
<img src="/themes/openstack/images/landing/video-thumbnail.jpg" />
</a>
</div>
<h3>What is the OpenStack Summit?</h3>
<ul>
<li>Your chance to hear directly from enterprise users and CTOs about the future of Cloud Computing</li>
<li>Where the OpenStack roadmap is determined</li>
<li>The largest gathering of the global OpenStack community</li>
</ul>
<div class='gallery'>
<h3>Amazing Content:</h3>
<div class='gallery-item'>
<img src="/themes/openstack/images/landing/bloomberg.jpg" />
<h4>Case Studies</h4>
</div>
<div class='gallery-item'>
<img src="/themes/openstack/images/landing/visionary.jpg" />
<h4>Visionary Keynotes</h4>
</div>
<div class='gallery-item'>
<img src="/themes/openstack/images/landing/workshops.jpg" />
<h4>Hands-on Workshops</h4>
</div>
<div class='gallery-item'>
<img src="/themes/openstack/images/landing/working-sessions.jpg" />
<h4>Developer Working Sessions</h4>
</div>
</div>
</div>
<div class='span6 offset1'>
<div class='row'>
<div class='span4'>
<h3>Over 200 Speakers, including:</h3>
<div class='speaker-box'>
<div class='media'>
<div class='pull-left'>
<img src="/themes/openstack/images/landing/portraits/shuttleworth.jpg" />
</div>
<div class='media-body'>
<h4>Mark Shuttleworth</h4>
<p class='media-heading'>Ubuntu Founder</p>
</div>
</div>
<div class='media'>
<div class='pull-left'>
<img src="/themes/openstack/images/landing/portraits/tucker.jpg" />
</div>
<div class='media-body'>
<h4>Lew Tucker</h4>
<p>Cloud CTO at Cisco</p>
</div>
</div>
<div class='media'>
<div class='pull-left'>
<img src="/themes/openstack/images/landing/portraits/mcLoughlin.jpg" />
</div>
<div class='media-body'>
<h4>Mark McLoughlin</h4>
<p>Consulting Engineer, Red Hat</p>
</div>
</div>
<div class='media'>
<div class='pull-left'>
<img src="/themes/openstack/images/landing/portraits/casado.jpg" />
</div>
<div class='media-body'>
<h4>Martin Casado</h4>
<p>CTO of Networking at VMWare</p>
</div>
</div>
<div class='media'>
<div class='pull-left'>
<img src="/themes/openstack/images/landing/portraits/potts.jpg" />
</div>
<div class='media-body'>
<h4>Mark Potts</h4>
<p>CTO of HP Cloud</p>
</div>
</div>
<div class='media'>
<div class='pull-left'>
<img src="/themes/openstack/images/landing/portraits/curry.jpg" />
</div>
<div class='media-body'>
<h4>Jim Curry</h4>
<p>SVP Rackspace</p>
</div>
</div>
<div class='media'>
<div class='pull-left'>
<img src="/themes/openstack/images/landing/portraits/sabbah.jpg" />
</div>
<div class='media-body'>
<h4>Daniel Sabbah</h4>
<p>CTO & GM from IBM</p>
</div>
</div>
<div class='media'>
<div class='pull-left'>
<img src="/themes/openstack/images/landing/portraits/wang.jpg" />
</div>
<div class='media-body'>
<h4>Haiying Wang</h4>
<p>CTO of Cloud at Huawei</p>
</div>
</div>
<div class='media'>
<div class='pull-left'>
<img src="/themes/openstack/images/landing/portraits/shao.jpg" />
</div>
<div class='media-body'>
<h4>Ling Shao</h4>
<p>CTO of Research at IBM</p>
</div>
</div>
</div>
</div>
<div class='span2'>
<h3>User Stories</h3>
<p>Hear about real-world OpenStack usage from:</p>
<ul class='case-studies'>
<li>Ctrip</li>
<li>iQIY</li>
<li>360.CN</li>
<li>Wikimedia</li>
<li>Workday</li>
<li>eBay</li>
<li>Concur</li>
<li>Yahoo!</li>
<li>PayPal</li>
<li>Shutterstock</li>
<li>Mercado Libre</li>
<li>Live Person</li>
</ul>
</div>
</div>
<div class='row'>
<div class='span6'>
<hr>
<h3>How To Attend</h3>
<h4>Full Access & Affordable Options</h4>
<table class='pass-table'>
<tr>
<th>Tuesday</th>
<th>Wednessay</th>
<th>Thursday</th>
<th>Friday</th>
</tr>
<tr>
<td class='general-session' colspan='2'>
<div class='small-pass top'>
General Session
</div>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td class='expo-hall' colspan='2'>
<div class='small-pass bottom'>
Expo Hall
</div>
</td>
<td class='expo-hall'></td>
<td></td>
</tr>
<tr>
<td class='breakout' colspan='4'>Breakout Sessions/Workshops</td>
</tr>
<tr>
<td class='design-summit' colspan='4'>Design Summit</td>
</tr>
</table>
<table class='pricing-table'>
<tr>
<th>$1000 Full Access</th>
<td class='days'>Four Days</td>
<td>All Breakouts, Workshops and Developer Sessions</td>
</tr>
<tr>
<th>$300 General Session + Expo Pass</th>
<td class='days'>Two Days</td>
<td>
General Session Track and Expo Hall
<div class='red-outline'>
(Outlined in red above)
</div>
</td>
</tr>
</table>
</div>
</div>
<div class='row'>
<div class='span6'>
<a class='register-button second-reg-button' href='https://www.eventbrite.com/event/6786581849/o21'>Register&nbsp;Now</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>