-
Notifications
You must be signed in to change notification settings - Fork 2
/
enterprise.html
279 lines (275 loc) · 15.8 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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
---
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">Accelerate Your Enterprise Operations.</h2>
<h3 class="enterprise-sub">ElasticBox is an enterprise-grade solution built for the demanding needs of large scale application deployments. Accelerate your pace of innovation with tools that will empower Developers and IT Operations to deliver applications faster.</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="enteprise-aligned" id="unified-enterprise">
<h2 class="text-center persona-lead">Align Developers and IT operations.</h2>
<h3 class="col-lg-8 col-lg-offset-2 text-center lead sub">Friction between Developers and IT Operations? With advantages such as collaboration, better resource allocation, and policy management, ElasticBox can help pave the way to a modern and unified IT department.</h3>
<img class="img-responsive img-enterprise-block padding-2x"src="http://static.elasticbox.com.s3-us-west-1.amazonaws.com/enterprise-aligned.svg"></img>
</div>
<div class="container">
<div class="row padding-4x row-personas">
<div class="col-md-4">
<h3 class="text-center lead-color">Developers</h3>
<p class="text-center">Collaborate and Deliver Applications Faster.</p>
<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 language, frameworks, containers of your liking.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Follow changes and manage 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>
<p class="text-center">Manage Your Environments and Resources.</p>
<ul class="persona-list">
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Leverage existing infrastructure including public and private clouds.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Provision and monitor resources.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Organize and control environments and teams.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Review and audit logs, apps and services.</li>
</ul>
</div>
<div class="col-md-4">
<h3 class="text-center lead-color">CIO and CTO</h3>
<p class="text-center">Drive Strategy, Innovation and Compliance.</p>
<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>Focus on strategy and innovation.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Mitigate shadow IT and rogue cloud strategies.</li>
<li><span class="glyphicon glyphicon-ok feature-included yes"></span>Break down development and team silos.</li>
</ul>
</div>
</div>
</div>
<div class="jumbotron hidden-xs inline-account slate" id="request-demo">
<div class="container">
<div class="row">
<h3 class="text-center">Spend your time innovating, not managing infrastructure.</h3>
<h4 class="text-center lead sub">See how ElasticBox can transform your enterprise.</h4>
<div class="col-lg-6 col-lg-offset-3">
<div class="col-lg-6">
<input class="form-control input-lg input-cta" placeholder="Enter Email"></input>
</div>
<div class="col-lg-6">
<button class="btn btn-danger btn-lg btn-block input-cta">REQUEST DEMO</button>
</div>
</div>
</div>
</div>
</div>
<div class="jumbotron jumbotron-use-cases" id="use-cases">
<div class="container">
<h2 class="col-lg-10 col-lg-offset-1 use-case-lead text-center padding-1x">Conquer your complex use cases and challenges with ease</h2>
<div class="row">
<div class="col-lg-10 col-lg-offset-1">
<div class="col-lg-3 use-case-block text-center">
<div id="use-case-3">
<div id="use-case-select-3"class="use-case-inner active">
<img class="use-case-icon" src="http://static.elasticbox.com.s3-us-west-1.amazonaws.com/resource-provisioning.svg"></img>
</div>
</div>
<h3 id="use-case-lead-3" class="active">Resource Provisioning</h3>
<div id="use-case-carrot-3" class="use-case-select active"></div>
</div>
<div class="col-lg-3 use-case-block text-center">
<div id="use-case-1">
<div id="use-case-select-1" class="use-case-inner">
<img class="use-case-icon" src="http://static.elasticbox.com.s3-us-west-1.amazonaws.com/continuous-integration.svg"></img>
</div>
</div>
<h3 id="use-case-lead-1">Continuous Integration</h3>
<div id="use-case-carrot-1" class="use-case-select"></div>
</div>
<div class="col-lg-3 use-case-block text-center">
<div id="use-case-4">
<div id="use-case-select-4"class="use-case-inner">
<img class="use-case-icon" src="http://static.elasticbox.com.s3-us-west-1.amazonaws.com/infrastructure-independence.svg"></img>
</div>
</div>
<h3 id="use-case-lead-4">Hybrid Deployments</h3>
<div id="use-case-carrot-4" class="use-case-select"></div>
</div>
<div class="col-lg-3 use-case-block text-center">
<div id="use-case-2">
<div id="use-case-select-2"class="use-case-inner">
<img class="use-case-icon" src="http://static.elasticbox.com.s3-us-west-1.amazonaws.com/orchestrated-updates.svg"></img>
</div>
</div>
<h3 id="use-case-lead-2">Orchestrated Updates</h3>
<div id="use-case-carrot-2" class="use-case-select"></div>
</div>
</div>
</div>
<div class="row row-use-case-description">
<div class="col-lg-10 col-lg-offset-1 use-case-description padding-2x">
<p id="use-case-description-3" class="use-case-description-text lead sub">ElasticBox gives you the freedom to provision resrouces across providers, environments, teams and users. Enforce strategy, policy and budgets through a series of admin features.</p>
<p id="use-case-description-1" class="use-case-description-text lead sub">Continuous integration can give you the most efficient and innovative development for your organization. Use our APIs to create a continuous integration environment with Git and Jenkins.</p>
<p id="use-case-description-4" class="use-case-description-text lead sub">Deploy your application across public and private clouds giving you the freedom to comply with your data policies, and business and IT requirements.</p>
<p id="use-case-description-2" class="use-case-description-text lead sub">ElasticBox makes pushing component updates to apps a breeze. Update the box and push the changes to all apps using that box. Teams can then choose to apply the update with a few clicks.</p>
</div>
<div class="col-lg-12 text-center padding-2x"><button class="btn btn-lg btn-primary">LEARN MORE</button></div>
</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 row-feature padding-4x" id="access-control">
<div class="col-lg-5 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-lg-6 col-lg-offset-1">
<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-03-01%2017.15.09.png"></img>
</div>
</div>
</div>
</div>
<div class="row row-feature padding-4x" id="workspaces">
<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-03-01%2017.21.44.png"></img>
</div>
</div>
</div>
<div class="col-lg-5 col-lg-offset-1 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>
</div>
</div>
<div class="jumbotron challenges-block slate-light" id="challenges">
<div class="container">
<h3 class="col-lg-10 col-lg-offset-1 text-center challenges-header">Is your current approach to DevOps Time-consuming and Repetitive? Error-prone and Inefficient? Lacking Governance?</h3>
<div class="row challenges-row text-center padding-4x">
<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">Manual Updates</h3>
<p>Are manual upgrades burning resources? Orchestrate updates.</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">Hacks</h3>
<p>Tired of calls at 3am when the app breaks. Make your tools available.</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">Shadow IT</h3>
<p>Hard maintaining a centralized strategy in your organization? Worry no more.</p>
</div>
</div>
<div class="row padding-1x data-sheet-header">
<h3 class="col-lg-8 col-lg-offset-2 text-center data-sheet-lead white">See how ElasticBox can help!</h3>
</div>
<div class="row text-center">
<button class="btn btn-lg btn-challenges btn-datasheet" id="datasheet-prompt">DOWNLOAD DATASHEET</button>
<div class="col-lg-6 col-lg-offset-3" id="download-datasheet-filter">
<div class="col-lg-6">
<input class="form-control input-lg input-cta" placeholder="Enter Email"></input>
</div>
<div class="col-lg-6">
<button href="" class="btn btn-lg btn-challenges btn-datasheet-download" id="download-datasheet">DOWNLOAD DATASHEET</button>
</div>
</div>
</div>
<div class="row text-center" >
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row 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_kail.jpg"></img>
</div>
<div class="col-lg-7 col-sm-7">
<p class="kail-quote">"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"</p>
<h4>Mike D. Kail, VP of IT Operations, Netflix</h4>
</div>
</div>
</div>
<div class="enterprise-signup-block dark" 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">
<h2 class="enterprise-contact-lead">Have Questions?</h2>
<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>