2016-12-20 18:05:20 -05:00
{% load staticfiles %}
<!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" >
<!-- Custom CSS -->
< link href = "{% static 'datacenterlight/css/landing-page.css' %}" rel = "stylesheet" >
<!-- 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" / >
<!-- 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 >
< a href = "#how" > What is it< / a >
< / li >
< li >
< a href = "#your" > Scale out< / a >
< / li >
< li >
< a href = "#our" > Our promise< / a >
< / li >
< li >
< a href = "#price" > Buy VM< / a >
< / li >
< li >
< a href = "#contact" > Contact< / a >
< / li >
< / ul >
< / 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 >
< h3 > Finally, an affordable VM hosting in Switzerland!< / h3 >
< hr class = "intro-divider" >
< ul class = "list-inline intro-social-buttons" >
< li >
2016-12-21 01:06:27 -05:00
< a href = "#how" class = "btn btn-default btn-lg" > < i class = "#Services" > < / i > < span class = "network-name" > What is it?< / span > < / a >
2016-12-20 18:05:20 -05:00
< / li >
< li >
< a href = "#own" class = "btn btn-default btn-lg page-scroll" > < span class = "network-name" > I want it!< / span > < / a >
< / 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 >
< h2 class = "section-heading" > How it works : < / h2 > < ul class = "fa-ul" >
< li > < i class = "fa-li fa fa-check-square-o fa-lg" > < / i >
< p class = "lead" > 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" > 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 >
< p class = "lead" > Being open : Using FOSS exclusively, we can save money for licenses. < / p > < / li >
< / 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 >
< h2 class = "section-heading" > Scale out< / h2 >
< p class = "lead" > 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 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 >
< h2 class = "section-heading" > Our promise< / h2 >
< p class = "lead" > Instead of creating an expensive SLA for availability, we promise that we do our best to run things as smooth as possible.< / p >
< / 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 >
< h2 class = "section-heading" > We are cutting down the costs significantly!< / h2 >
< p class = "lead" > Affordable VM hosting based in Switzerland< / p >
< / 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" >
< h3 > VM hosting < / h3 >
< p > Based in Switzerland< / p >
< p > 1 core, < / p >
< p > 2 GiB RAM, < / p >
< p > 15 GiB storage(SSD) (10 CHF)< / p >
< p >
< a href = "#" class = "btn btn-primary" > Buy Now!< / a > < a href = "#" class = "btn btn-default" > More Info< / a > < / p >
< / 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" >
< h1 > I want to try!< / h1 >
< p > < / p >
< p > < / p >
< form class = "form-inline" method = "POST" action = "" >
{% csrf_token %}
{{ form.non_field_errors }}
{{ form.email.errors|striptags}}
< div >
{% for message in messages %}
< strong > {{ message }}< / strong >
{% endfor %}
< / div >
< div class = "form-group" >
< label class = "sr-only" for = "exampleInputEmail3" > Email address< / label >
< input type = "email" name = "email" class = "form-control" id = "exampleInputEmail3" placeholder = "Enter email" >
< / div >
< button type = "submit" class = "btn btn-default" > Request Beta Access< / button >
< / form >
< / 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" >
< h2 > QUESTIONS? < / h2 >
< h2 > CONTACT US! < / h2 >
< h3 > ungleich GmbH < / h3 >
< p > < i class = "fa fa-envelope-o" > < / i > info@datacenterlight.ch< / p >
< p > In der Au 7, Schwanden 8762< / p >
< p > Switzerland< / p >
< 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 >
< a href = "#" > Home< / a >
< / li >
< li class = "footer-menu-divider" > ⋅ < / li >
< li >
< a href = "#about" > How it works< / a > < / li >
< li class = "footer-menu-divider" > ⋅ < / li >
< li >
< a href = "#about" > Scale out< / a > < / li >
< li > ⋅ < / li >
< li >
< a href = "#about" > Our promise< / a > < / li >
< li class = "footer-menu-divider" > ⋅ < / li >
< li >
< a href = "#services" > Pricing< / a >
< / li >
< li class = "footer-menu-divider" > ⋅ < / li >
< li >
< a href = "#contact" > Contact< / a >
< / li >
< / ul >
< p class = "copyright text-muted small" > Copyright © ungleich GmbH 2016. All Rights Reserved< / p >
< / div >
< / div >
< / div >
< / footer >
<!-- jQuery -->
< script src = "{% static 'datacenterlight/js/jquery.js' %}" > < / script >
<!-- Bootstrap Core JavaScript -->
< script src = "{% static 'datacenterlight/js/bootstrap.min.js' %}" > < / script >
< / body >
< / html >
