-
Notifications
You must be signed in to change notification settings - Fork 0
/
landingb.html
138 lines (135 loc) · 5.69 KB
/
landingb.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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Rackspace x EMC | Roadmap to Change</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" type="text/css" href="css/app.css">
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,600,600italic,700,700italic,400italic,300italic,300' rel='stylesheet' type='text/css'>
<script src="js/vendor/modernizr.js"></script>
</head>
<body id="landing-b">
<div class="wrapper clearfix">
<!-- Nav -->
<nav class="top-bar" data-topbar role="navigation">
<span class="tagline">Roadmapto<span class="text-blue">Change</span></span>
<ul class="title-area">
<li class="logo" id="logo-rackspace">
<a href="#"><img src="./img/logo_rackspace.png"></img></a>
</li>
<li class="logo" id="logo-emc">
<a href="#"><img src="./img/logo_emc.png"></img></a>
</li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right " id="social-bar">
<li><a href="#">Share</a></li>
<li class=""><a href="#"><img src="./img/icon_twitter.png"></a></li>
<li class=""><a href="#"><img src="./img/icon_facebook.png"></a></li>
<li class=""><a href="#"><img src="./img/icon_linkedin.png"></a></li>
</ul>
</section>
</nav>
<!-- Content -->
<div class="banner">
<div class="row">
<div class="columns large-5 large-offset-0 medium-8 medium-offset-1 small-10 small-offset-1">
<h1>Stay fast and lean</h1>
<p> Let the world's service leader in hosting find a solution built for your needs</p>
</div>
</div>
</div>
<div class="row content-section">
<div class="columns large-7 large-offset-0 medium-8 medium-offset-1 small-10 small-offset-1">
<h2>Put a plan into action with the right partners</h2>
<p>An IT change assessment can help your team be better business partners. Rackspace and EMC can help.</p>
<div class="row">
<div class="columns large-6">
<img src="./img/video_frame.png">
</div>
<div class="columns large-6">
<p>Behance is a fast growth company. Their site allows creative professionals to upload their work to online portfolios, which others can find and browse through an array of discovery features.</p>
</div>
</div>
<h2>Behance trusts Rackspace to run its cloud</h2>
<p> And late last year, Behance was acquired by Adobe, which meant more swift growth and expansion.</p>
<p>Behance needs an infrastructure that can grow and iterate and evolve. The Rackspace Hybrid Cloud does that.</p>
<p>Imagine what Hybrid Cloud backed by Rackspace and EMC can do for your organisation.</p>
</div>
<!-- Form -->
<div class="columns large-5" id="form-aside">
<h3>Lorem ipsum dolor amet...</h3>
<form>
<div class="row">
<div class="columns large-4">
<label>Your First Name</label>
</div>
<div class="columns large-8">
<input type="text" placeholder="" />
</div>
</div>
<div class="row">
<div class="columns large-4">
<label>Your Last Name</label>
</div>
<div class="columns large-8">
<input type="text" placeholder="" />
</div>
</div>
<div class="row">
<div class="columns large-4">
<label>Company</label>
</div>
<div class="columns large-8">
<input type="text" placeholder="" />
</div>
</div>
<div class="row">
<div class="columns large-4">
<label>Your Job Title</label>
</div>
<div class="columns large-8">
<input type="text" placeholder="" />
</div>
</div>
<div class="row">
<div class="columns large-4">
<label>Your Email</label>
</div>
<div class="columns large-8">
<input type="text" placeholder="" />
</div>
</div>
<div class="row">
<div class="columns large-4">
<label>Your Phone Number</label>
</div>
<div class="columns large-8">
<input type="text" placeholder="" />
</div>
</div>
</form>
<span class="boilerplate">We respect your privacy and will never sell your email address to any third parties. Information submitted is subjected to Rackspace US Inc.’s <span class="underline">Privacy Policy.</span>
<a href="#" class="button">Send Now</a>
</div>
</div>
</div>
<!-- Footer -->
<!-- <div class="row footer">
<div class="large-12 columns text-center">
<p><a href="#">Privacy Policy</a></p>
<p><a href="#">Feedback?</a></p>
<p><a href="#">Terms of Service</a></p>
</div>
</div> -->
<script src="js/vendor/jquery.js"></script>
<script src="/js/vendor/fastclick.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>