forked from adamdaigian/eb_prototype
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfeatures.html
245 lines (243 loc) · 14 KB
/
features.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
---
layout: default
title: Features
slug: features
lead: "Check out ElasticBox's features that help with managing all of your virtual infrastructure. Define and deploy applications in three easy steps."
base_url: "../"
---
<main id="content" role="main">
<div class="jumbotron slate-mid hero-walkthrough">
<div class="container">
<div class="row">
<h2 class="features-hero text-center">ElasticBox To The Rescue. Reinventing Your Workflow.</h2>
<h3 class="features-sub lead col-lg-10 col-lg-offset-1 text-center">Welcome to a simplified, modular, service-based application development process, where fully configured application components are available as a service.</h3>
<div class="col-lg-10 col-lg-offset-1 hero-screenshot-block">
<div class="hero-screenshot">
<div class="hero-screenshot-inner">
<div class="hero-screenshot-placeholder"></div>
</div>
</div>
</div>
<div class="col-lg-12 hero-screenshot-base"></div>
</div>
</div>
</div>
<div class="deploy">
<div class="container">
<div class="row padding-2x">
<h2 class="text-center lead-color">Start Deploying Applications Right Away.</h2>
<h4 class="col-lg-8 col-lg-offset-2 text-center sub">Configure and deploy applications using CM tools like <a class="more" href="">Docker</a>, <a class="more" href="">Chef</a>, and <a class="more">Puppet</a> or standard scripting languages like Bash and PowerShell.</h4>
</div>
<div class="row row-scripts text-center padding-2x">
<div class="col-lg-2 col-lg-offset-2 col-md-3 col-sm-3 col-xs-3"><a class="btn btn-md btn-primary btn-deploy active">Docker</a></div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-3"><a class="more btn-deploy">Chef</a></div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-3"><a class="more btn-deploy">Puppet</a></div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-3"><a class="more btn-deploy">Bash</a></div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-12 col-xs-12">
<div class="browser">
<div class="indicators">
<span class="circle"></span>
<span class="circle"></span>
<span class="circle"></span>
</div>
<div class="browser-editor">
<code>
$ if ! [ $(lsb_release -cs|grep raring|wc -c) -gt 1 ]; then echo "UNSUPPORTED IMAGE/AMI: This Box only works with Ubuntu 13.04 (Raring Ringtail)"; fi
<br>
$ sudo apt-key adv --keyserver keyserver.ubuntu.com
<br>
$ sudo sh -c "echo deb http://get.docker.io/ubuntu docker main > /etc/apt/sources.list.d/docker.list"
<br>
$ sudo apt-get update -y
<br>
$ sudo apt-get install lxc-docker-0.7.6 -y
<br>
$ run curl -L https://github.com/shykes/helloflask/archive/master.tar.gz | tar -xzv
</code>
</div>
</div>
</div>
</div>
</div>
<div class="clouds">
<div class="clouds-inner">
<div class="container padding-4x">
<h2 class="text-center cloud-lead">Feel Free To Move About The Clouds</h2>
<h3 class="lead col-lg-8 col-lg-offset-2 text-center sub">ElasticBox supports all leading cloud providers, so you won't be boxed into any specific vendor. Public, private or hybrid clouds. You choose.</h3>
<div class="row cloud-row-1 text-center hidden-md hidden-xs padding-2x">
<div class="col-lg-4 cloud-ends">
<div class="floaty floaty-1">
<div class="floaty-inner">
<img class="cloud-provider" src="https://dl.dropboxusercontent.com/u/11221717/cloud-aws.png"></img>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="floaty floaty-2">
<div class="floaty-inner">
<img class="cloud-provider" src="https://dl.dropboxusercontent.com/u/11221717/cloud-rackspace.png"></img>
</div>
</div>
</div>
<div class="col-lg-4 cloud-ends">
<div class="floaty floaty-3">
<div class="floaty-inner">
<img class="cloud-provider" src="https://dl.dropboxusercontent.com/u/11221717/cloud-vmware.png"></img>
</div>
</div>
</div>
</div>
<div class="row cloud-row-2 text-center hidden-md hidden-xs padding-4x xs-hidden">
<div class="col-lg-4 col-md-offset-2">
<div class="floaty floaty-4">
<div class="floaty-inner">
<img class="cloud-provider" src="https://dl.dropboxusercontent.com/u/11221717/cloud-rackspace.png"></img>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="floaty floaty-5">
<div class="floaty-inner">
<img class="cloud-provider" src="https://dl.dropboxusercontent.com/u/11221717/cloud-aws.png"></img>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="jumbotron">
<div class="container">
<h2 class="text-center">Welcome to a new and improved workflow.</h2>
<h3 class="text-center lead col-lg-10 col-lg-offset-1">ElasticBox has tools and features you've never seen before. Give them a try and you'll wonder how you survived without them.</h3>
<div class="row row-feature padding-4x">
<div class="col-md-5 feature-highlight">
<h2 class="feature-title">ElasticBox Lifecycle Editor</h2>
<h4 class="feature-supporting">Reconfigure and Deploy in one view.</h4>
<div class="lead">No product has a tool quite like the Lifecycle Editor. In one view, you can manage scripts and variables, deploy and then reconfigure or reinstall. It’s all the power you ever wished for, right at your fingertips.</div>
<ul class="feature-list">
<li>Frictionless development tool.</li>
<li>Effective asset and dependency management.</li>
<li>Keep infrastructure fluid and manageable.</li>
<li>Audit and compare multiple deployment logs.</li>
<li>Increase deployment velocity by configuring<br> and installing on the fly.</li>
</ul>
</div>
<div class="col-md-6 col-md-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-01-09%2015.44.51.png"></img>
</div>
</div>
</div>
</div>
<div class="row row-feature padding-4x">
<div class="col-md-5 feature-highlight">
<h2 class="feature-title">Collaboration That Scales</h2>
<h4 class="feature-supporting">Scale to hundreds without loosing strategy.</h4>
<div class="lead">We know that collaboration leads to innovation and acceleration. ElasticBox is purpose built to center your team’s work on developing and maintaining, keeping everyone on the same page.</div>
<ul class="feature-list">
<li>Share service and provider resources.</li>
<li>Collaborate through sharing contained infrastructure.</li>
<li>Replicate infrastracture and apps across environments.</li>
<li>Incentivise sharing, agility and innovation.</li>
<li>Control access and control over application and infrastructure components.</li>
</ul>
</div>
<div class="col-md-6 col-md-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-01-09%2015.44.51.png"></img>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="box-land">
<div class="container box-friends" id="box-block-link">
<div class="row padding-2x">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="">Boxes Are Your New Best Friend.</h2>
<h4>Create, reuse, and repurpose.Teams can assemble and launch n-tier applications by mixing and matching boxes. Launching applications from boxes gives you consistency and agility. Versioning means you can innovate without breaking things.</h4>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<img class="img-responsive" src="https://dl.dropboxusercontent.com/u/11221717/boxes-best-friend-illustration.png"></img>
</div>
</div>
</div>
<div class="jumbotron text-center">
<h2>See Why Boxes Are Awesome</h2>
<h4 class="col-lg-8 col-lg-offset-2">What is a Box you ask? A Box is an encapsulated, fully configured, component of your application architecture. A Box contains scripts, variables, files, and other metadata required to deploy the application. It could be a database, webserver, middleware, language, runtime – really you can Box almost anything. A Box is reusable, can be versioned, and is fully mobile across cloud services.</h4>
<div class="row padding-4x">
<div class="col-lg-3"><div class="box-detail-select"><span class="glyphicon glyphicon-chevron-left text-right"></span></div></div>
<div class="col-lg-6">
<div class="box-explain">
<div class="box-large"></div>
</div>
</div>
<div class="col-lg-3"><div class="box-detail-select"><span class="glyphicon glyphicon-chevron-right"></span></div></div>
</div>
<div class="row padding-1x">
<div class="col-lg-10 col-lg-offset-1 text-center">
<h3 class="">Language Runtimes.</h3>
<h4 class="lead">Whatever language your application is written in, ElasticBox Has you covered.</h4>
<div class="boxes-individual inline">
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
</div>
</div>
</div>
<div class="row padding-1x">
<div class="col-md-10 col-lg-offset-1 text-center">
<h3 class="">Databases and Middleware.</h3>
<h4 class="lead">Run your applications by assembling the right boxes and adding your code. Pick a box, add your code and then reuse over and over again.</h4>
<div class="boxes-individual inline">
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
</div>
</div>
</div>
<div class="row padding-1x">
<div class="col-md-10 col-lg-offset-1 text-center">
<h3 class="">Web Servers.</h3>
<h4 class="lead">We support all the most popular web servers. Pick from our catalogue or add your own, it's that easy.</h4>
<div class="boxes-individual inline">
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
<div class="col-md-2"><img height="60px" width="60px" src="https://dl.dropboxusercontent.com/u/11221717/box-template.svg"></img></div>
</div>
</div>
</div>
</div>
</div>
</main>