2017-06-13 14:07:52 -05:00
{% extends "datacenterlight/base.html" %}
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
2017-06-13 14:07:52 -05:00
{% block content %}
2016-12-20 18:05:20 -05:00
<!-- 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-06-13 22:35:15 -05:00
< a class = "btn btn-primary btn-lg page-scroll url" href = "javascript:void(0)" data-url = "#price" > < 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" >
2017-06-13 14:07:52 -05:00
< li >
< i class = "fa-li fa fa-check-square-o fa-lg" > < / i >
< p class = "lead" > {% trans "Reuses existing factory halls instead of building a new expensive building." %}
< / p >
< / li >
< li >
< i class = "fa-li fa fa-check-square-o fa-lg" > < / i >
< p class = "lead" > {% trans "Only wants you to pay for what you actually need." %}< / p >
2017-05-18 00:13:00 -05:00
< / li >
2017-06-13 14:07:52 -05:00
< li >
< i class = "fa-li fa fa-check-square-o fa-lg" > < / i >
< p class = "lead" > {% trans "Is creative, using a modern and alternative design for a data center in order to make it more sustainable and affordable at the same time." %}< / p >
< / li >
< li >
< i class = "fa-li fa fa-check-square-o fa-lg" > < / i >
< p class = "lead" > {% trans "Cuts down the costs for you by using FOSS (Free Open Source Software) exclusively, wherefore we can save money from paying 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" >
2017-06-11 16:57:20 +05:30
< h2 class = "section-heading" > {% trans "Simple and affordable: Try our virtual machine with featherlight price." %}< / 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" >
2017-06-11 16:53:57 +05:30
< div class = "price-calc-section no-padding" >
< div class = "landing card" >
2017-06-11 16:29:24 +05:30
< img class = "img-beta" src = "{% static 'datacenterlight/img/beta-img.png' %}" alt = "" >
< div class = "caption" >
< form id = "order_form" method = "POST" action = "" >
{% csrf_token %}
< div class = "title" >
< h3 > {% trans "VM hosting" %} < / h3 >
< / div >
< div class = "price" >
< span id = "total" > 15< / span >
2017-06-11 23:32:37 +02:00
< span > CHF/{% trans "month" %}< / span >
2017-06-11 16:29:24 +05:30
< / div >
< div class = "descriptions" >
< div class = "description" >
< p > {% trans "Hosted in Switzerland" %}< / p >
< / div >
< div class = "description" >
< i class = "fa fa-minus-circle left" data-minus = "cpu" aria-hidden = "true" > < / i >
< input class = "input-price" type = "number" min = "1" max = "42" id = "coreValue" name = "cpu" >
< span > Core< / span >
< i class = "fa fa-plus-circle right" data-plus = "cpu" aria-hidden = "true" > < / i >
< / div >
< div class = "description" >
< i class = "fa fa-minus-circle left" data-minus = "ram" aria-hidden = "true" > < / i >
< input id = "ramValue" class = "input-price" type = "number" min = "2" max = "200" name = "ram" >
< span > GB RAM< / span >
< i class = "fa fa-plus-circle right" data-plus = "ram" aria-hidden = "true" > < / i >
< / div >
< div class = "description" >
< i class = "fa fa-minus-circle left" data-minus = "storage" aria-hidden = "true" > < / i >
< input id = "storageValue" class = "input-price" type = "number" min = "10" max = "500" step = "10" name = "storage" >
< span > {% trans "GB Storage (SSD)" %}< / span >
< i class = "fa fa-plus-circle right" data-plus = "storage" aria-hidden = "true" > < / i >
< / div >
< div class = "description select-configuration input" >
< label for = "config" > OS< / label >
< select name = "config" id = "" >
{% for template in templates %}
< option value = "{{template.id}}" > {{template.name}} < / option >
{% endfor %}
< / select >
< / div >
< input type = "hidden" name = "total" >
<!-- <div class="description check - ip">
< input type = "checkbox" name = "ipv6" > Ipv6 Only< br >
< / div > -->
< div class = "description input" >
2017-06-13 01:48:36 -05:00
< label for = "name" > {% trans "Name"%}< / label >
< input type = "text" name = "name" placeholder = "{% trans " Your Name " % } " >
2017-06-11 16:29:24 +05:30
< / div >
< div class = "description input" >
2017-06-13 01:48:36 -05:00
< label for = "email" > {% trans "Email" %}< / label >
< input type = "email" name = "email" placeholder = "{% trans " Your Email " % } " >
2017-06-11 16:29:24 +05:30
< / div >
< / div >
< input type = "submit" class = "btn btn-primary" value = "{% trans 'Order Now!' %}" > < / input >
< / form >
2017-05-18 00:13:00 -05:00
< / div >
2017-06-11 16:29:24 +05:30
< div >
< div id = "error_message_box" class = "error-message-box" > < / div >
< / div >
< / div >
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-06-13 14:07:52 -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-06-13 14:07:52 -05:00
<!-- Beta access form, will be loaded via ajax
2017-05-22 18:03:33 +02:00
< div class = "form" id = "beta_access_form" >
< / div >
2016-12-20 18:05:20 -05:00
< / div >
< / div >
< / div >
2017-06-13 14:11:11 -05:00
< / div > -->
2016-12-20 18:05:20 -05:00
<!-- /.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 >
2017-06-13 14:07:52 -05:00
<!-- /.banner -->
{% endblock %}
