60 lines
2.9 KiB
HTML
60 lines
2.9 KiB
HTML
{% load static i18n %}
|
|
|
|
<header class="header_slider">
|
|
<div id="carousel-header-ungleich" class="carousel slide" data-ride="carousel" data-interval="8000">
|
|
<!-- Indicators -->
|
|
<ol class="carousel-indicators">
|
|
<li data-target="#carousel-header-ungleich" data-slide-to="0" class="active"></li>
|
|
<li data-target="#carousel-header-ungleich" data-slide-to="1"></li>
|
|
<li data-target="#carousel-header-ungleich" data-slide-to="2"></li>
|
|
</ol>
|
|
|
|
<!-- Wrapper for slides -->
|
|
<div class="carousel-inner" role="listbox">
|
|
<div class="item active">
|
|
<div class="bg_vid bg_vid_back">
|
|
<video autoplay muted loop>
|
|
<source type="video/mp4" src="https://s3.ap-south-1.amazonaws.com/tiwariav-ungleich/nico-cable.mp4">
|
|
</video>
|
|
</div>
|
|
<div class="container">
|
|
<div class="intro-cap">{% trans "Hosting" %}</div>
|
|
<p class="intro_lead">{% trans "Ruby on Rails. Java hosting, Django hosting, we make it everything run smooth and safe." %}</p>
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<!-- <div class="bg_img" style="background-image:url({% static 'ungleich_page/img/glasfaser/header-nico-sans.jpg' %})"></div> -->
|
|
<div class="bg_vid bg_vid_back">
|
|
<video autoplay muted loop>
|
|
<source type="video/mp4" src="https://s3.ap-south-1.amazonaws.com/tiwariav-ungleich/applause.mp4">
|
|
</video>
|
|
</div>
|
|
<div class="container">
|
|
<div class="intro-cap">{% trans "Configuration as a Service" %}</div>
|
|
<p class="intro_lead">{% trans "Ruby on Rails, Django, Java, Webserver, Mailserver, any infrastructure that needs to configured, we provide comprehensive solutions. Amazon, rackspace or bare metal servers, we configure for you." %}</p>
|
|
<!-- <a class="btn btn-trans" href="">Learn More</a> -->
|
|
</div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="bg_vid bg_vid_back">
|
|
<video autoplay muted loop>
|
|
<source type="video/mp4" src="https://s3.ap-south-1.amazonaws.com/tiwariav-ungleich/nanos.mp4">
|
|
</video>
|
|
</div>
|
|
<div class="container">
|
|
<div class="intro-cap">{% trans "Linux System Engineering" %}</div>
|
|
<p class="intro_lead">{% trans "Let your developers develop! We take care of your system administration. Gentoo, Archlinux, Debian, Ubuntu, and many more." %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="left carousel-control" href="#carousel-header-ungleich" role="button" data-slide="prev">
|
|
<span class="fa fa-angle-left" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="right carousel-control" href="#carousel-header-ungleich" role="button" data-slide="next">
|
|
<span class="fa fa-angle-right" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div>
|
|
</header>
|