dynamicweb/datacenterlight/templates/datacenterlight/whydatacenterlight.html
2018-03-13 02:55:55 +05:30

140 lines
7.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{% 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 %}