forked from adamdaigian/eb_prototype
-
Notifications
You must be signed in to change notification settings - Fork 0
/
enterprise.html
208 lines (207 loc) · 11.1 KB
/
enterprise.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
---
layout: enterprise
title: Enterprise
slug: enterprise
lead: "ElasticBox is enterprise-grade Cloud Application Lifecycle Managment. IT management of resources. cloud application strategy, deployment speed and reducing IT and developer friction."
base_url: "../"
---
<main id="content" role="main">
<div class="jumbotron slate enterprise-background">
<div class="container">
<br><br>
<div class="row padding-2x">
<div class="col-lg-8">
<h2 class="enterprise-lead">Empower and Accelerate Your Enterprise.</h2>
<h3 class="enterprise-sub">ElasticBox is an enterprise-grade cloud app environment built for the demanding needs of large scale deployments. Empower IT with governance and resource allocation. Accelerate your DevOps and Developers with an integrated platform. Accomplish more, faster, without losing transparency.</h3>
</div>
<div class="col-lg-4">
<div class="enterprise-speed">
<div id="enterprise-speed-needle"></div>
</div>
</div>
</div>
<br>
</div>
</div>
<div class="container">
<div class="col-lg-12 personas-background"></div>
<div class="row padding-4x row-personas">
<div class="col-md-4">
<h3 class="text-center lead-color">Developers</h3>
<ul class="persona-list">
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Access to Providers and Services.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Choose languages, frameworks and containers.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Manage development and configuration drift.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Isolate services and applications across environments.</li>
</ul>
</div>
<div class="col-md-4">
<h3 class="text-center lead-color">IT Operations</h3>
<ul class="persona-list">
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Leverage existing infrastructure.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Establish and monitor environments.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Maintain control during continuous delivery.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Review and audit logs, apps and services.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Break down IT / Developer Friction.</li>
</ul>
</div>
<div class="col-md-4">
<h3 class="text-center lead-color">CIO and CTO</h3>
<ul class="persona-list">
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Innovate faster and maximize business value.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Accelerate IT operations safely.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Focus on strategy and innovation.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Increase visibility over IT Operations and resources.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Mitigate shadow IT and rogue cloud strategies.</li>
</ul>
</div>
</div>
</div>
<div class="jumbotron hidden-xs inline-account slate">
<div class="container">
<div class="row">
<h3 class="text-center">Request A Product Demo</h3>
<h4 class="text-center">See how ElasticBox can transform your enterprise.</h4>
<div class="col-lg-3 col-lg-offset-2">
<input class="form-control input-lg input-cta" placeholder="Enter Email"></input>
</div>
<div class="col-lg-3">
<input class="form-control input-lg input-cta" placeholder="Company"></input>
</div>
<div class="col-lg-2">
<button class="btn btn-danger btn-lg btn-block input-cta">REQUEST DEMO</button>
</div>
</div>
</div>
</div>
<div class="jumbotron challenges-block">
<div class="container">
<h2 class="jumbo-challenges text-center">We know. Lots Of Things Can Slow You Down.</h2>
<h3 class="text-center challenges-header">ElasticBox's secure environment for hybrid cloud lifecycle management strengthens IT foundations while unifying Developers, DevOps and Management.</h3>
<div class="row challenges-row text-center padding-2x">
<div class="col-lg-3 col-md-6 col-sm-6 challenges">
<div class="challenges-inner">
<img class="img-responsive icon-challenges" src="https://dl.dropboxusercontent.com/u/11221717/icon-repetition.svg"></img>
<h3 class="text-center">Repetition</h3>
<p>Bogged down on repetitive tasks? Automate and integrate.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 challenges">
<div class="challenges-inner">
<img class="img-responsive icon-challenges" src="https://dl.dropboxusercontent.com/u/11221717/icon-upgrades.svg"></img>
<h3 class="text-center">Upgrades</h3>
<p>Are manual upgrades burning resources? Version across applications.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 challenges">
<div class="challenges-inner">
<img class="img-responsive icon-challenges" src="https://dl.dropboxusercontent.com/u/11221717/icon-maintenance.svg"></img>
<h3 class="text-center">Maintenance</h3>
<p>Let's face it, things break more than they should. Know who to blame.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 challenges">
<div class="challenges-inner">
<img class="img-responsive icon-challenges" src="https://dl.dropboxusercontent.com/u/11221717/icon-governance.svg"></img>
<h3 class="text-center">Governance</h3>
<p>Hard maintaining a centralized strategy in your organization? Worry no more.</p>
</div>
</div>
<div class="row text-center">
<button href="" class="btn btn-lg btn-challenges" id="download-datasheet">DOWNLOAD DATASHEET</button>
</div>
<script>
$('#download-datasheet').click(function () {
console.log('clicked!')
});
</script>
</div>
</div>
</div>
</div>
<div class="enterprise-features">
<div class="container padding-4x">
<h2 class="text-center lead-color">Enterprise Grade Features.</h2>
<h3 class="col-lg-10 col-lg-offset-1 text-center lead sub">ElasticBox features built specifically to accelerate development and deployment, facilitate innovation and collaboration, and maintain governance and policies.</h3>
<div class="row feature-row">
<div class="col-lg-6 feature-highlight">
<h2 class="feature-title">ElasticBox Access Control</h2>
<h4 class="feature-supporting">Top level policy control, oversight and transparency.</h4>
<div class="lead">Maintaining governance, policy and strategy at the same time is <em>hard</em> in a CIO, CTO or IT Ops role. ElasticBox gives you the centralized oversight needed, with high level transparency and granular detail, to keep strategy in place and your team focused on innovating.</div>
<ul class="feature-list">
<li>Independent users, unified control and strategy.</li>
<li>Strategic usage of provider resources and IT assets.</li>
<li>Universal admin control panel to manage users and environments.</li>
<li>Define policy and implementation standards.</li>
<li>History of user and resource access.</li>
</ul>
</div>
<div class="col-md-6">
<div class="browser-feature">
<div class="indicators">
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
</div>
<div class="browser-window">
<img class="img-responsive feature-screenshot" src="https://dl.dropboxusercontent.com/u/11221717/Screenshot%202014-01-09%2015.44.51.png"></img>
</div>
</div>
</div>
</div>
<div class="row feature-row">
<div class="col-lg-6 feature-highlight">
<h2 class="feature-title">Workspaces Organize Infrastructure</h2>
<h4 class="feature-supporting">Organize and isolate applications and environments.</h4>
<div class="lead">ElasticBox workspaces all you and your team to organize and isolate applications, providers, users, variables and anything else you can imagine. Keep your development, test and production environments separate so they can run at full speed. Distribute resources by workspaces and get detailed reports on who does what.</div>
<ul class="feature-list">
<li>Isolate applications and services across environments.</li>
<li>Drop in policies for environments and their users.</li>
<li>Seamlessly migrate between environments without changing users or roles.</li>
<li>Manage assets, permissions and dependencies on an environment level.</li>
<li>Gain control and visibility over environment specific operations.</li>
</ul>
</div>
<div class="col-lg-6">
<div class="browser-feature">
<div class="indicators">
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
</div>
<div class="browser-window">
<img class="img-responsive feature-screenshot" src="https://dl.dropboxusercontent.com/u/11221717/Screenshot%202014-01-09%2015.44.51.png"></img>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container padding-4x">
<div class="col-lg-4 col-lg-offset-1 col-sm-4">
<img class="img-responsive kail" src="https://dl.dropboxusercontent.com/u/11221717/mike_kale.png"></img>
</div>
<div class="col-lg-7 col-sm-7">
<h3 class="lead lead-lg">"Next generation IT is about enterprise transformation through innovation. ElasticBox provides us an integrated platform, allowing IT to develop self-service best practices and unleash collaboration throughout our organization"</h3>
<h4>- Mike D. Kail, VP of IT Operations, Netflix</h4>
</div>
</div>
<div class="enterprise-signup-block" id="enterprise-contact">
<div class="container padding-4x">
<div class="col-lg-4 col-lg-offset-1 col-sm-6 col-xs-12 padding-4x text-center">
<h1 class="enterprise-contact-lead">Have Questions?</h1>
<h2 class="enterprise-contact-lead">Let's talk.</h2>
<br><br>
<h3 class="enterprise-contact-sub"><i class="fa fa-envelope-o"></i> Send Us An Email</h4>
<br>
<h4>Or</h4>
<br>
<h3 class="enterprise-contact-sub"><i class="fa fa-phone"></i>Give Us A Call at:</h4>
<h3>(888) 555 - 6789</h3>
</div>
<div class="col-lg-5 col-lg-offset-1 col-sm-6 col-xs-12">
{% include enterprise-contact-form.html %}
</div>
</div>
</div>
</main>