-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
325 lines (282 loc) · 14.6 KB
/
index.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
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109287724-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-109287724-1');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" type="favicon.ico" href="favicon.ico" />
<title>Planck's Cloud</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/creative.min.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar fixed-top" id="mainNav">
<div class="container-fluid">
<a class="navbar-brand js-scroll-trigger" href="#page-top"> <img src="img/icon.svg" class="img-fluid logo"> Planck's Cloud</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#features">Evolve</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#hiw">How it Works</a>
</li>
<li class="nav-item">
<a class="nav-btn btn btn-primary js-scroll-trigger" href="#getStarted" style="font-size:15px">Get Started</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="masthead">
<div class="header-content">
<div class="header-content-inner landing">
<h2 id="homeHeading" class="mb-3 text-white text-shadow landing"><br>Smart Clouds Evolve with you.</h2>
<h5 class="text-shadow sub-heading">Spin up private clouds from your old hardware and have it grow with you.<br><br></h5>
<a class="btn btn-primary btn-xl js-scroll-trigger" href="#getStarted">Get Started!</a>
</div>
</div>
</header>
<!-- Features -->
<section id="features">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center box-spacing text-primary">
<h2 class="section-heading display-4">Maximise your Cloud Evolution!</h2>
<p><br>Connect all your devices and turn their compute into a cloud!<br></p>
<!-- Insert image -->
<img class="container-fluid w-50 p-3" src="img/isometricClouds.svg">
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-3 box-spacing">
<h5 class="font-weight-bold">Native Hybrid Cloud</h5>
<p>
Using the power of your own existing hardware, Planck's Cloud can create a powerfully reliable and scalable cloud with your existing infrastructure, incorporating your other cloud partners, allowing you to consolidate capacity and compute.
</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-3 box-spacing">
<h5 class="font-weight-bold">The Sky Is The Limit</h5>
<p>
Use your infrastructure for endless possibilities - from hosting, to machine learning, to extra security, to virtual servers and more. Planck’s Cloud will turn your infrastructure into a platform that meets the demands of your business.
</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-3 box-spacing">
<h5 class="font-weight-bold">Scale Your Own Cloud</h5>
<p>
Scale your business with the infrastructure you already own. As long as you have laptops, desktops and servers that aren’t being fully utilized, you can put them to work running your business.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-3 box-spacing">
<h5><b>Saving Efficiently</b></h5>
<p>
Using your spare computing infrastructure for your hosting needs just makes good business sense. There is no need to purchase more servers or cloud infrastructure until you are using what you have already paid for. Turn your depreciating computing infrastructure
into assets that save you money.
</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-3 box-spacing">
<h5><b>Reliable</b></h5>
<p>
Never have to worry about server downtime with the self-healing infrastructure, if a node becomes unavailable while performing it's operations, another node will spin up of the same instance. Ensuring your service will be seamless without any interruptions.
</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-3 box-spacing">
<h5><b>Native Adoption</b></h5>
<p>
Natively built for desktops and laptops, reducing friction when it comes to configuration and maintenance of your infrastructure. More desktlops and laptops can be easily added to the planck's cloud infrastructure.
</p>
</div>
</div>
</div>
<div class="row justify-content-start">
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-3 box-spacing">
<h5><b>Fully Agnostic</b></h5>
<p>
Create an infrastructure where all devices can work in harmony regardless of the following: <br>- What platform its running on <br>- The current stack that is involved <br>- What language its running on <br>- How it runs <br>- What is
currently running
</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-3 box-spacing">
<h5><b></b></h5>
<p>
</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-3 box-spacing">
<h5><b></b></h5>
<p>
</p>
</div>
</div>
<a class="btn btn-primary btn-xl js-scroll-trigger my-auto mx-auto" href="#getStarted">Learn More!</a>
</div>
</div>
</div>
</section>
<!-- How it works -->
<section class="bg-hiw" id="hiw">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-primary display-4">How it works</h2>
<p class="text-primary mb-3">
Smart clouds scale and stabilize themselves - so you won't need to<br><br></p>
</div>
<div class="col-lg-4 mb-3">
<div class="drop-shadow">
<div class="mx-auto mb-5 mb-lg-0 mb-lg-3 bg-white container-fluid text-left pillar">
<div class="text-center">
<img src="img/icon1c altG.svg" class="img-fluid pb-3">
</div>
<h5 class="text-primary font-weight-bold mb-4">Install Planck's Cloud on all your devices</h5>
<p class="text-primary pb-3">Installing the Planck's Cloud application on all your devices will connect them, and have them collaborate as a collective computing cloud.</p>
</div>
<div class="text-center bg-palewhite vertical-align container-fluid">
<p class="text-muted fa fa-1x fa-clock-o"> 3 minutes per device</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-3">
<div class="drop-shadow">
<div class="mx-auto mb-5 mb-lg-0 mb-lg-3 bg-white container-fluid text-left pillar">
<div class="text-center">
<img src="img/icon2c altG.svg" class="img-fluid pb-3">
</div>
<h5 class="text-primary mb-4 font-weight-bold">Decide on the type of cloud you need</h5>
<p class="text-primary pb-3">Now you get to decide how to use your cloud, whether it's for hosting, batch processing, or whatever your business needs, the sky is the limit.</p>
</div>
<div class="text-center bg-palewhite vertical-align">
<p class="text-muted fa fa-1x fa-clock-o"> 20 minutes</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-3">
<div class="drop-shadow">
<div class="mx-auto mb-5 mb-lg-0 mb-lg-3 bg-white container-fluid text-left pillar">
<div class="text-center">
<img src="img/icon3c altG.svg" class="img-fluid pb-3">
</div>
<h5 class="text-primary mb-4 font-weight-bold">We're always looking out for you</h5>
<p class="text-primary pb-5">We'll support you in getting your cloud to work, ensuring reliability and that you're getting the best deals on the market.</p>
</div>
<div class="text-center bg-palewhite vertical-align">
<p class="text-muted fa fa-1x fa-clock-o">Monthly</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Get Started -->
<section id="getStarted" class="bg-getstarted">
<div class="container">
<div class="row justify-content-md-center">
<div class="col-lg-8 text-center">
<h2 class="section-heading text-primary display-4">Get Started</h2>
<p class="text-primary text-left lead box-spacing mb-3">Calling all businesses, big, small, old and young. Sign up and be the first to know about our promotions, partnerships, product developments and when Planck's Cloud Business becomes available<br></p>
</div>
</div>
<div class="row justify-content-md-center ">
<div class="col-lg-8" id="mc_embed_signup">
<form action="https://cloud.us12.list-manage.com/subscribe/post?u=2128890986fc5b9454574f559&id=eae0902eb7" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="row">
<div class="col-md-6">
<div class="form-group linespacing mc-field-group">
<input class="form-control" id="mce-FNAME " type="text" placeholder="Your Name *" required data-validation-required-message="Please enter your name. " value="" name="FNAME">
<p class="help-block text-danger "></p>
</div>
<div class="form-group linespacing mc-field-group ">
<input class="form-control" id="mce-LNAME" type="text" placeholder="Your Surname *" required data-validation-required-message="Please enter surname." value="" name="LNAME">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group linespacing mc-field-group">
<select class="form-control " id="mce-WHOAMI " placeholder="Tell us about yourself * " value=" " name="WHOAMI ">
<option value = "A Business ">I am a business</option>
<option value = "A Reporter ">I am a reporter</option>
<option value = "Just Curious ">I am just curious</option>
</select>
<p class="help-block text-danger "></p>
</div>
<div class="form-group linespacing mc-field-group ">
<input class="form-control" id="mce-EMAIL" type="email" placeholder="Your Email *" required data-validation-required-message="Please enter your email address." value="" name="EMAIL">
<p class="help-block text-danger"></p>
</div>
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div class="clearfix"></div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_2128890986fc5b9454574f559_eae0902eb7" tabindex="-1" value=""></div>
<div class="col-lg-12 text-center mt-3">
<div id="success"></div>
<button id="mc-embedded-subscribe" class="btn btn-primary btn-xl" type="submit">Sign Up!</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- END -->
<!-- Footer -->
<footer>
<div class="container-fluid text-white text-center mx-auto box-spacing bg-dark">
<span class="copyright">Copyright © Planck's Cloud 2018</span>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="vendor/scrollreveal/scrollreveal.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/creative.min.js"></script>
</body>
</html>