2017-04-24 03:01:05 +05:30
{% load staticfiles i18n%}
{% get_current_language as LANGUAGE_CODE %}
2016-12-20 18:05:20 -05:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta name = "description" content = "" >
< meta name = "author" content = "" >
< title > datacenterlight.ch - Featherlight Swiss VM< / title >
<!-- Bootstrap Core CSS -->
< link href = "{% static 'datacenterlight/css/bootstrap.min.css' %}" rel = "stylesheet" >
2017-04-24 03:01:05 +05:30
2016-12-20 18:05:20 -05:00
<!-- Custom Fonts -->
2017-05-18 00:13:00 -05:00
<!-- Import Google Icon Font -->
< link href = "//fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet" >
2016-12-20 18:05:20 -05:00
< link href = "{% static 'datacenterlight/font-awesome/css/font-awesome.min.css' %}" rel = "stylesheet" type = "text/css" >
2016-12-21 01:06:27 -05:00
< link href = "//fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel = "stylesheet" type = "text/css" >
2016-12-20 18:05:20 -05:00
< link rel = "shortcut icon" href = "{% static 'datacenterlight/img/favicon.ico' %}" type = "image/x-icon" / >
2017-04-24 03:01:05 +05:30
< link href = "//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.min.css" rel = "stylesheet" >
<!-- Custom CSS -->
< link href = "{% static 'datacenterlight/css/landing-page.css' %}" rel = "stylesheet" >
2016-12-20 18:05:20 -05:00
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!-- [if lt IE 9]>
< script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" > < / script >
< script src = "https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js" > < / script >
<![endif]-->
< / head >
< body >
<!-- Navigation -->
< nav class = "navbar navbar-default navbar-fixed-top topnav" role = "navigation" >
2017-05-22 23:35:29 -05:00
< div class = "topnav" >
2016-12-20 18:05:20 -05:00
<!-- Brand and toggle get grouped for better mobile display -->
< div class = "navbar-header" >
< button type = "button" class = "navbar-toggle" data-toggle = "collapse" data-target = "#bs-example-navbar-collapse-1" >
< span class = "sr-only" > Toggle navigation< / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
2017-05-18 00:13:00 -05:00
< a id = "logoBlack" class = "navbar-brand topnav url" data-url = "#home" > < img src = "{% static 'datacenterlight/img/logo_black.svg' %}" > < / a >
< a id = "logoWhite" class = "navbar-brand topnav url" data-url = "#home" > < img src = "{% static 'datacenterlight/img/logo_white.svg' %}" > < / a >
2016-12-20 18:05:20 -05:00
< / div >
<!-- Collect the nav links, forms, and other content for toggling -->
< div class = "collapse navbar-collapse" id = "bs-example-navbar-collapse-1" >
< ul class = "nav navbar-nav navbar-right" >
< li >
2017-05-18 00:13:00 -05:00
< a class = "url" href = "javascript:void(0)" data-url = "#how" > {% trans "What is it" %}< / a >
2016-12-20 18:05:20 -05:00
< / li >
< li >
2017-05-18 00:13:00 -05:00
< a class = "url" href = "javascript:void(0)" data-url = "#your" > {% trans "Scale out" %}< / a >
2016-12-20 18:05:20 -05:00
< / li >
< li >
2017-05-18 00:13:00 -05:00
< a class = "url" href = "javascript:void(0)" data-url = "#our" > {% trans "Reliable and light" %}< / a >
2016-12-20 18:05:20 -05:00
< / li >
< li >
2017-05-27 10:39:30 -05:00
< a class = "url" href = "javascript:void(0)" data-url = "#price" > {% trans "Order VM" %}< / a >
2016-12-20 18:05:20 -05:00
< / li >
< li >
2017-05-18 00:13:00 -05:00
< a class = "url" href = "javascript:void(0)" data-url = "#contact" > {% trans "Contact" %}< / a >
< / li >
2017-05-27 12:49:42 -05:00
<!-- <select class="selectpicker" data - width="fit" onchange="location = this.value;" style="margin - top:10px;">
2017-04-24 03:01:05 +05:30
{% if LANGUAGE_CODE == 'en-us'%}
< option selected = "selected" value = "{{base_url}}/en-us/datacenterlight/" > English< / option >
{% else %}
< option value = "{{base_url}}/en-us/datacenterlight/" > English< / option >
{% endif %}
{% if LANGUAGE_CODE == 'de'%}
< option selected = "selected" value = "{{base_url}}/de/datacenterlight/" > Deutsch< / option >
{% else %}
< option value = "{{base_url}}/de/datacenterlight/" > Deutsch< / option >
{% endif %}
2017-05-27 12:49:42 -05:00
< / select > -->
< li class = "nav-language" >
< div class = "select-language" >
{% if LANGUAGE_CODE == 'en-us'%}
< span > English< / span >
{% else %}
< span > Deutsch< / span >
{% endif %}
< i class = "fa fa-globe" aria-hidden = "true" > < / i >
< / div >
< div class = "drop-language" >
{% if LANGUAGE_CODE == 'en-us'%}
< a class = "url" href = "{{base_url}}/de/datacenterlight" > Deutsch< / a >
{% else %}
< a class = "url" href = "{{base_url}}/en-us/datacenterlight" > English< / a >
{% endif %}
< / div >
< / li >
2016-12-20 18:05:20 -05:00
< / ul >
2017-04-24 03:01:05 +05:30
2016-12-20 18:05:20 -05:00
< / div >
<!-- /.navbar - collapse -->
< / div >
<!-- /.container -->
< / nav >
<!-- Header -->
2017-05-18 00:13:00 -05:00
< div class = "intro-header" id = "home" >
2016-12-20 18:05:20 -05:00
< div class = "container" >
< div class = "row" >
< div class = "col-lg-12" >
< div class = "intro-message" >
2017-05-18 00:13:00 -05:00
< h1 > DataCenterLight< / h1 >
2017-04-24 03:01:05 +05:30
< h3 > {% trans "Finally, an affordable VM hosting in Switzerland!" %}< / h3 >
2016-12-20 18:05:20 -05:00
< hr class = "intro-divider" >
< ul class = "list-inline intro-social-buttons" >
< li >
2017-05-27 10:39:30 -05:00
< a class = "btn btn-default btn-lg btn-transparent url" href = "javascript:void(0)" data-url = "#how" > < i class = "#Services" > < / i > < span class = "network-name" > {% trans "What is it?" %}< / span > < / a >
2016-12-20 18:05:20 -05:00
< / li >
< li >
2017-05-22 13:00:27 -05:00
< a class = "btn btn-primary btn-lg page-scroll url" href = "javascript:void(0)" data-url = "#request" > < span class = "network-name" > {% trans "I want it!" %}< / span > < / a >
2016-12-20 18:05:20 -05:00
< / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
2017-05-18 00:13:00 -05:00
< div class = "triangle-left" > < / div >
< div class = "triangle-right" > < / div >
2016-12-20 18:05:20 -05:00
<!-- /.container -->
< / div >
<!-- /.intro - header -->
<!-- Page Content -->
2017-05-18 00:13:00 -05:00
< div class = "split-section right" id = "how" >
2016-12-20 18:05:20 -05:00
< div class = "container" >
< div class = "row" >
2017-05-18 00:13:00 -05:00
< div class = "col-xs-12 col-sm-6 col-md-6 icon-section" >
< i class = "fa fa-cogs" aria-hidden = "true" > < / i >
< / div >
< div class = "col-xs-12 col-sm-6 col-md-6" >
< div class = "split-text" >
< div class = "split-title" >
2017-05-27 10:39:30 -05:00
< h2 > {% trans "What is it" %}< / h2 >
2017-05-18 00:13:00 -05:00
< / div >
< div class = "split-description" >
< ul class = "fa-ul" >
< li > < i class = "fa-li fa fa-check-square-o fa-lg" > < / i >
< p class = "lead" > {% trans "Reuse existing factory halls intead of building an expensive building." %}< / p >
< / li >
< li > < i class = "fa-li fa fa-check-square-o fa-lg" > < / i >
< p class = "lead" > {% trans "Being creative, using modern and alternative design for a datacenter." %}< / p > < / li >
< li > < i class = "fa-li fa fa-check-square-o fa-lg" > < / i >
2017-05-19 22:41:10 -05:00
< p class = "lead" > {% trans "Being open: Using FOSS exclusively, we can save money for licenses." %}< / p > < / li >
2017-05-18 00:13:00 -05:00
< / ul >
< / div >
< / div >
2016-12-20 18:05:20 -05:00
< / div >
< / div >
< / div >
<!-- /.container -->
<!-- /.option 1 -->
< / div >
2017-05-18 00:13:00 -05:00
< div class = "split-section left" id = "your" >
2016-12-20 18:05:20 -05:00
< div class = "container" >
< div class = "row" >
2017-05-18 00:13:00 -05:00
< div class = "col-xs-12 col-sm-6 col-md-6" >
< div class = "split-text" >
< div class = "split-title" >
< h2 > {% trans "Scale out" %}< / h2 >
< / div >
< div class = "split-description" >
< p class = "lead" > {% trans "We don't use special hardware. We use commodity hardware: we buy computers that you buy. Just many more and put them in a cozy home for computers called data center." %}< / p >
< / div >
< / div >
2016-12-20 18:05:20 -05:00
< / div >
2017-05-18 00:13:00 -05:00
< div class = "col-xs-12 col-sm-6 col-md-6 icon-section" >
< i class = "fa fa-rocket" aria-hidden = "true" > < / i >
2016-12-20 18:05:20 -05:00
< / div >
< / div >
< / div >
<!-- /.container -->
2017-05-18 00:13:00 -05:00
<!-- /.option 1 -->
2016-12-20 18:05:20 -05:00
< / div >
2017-05-18 00:13:00 -05:00
< div class = "split-section right" id = "our" >
2016-12-20 18:05:20 -05:00
< div class = "container" >
< div class = "row" >
2017-05-18 00:13:00 -05:00
< div class = "col-xs-12 col-sm-6 col-md-6 icon-section" >
< i class = "fa fa-handshake-o" aria-hidden = "true" > < / i >
2016-12-20 18:05:20 -05:00
< / div >
2017-05-18 00:13:00 -05:00
< div class = "col-xs-12 col-sm-6 col-md-6" >
< div class = "split-text" >
< div class = "split-title" >
< h2 > {% trans "Reliable and light" %}< / h2 >
< / div >
< div class = "split-description" >
< p class = "lead" > {% trans "Our VMs are located in Switzerland, with reliable power supply and fast internet connection. Our VM costs less thanks to our featherlight infrastructure." %}< / p >
< / div >
< / div >
2016-12-20 18:05:20 -05:00
< / div >
< / div >
< / div >
<!-- /.container -->
2017-05-18 00:13:00 -05:00
<!-- /.option 1 -->
2016-12-20 18:05:20 -05:00
< / div >
<!-- /.content - section - b -->
2017-05-18 00:13:00 -05:00
< div class = "content-section-a pricing-section" id = "price" >
2016-12-20 18:05:20 -05:00
< div class = "container" >
2017-05-18 00:13:00 -05:00
<!-- Page Features -->
< div class = "row text-center" >
< div class = "col-xs-12 col-md-6 text" >
< h2 class = "section-heading" > {% trans "We are cutting down the costs significantly!" %}< / h2 >
2017-04-24 03:01:05 +05:30
< p class = "lead" > {% trans "Affordable VM hosting based in Switzerland" %}< / p >
2016-12-20 18:05:20 -05:00
< / div >
2017-05-18 00:13:00 -05:00
< div class = "col-xs-12 col-md-6 hero-feature" >
< div class = "card" >
< div class = "caption" >
< div class = "title" >
< h3 > {% trans "VM hosting" %} < / h3 >
< / div >
< div class = "price" >
2017-05-23 18:32:06 -05:00
< span > 15 CHF/month< / span >
2017-05-18 00:13:00 -05:00
< / div >
< div class = "descriptions" >
< div class = "description" >
< p > {% trans "Based in Switzerland" %}< / p >
< / div >
< div class = "description" >
2017-05-23 18:32:06 -05:00
< p > 1 Core, < / p >
2017-05-18 00:13:00 -05:00
< / div >
< div class = "description" >
2017-05-23 18:32:06 -05:00
< p > 2 GB RAM, < / p >
2017-05-18 00:13:00 -05:00
< / div >
< div class = "description" >
2017-05-26 17:12:37 +02:00
< p > {% trans "10 GB Storage (SSD)" %}< / p >
2017-05-18 00:13:00 -05:00
< / div >
< / div >
2017-06-07 03:05:21 +05:30
< a href = "{% url 'datacenterlight:order' %}" class = "btn btn-primary" > {% trans "Order Now!" %}< / a >
2017-05-18 00:13:00 -05:00
< / div >
2017-05-25 15:18:42 -05:00
< img class = "img-beta" src = "{% static 'datacenterlight/img/beta-img.png' %}" alt = "" >
2017-05-18 00:13:00 -05:00
< / div >
2017-05-23 18:32:06 -05:00
2016-12-20 18:05:20 -05:00
< / div >
< / div >
2017-05-18 00:13:00 -05:00
< / div >
2016-12-20 18:05:20 -05:00
< / div >
<!-- Configure -->
2017-05-22 13:00:27 -05:00
< div class = "request-section" id = "request" >
2016-12-20 18:05:20 -05:00
< div class = "container" >
< div class = "row" >
2017-05-18 00:13:00 -05:00
< div class = "col-sm-6 col-md-6" >
< div class = "title" >
2017-06-07 03:05:21 +05:30
< h2 > {% trans "I want to have it!" %}< / h2 >
2017-05-18 00:13:00 -05:00
< / div >
< / div >
< div class = "col-sm-6 col-md-6" >
2017-05-22 18:03:33 +02:00
<!-- Beta access form, will be loaded via ajax -->
< div class = "form" id = "beta_access_form" >
< / div >
2016-12-20 18:05:20 -05:00
< / div >
< / div >
< / div >
< / div >
<!-- /.content - section - a -->
<!-- / contact section -->
2017-05-18 00:13:00 -05:00
< div class = "full-contact-section" >
< div class = "intro-header-2 contact-section" id = "contact" >
< div class = "container" >
< div class = "row" >
< div class = "col-sm-6 col-md-6" >
< div class = "card" >
< div class = "subtitle" >
< h3 > ungleich GmbH < / h3 >
< / div >
< div class = "description" >
< p > < i class = "fa fa-envelope-o" > < / i > info@datacenterlight.ch< / p >
< p > In der Au 7, Schwanden 8762< / p >
< p > {% trans "Switzerland " %}< / p >
< / div >
< div class = "social" >
2017-05-19 22:41:10 -05:00
< a target = "_blank" class = "" href = "https://twitter.com/datacenterlight" >
2017-05-18 00:13:00 -05:00
< i class = "fa fa-twitter fa-fw" > < / i >
< / a >
2017-05-19 22:41:10 -05:00
< a target = "_blank" class = "" href = "https://github.com/ungleich" >
2017-05-18 00:13:00 -05:00
< i class = "fa fa-github fa-fw" > < / i >
< / a >
2017-05-19 22:41:10 -05:00
< a target = "_blank" class = "" href = "https://www.facebook.com/ungleich.ch/" >
< i class = "fa fa-facebook fa-fw" > < / i >
< / a >
2017-05-18 00:13:00 -05:00
< / div >
< / div >
< / div >
< div class = "col-sm-6 col-md-6" >
< div class = "title" >
2017-05-20 11:19:58 -05:00
< h2 > {% trans "Questions?" %} {% trans "Contact us!" %}< / h2 >
2017-05-18 00:13:00 -05:00
< / div >
< / div >
2016-12-20 18:05:20 -05:00
< / div >
2017-05-18 00:13:00 -05:00
< / div >
2016-12-20 18:05:20 -05:00
< / div >
2017-05-18 00:13:00 -05:00
2016-12-20 18:05:20 -05:00
< / div >
<!-- /.banner -->
<!-- Footer -->
< footer >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-12" >
< ul class = "list-inline" >
< li >
2017-04-24 03:01:05 +05:30
< a href = "#" > {% trans "Home" %}< / a >
2016-12-20 18:05:20 -05:00
< / li >
< li class = "footer-menu-divider" > ⋅ < / li >
< li >
2017-05-27 10:39:30 -05:00
< a href = "#about" > {% trans "What is it" %}< / a > < / li >
2016-12-20 18:05:20 -05:00
< li class = "footer-menu-divider" > ⋅ < / li >
< li >
2017-04-24 03:01:05 +05:30
< a href = "#about" > {% trans "Scale out" %}< / a > < / li >
2016-12-20 18:05:20 -05:00
< li > ⋅ < / li >
< li >
2017-04-24 03:01:05 +05:30
< a href = "#about" > {% trans "Reliable and light" %}< / a > < / li >
2016-12-20 18:05:20 -05:00
< li class = "footer-menu-divider" > ⋅ < / li >
< li >
2017-04-24 03:01:05 +05:30
< a href = "#services" > {% trans "Pricing" %}< / a >
2016-12-20 18:05:20 -05:00
< / li >
< li class = "footer-menu-divider" > ⋅ < / li >
< li >
2017-04-24 03:01:05 +05:30
< a href = "#contact" > {% trans "Contact" %}< / a >
2016-12-20 18:05:20 -05:00
< / li >
< / ul >
2017-04-24 03:01:05 +05:30
< p class = "copyright text-muted small" > Copyright © ungleich GmbH {% now "Y" %}. All Rights Reserved< / p >
2016-12-20 18:05:20 -05:00
< / div >
< / div >
< / div >
< / footer >
<!-- jQuery -->
< script src = "{% static 'datacenterlight/js/jquery.js' %}" > < / script >
2017-04-24 03:01:05 +05:30
< script type = "text/javascript" >
window.onload=function(){
$('.selectpicker').selectpicker({
style: 'btn-link',
windowPadding: 10,
});
2017-05-22 18:03:33 +02:00
$.ajax({
url: "{% url 'datacenterlight:beta_access' %}",
context: document.body
}).done(function(response) {
$('#beta_access_form').html(response);
});
2017-04-24 03:01:05 +05:30
};
< / script >
< script src = "//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.js" > < / script >
2016-12-20 18:05:20 -05:00
<!-- Bootstrap Core JavaScript -->
< script src = "{% static 'datacenterlight/js/bootstrap.min.js' %}" > < / script >
2017-05-18 00:13:00 -05:00
< script src = "{% static 'datacenterlight/js/main.js' %}" > < / script >
2017-05-22 18:03:33 +02:00
<!-- Load form js -->
< script src = "{% static 'datacenterlight/js/form.js' %}" > < / script >
2016-12-20 18:05:20 -05:00
< / body >
< / html >
