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 -->
2016-12-21 01:06:27 -05:00
< link href = '//fonts.googleapis.com/css?family=Raleway' rel = 'stylesheet' type = 'text/css' >
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" >
< div class = "container topnav" >
<!-- 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 >
< a class = "navbar-brand topnav" href = "#" > < img src = "{% static 'datacenterlight/img/logo_black.svg' %}" > < / a >
< / 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-04-24 03:01:05 +05:30
< a href = "#how" > {% trans "What is it" %}< / a >
2016-12-20 18:05:20 -05:00
< / li >
< li >
2017-04-24 03:01:05 +05:30
< a href = "#your" > {% trans "Scale out" %}< / a >
2016-12-20 18:05:20 -05:00
< / li >
< li >
2017-04-24 03:01:05 +05:30
< a href = "#our" > {% trans "Reliable and light" %}< / a >
2016-12-20 18:05:20 -05:00
< / li >
< li >
2017-04-24 03:01:05 +05:30
< a href = "#price" > {% trans "Buy VM" %}< / a >
2016-12-20 18:05:20 -05:00
< / li >
< li >
2017-04-24 03:01:05 +05:30
< a href = "#contact" > {% trans "Contact" %}< / a >
< / li >
< li >
< select class = "selectpicker" data-width = "fit" onchange = "location = this.value;" style = "margin-top:10px;" >
{% 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 %}
< / select >
2016-12-20 18:05:20 -05:00
< / li >
< / ul >
2017-04-24 03:01:05 +05:30
2016-12-20 18:05:20 -05:00
< / div >
<!-- /.navbar - collapse -->
< / div >
<!-- /.container -->
< / nav >
<!-- Header -->
< a name = "about" > < / a >
< div class = "intro-header" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-12" >
< div class = "intro-message" >
< h1 > datacenterlight.ch< / 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-04-24 03:01:05 +05:30
< a href = "#how" class = "btn btn-default btn-lg" > < 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-04-24 03:01:05 +05:30
< a href = "#requestform" class = "btn btn-default btn-lg page-scroll" > < span class = "network-name" > {% trans "I want it!" %}< / span > < / a >
2016-12-20 18:05:20 -05:00
< / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
<!-- /.container -->
< / div >
<!-- /.intro - header -->
<!-- Page Content -->
< a name = "how" > < / a >
< div class = "content-section-b" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6" >
< hr class = "section-heading-spacer" >
< div class = "clearfix" > < / div >
2017-04-24 03:01:05 +05:30
< h2 class = "section-heading" > {% trans "How it works :" %}< / h2 > < ul class = "fa-ul" >
2016-12-20 18:05:20 -05:00
< li > < i class = "fa-li fa fa-check-square-o fa-lg" > < / i >
2017-04-24 03:01:05 +05:30
< p class = "lead" > {% trans "Reuse existing factory halls intead of building an expensive building." %}< / p >
2016-12-20 18:05:20 -05:00
< / li >
< li > < i class = "fa-li fa fa-check-square-o fa-lg" > < / i >
2017-04-24 03:01:05 +05:30
< p class = "lead" > {% trans "Being creative, using modern and alternative design for a datacenter." %} < / p > < / li >
2016-12-20 18:05:20 -05:00
< li > < i class = "fa-li fa fa-check-square-o fa-lg" > < / i >
2017-04-24 03:01:05 +05:30
< p class = "lead" > {% trans "Being open : Using FOSS exclusively, we can save money for licenses." %} < / p > < / li >
2016-12-20 18:05:20 -05:00
< / ul >
< / div >
< div class = "col-lg-5 col-sm-pull-6 col-sm-6" >
< img class = "img-responsive" src = "{% static 'datacenterlight/img/how3.png' %}" alt = "" >
< / div >
< / div >
< / div >
<!-- /.container -->
<!-- /.option 1 -->
< / div >
< a name = "your" > < / a >
< div class = "content-section-a" id = "own" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-5 col-sm-6" >
< hr class = "section-heading-spacer" >
< div class = "clearfix" > < / div >
2017-04-24 03:01:05 +05:30
< h2 class = "section-heading" > {% trans "Scale out" %}< / h2 >
< 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 >
2016-12-20 18:05:20 -05:00
< / div >
< div class = "col-lg-5 col-lg-offset-2 col-sm-6" >
< img class = "img-responsive" src = "{% static 'datacenterlight/img/home.png' %}" alt = "" >
< / div >
< / div >
< / div >
<!-- /.container -->
< / div >
<!-- /.option 2 -->
<!-- /.content - section - a -->
<!-- / pricing -->
< a name = "our" > < / a >
< div class = "content-section-b" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6" >
< hr class = "section-heading-spacer" >
< div class = "clearfix" > < / div >
2017-04-24 03:01:05 +05:30
< h2 class = "section-heading" > {% trans "Reliable and light" %}< / h2 >
< 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 >
2016-12-20 18:05:20 -05:00
< / div >
< div class = "col-lg-5 col-sm-pull-6 col-sm-6" >
< img class = "img-responsive" src = "{% static 'datacenterlight/img/dog.png' %}" alt = "" >
< / div >
< / div >
< / div >
<!-- /.container -->
< / div >
<!-- /.content - section - b -->
< a name = "price" > < / a >
< div class = "content-section-a" >
< div class = "container" >
< div class = "col-xs-12 col-lg-4 col-sm-3" > < / div >
< div class = "row" >
< div class = "col-xs-12 col-lg-4 col-sm-3" >
< hr class = "section-heading-spacer" >
< div class = "clearfix" > < / div >
2017-04-24 03:01:05 +05:30
< h2 class = "section-heading" > {% trans "We are cutting down the costs significantly!" %}< / h2 >
< p class = "lead" > {% trans "Affordable VM hosting based in Switzerland" %}< / p >
2016-12-20 18:05:20 -05:00
< / div >
< div class = "col-xs-12 col-lg-4 col-sm-3" > < / div >
<!-- Title -->
< div class = "row" >
< div class = "col-lg-12" > < / div >
< / div >
<!-- /.row -->
<!-- Page Features -->
< div class = "row text-center" >
< div class = "col-xs-12 col-sm-3 col-lg-4 hero-feature" > < / div >
< div class = "col-xs-12 col-sm-3 col-lg-4 hero-feature" >
< div class = "thumbnail" >
< img class = "relsonsive" src = "{% static 'datacenterlight/img/economy.jpg' %}" alt = "" >
< div class = "caption" >
2017-04-24 03:01:05 +05:30
< h3 > {% trans "VM hosting" %} < / h3 >
< p > {% trans "Based in Switzerland" %}< / p >
2016-12-20 18:05:20 -05:00
< p > 1 core, < / p >
< p > 2 GiB RAM, < / p >
2017-04-24 03:01:05 +05:30
< p > {% trans "15 GiB storage(SSD)" %}< / p >
2016-12-20 18:05:20 -05:00
< p >
2017-04-24 03:01:05 +05:30
< a href = "#" class = "btn btn-primary btn-buynow" > {% trans "Buy Now!" %}< / a > < a href = "#" class = "btn btn-default" > {% trans "More Info" %}< / a > < / p >
2016-12-20 18:05:20 -05:00
< / div >
< / div >
< / div >
< div class = "col-xs-12 col-sm-3 col-lg-4 hero-feature" > < / div >
< / div >
<!-- /.row -->
< / div >
< / div >
<!-- /.container -->
< / div >
<!-- Configure -->
< a name = "about" > < / a >
< div class = "intro-header-1" >
< div class = "container" >
< a href = "" id = "requestform" > < / a >
< div class = "row" >
< div class = "col-lg-12" >
< div class = "intro-message" >
2017-04-24 03:01:05 +05:30
< h1 > {% trans "I want to try!" %}< / h1 >
2016-12-20 18:05:20 -05:00
< p > < / p >
< p > < / p >
< form class = "form-inline" method = "POST" action = "" >
{% csrf_token %}
{{ form.non_field_errors }}
{{ form.email.errors|striptags}}
< div class = "form-group" >
2017-04-24 03:01:05 +05:30
< label class = "sr-only" for = "exampleInputEmail3" > {% trans "Email address" %}< / label >
2016-12-20 18:05:20 -05:00
< input type = "email" name = "email" class = "form-control" id = "exampleInputEmail3" placeholder = "Enter email" >
< / div >
2017-04-24 03:01:05 +05:30
< button type = "submit" class = "btn btn-default" > {% trans "Request Beta Access" %}< / button >
2016-12-20 18:05:20 -05:00
< / form >
2017-04-24 03:01:05 +05:30
< div class = "modal fade bs-example-modal-sm" style = "color:black;" id = "reques-success-message" tabindex = "-1" role = "dialog" >
< div class = "modal-dialog" role = "document" >
< div class = "modal-content" >
< div class = "modal-header" >
< button type = "button" class = "close" data-dismiss = "modal" aria-label = "Close" > < span aria-hidden = "true" > × < / span > < / button >
< h4 class = "modal-title" > {% trans "Request Sent" %}< / h4 >
< / div >
< div class = "modal-body" >
< p > {% trans "Thank you, we will contact you as soon as possible" %}< / p >
< / div >
< div class = "modal-footer text-center" >
< button type = "submit" class = "btn btn-primary" data-dismiss = "modal" > Ok< / button >
< / div >
< / div > <!-- /.modal - content -->
< / div > <!-- /.modal - dialog -->
< / div > <!-- /.modal -->
2016-12-20 18:05:20 -05:00
< / ul >
< / div >
< / div >
< / div >
< / div >
<!-- /.container -->
< / div >
<!-- /.content - section - a -->
<!-- / contact section -->
< a name = "contact" > < / a >
< div class = "banner" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-6" > < / div >
< div class = "col-lg-6" >
2017-04-24 03:01:05 +05:30
< h2 > {% trans "QUESTIONS?" %} < / h2 >
< h2 > {% trans "CONTACT US!" %} < / h2 >
2016-12-20 18:05:20 -05:00
< h3 > ungleich GmbH < / h3 >
< p > < i class = "fa fa-envelope-o" > < / i > info@datacenterlight.ch< / p >
< p > In der Au 7, Schwanden 8762< / p >
2017-04-24 03:01:05 +05:30
< p > {% trans "Switzerland " %}< / p >
2016-12-20 18:05:20 -05:00
< button type = "button" class = "btn btn-default" >
< a href = "https://twitter.com/ungleich" >
< i class = "fa fa-twitter fa-fw" > < / i > < span class = "network-name" > Twitter< / span > < / a >
< / button >
< button type = "button" class = "btn btn-default" >
< a href = "https://github.com/ungleich" > < i class = "fa fa-github fa-fw" > < / i > < span class = "network-name" > Github< / span > < / a > < / button >
< / div >
< / div >
< / div >
<!-- /.container -->
< / 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-04-24 03:01:05 +05:30
< a href = "#about" > {% trans "How it works" %}< / 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,
});
var hash = window.location.hash.substr(1);
console.log(hash);
if (hash == 'requestform'){
$('#reques-success-message').modal('show');
}
};
< / 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 >
< / body >
< / html >
