140 lines
7.4 KiB
HTML
140 lines
7.4 KiB
HTML
{% extends "datacenterlight/base.html" %}
|
||
{% load staticfiles i18n%}
|
||
|
||
{% block content %}
|
||
<!-- Why Data Center Light? -->
|
||
<div class="dcl-header">
|
||
<div class="container">
|
||
<h1>{% trans "Why Data Center Light?" %}</h1>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="split-section left" id="tech_stack">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-sm-6 split-text">
|
||
<div class="split-title">
|
||
<h2>{% trans "Tech Stack" %}</h2>
|
||
</div>
|
||
<div class="split-description">
|
||
<h3>{% trans "We are seriously open source." %}</h3>
|
||
<p class="lead">{% blocktrans %} Our full software stack is open source – We don't use anything that isn't open source. <br>Yes, we are that cool. {% endblocktrans %}</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6 split-figure">
|
||
<div class="section-figure">
|
||
<div class="section-image">
|
||
<img class="img-responsive" src="{% static 'datacenterlight/img/devuan.png' %}" alt="Devuan">
|
||
<div class="section-image-caption">{% trans "Our services run on" %}</div>
|
||
</div>
|
||
<div class="section-image">
|
||
<img class="img-responsive" src="{% static 'datacenterlight/img/prometheus.png' %}" alt="Prometheus">
|
||
<div class="section-image-caption">{% trans "Our monitoring" %}</div>
|
||
</div>
|
||
<div class="section-image">
|
||
<img class="img-responsive" src="{% static 'datacenterlight/img/Ceph_Logo.png' %}" alt="Ceph">
|
||
<div class="section-image-caption">{% trans "Our storage layer" %}</div>
|
||
</div>
|
||
<div class="section-image">
|
||
<img class="img-responsive" src="{% static 'datacenterlight/img/django.png' %}" alt="Django">
|
||
<div class="section-image-caption">{% trans "Our web frontend" %}</div>
|
||
</div>
|
||
<div class="section-image">
|
||
<img class="img-responsive" src="{% static 'datacenterlight/img/opennebula.png' %}" alt="Opennebula">
|
||
<div class="section-image-caption">{% trans "Our cloud" %}</div>
|
||
</div>
|
||
<div class="section-image">
|
||
<img class="img-responsive" src="{% static 'datacenterlight/img/cdistbyungleich.png' %}" alt="Cdist by ungleich">
|
||
<div class="section-image-caption">{% trans "Our configuration management system" %}</div>
|
||
</div>
|
||
<div class="section-image">
|
||
<img class="img-responsive" src="{% static 'datacenterlight/img/python-logo.png' %}" alt="Python">
|
||
<div class="section-image-caption">{% trans "Our awesome juice" %}</div>
|
||
</div>
|
||
<div class="section-image">
|
||
<img class="img-responsive" src="{% static 'datacenterlight/img/tayga.png' %}" alt="Tayga">
|
||
<div class="section-image-caption">{% trans "Our NAT64 gateway" %}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="split-section right split-section-plain">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-sm-4 col-md-5 split-figure">
|
||
<div class="section-figure">
|
||
<div class="section-image">
|
||
<img class="img-responsive" src="{% static 'datacenterlight/img/opennebula.png' %}" alt="Opennebula">
|
||
</div>
|
||
<div class="section-image">
|
||
<img class="img-responsive" src="{% static 'datacenterlight/img/cdistbyungleich.png' %}" alt="Cdist byu ngleich">
|
||
</div>
|
||
<div class="section-image">
|
||
<img class="img-responsive" src="{% static 'datacenterlight/img/prometheus.png' %}" alt="Prometheus">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-8 col-md-7 split-text">
|
||
<div class="split-title-plain">
|
||
<h2>{% trans "We believe in giving back to the FOSS community." %}</h2>
|
||
</div>
|
||
<div class="split-description">
|
||
<p class="lead">{% blocktrans %}Data Center Light is the child of free and open source software (FOSS) movement. <br>We grew up with it, live by it, and believe in it.<br> The more we work on our data center,<br> the more we contribute back to the FOSS community.{% endblocktrans %}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="banner-list">
|
||
<div class="container">
|
||
<div class="banner-list-heading">
|
||
<h2>{% trans "We bring the future to you." %}</h3>
|
||
</div>
|
||
<div class="flex-row flex-row-rev">
|
||
<div class="percent-text">
|
||
100% <strong>IPv6</strong>
|
||
</div>
|
||
<div class="desc-text padding-vertical">
|
||
<p class="lead">{% blocktrans %}Data Center Light uses the most modern technologies out there.<br>Your VM needs only IPv6. Data Center Light provides<br> transparent two-way IPv6/IPv4 translation.{% endblocktrans %}</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex-row">
|
||
<div class="percent-text">
|
||
<span class="space-middle"> 100% <strong>SSD</strong></span> <span class="ssdimg"><img class="img-responsive" src="{% static 'datacenterlight/img/ssd.jpg' %}" alt="SSD"></span>
|
||
</div>
|
||
<div class="desc-text padding-vertical">
|
||
<p class="lead">{% blocktrans %} No more spinning metal plates! Data Center Light uses only SSDs. We keep things faster and lighter. {% endblocktrans %}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="split-section section-gradient left" id="price">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6 split-text">
|
||
<div class="split-title">
|
||
<h2>{% trans "Starting from only 15CHF per month. Try now." %}</h2>
|
||
</div>
|
||
<div class="split-description">
|
||
<div class="lead">
|
||
<p>{% trans "Actions speak louder than words. Let's do it, try our VM now." %}</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<div class="price-calc-section">
|
||
<div class="card">
|
||
{% include "datacenterlight/includes/_calculator_form.html" %}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- End Why Data Center Light? -->
|
||
{% endblock %}
|