ungleich header slider

This commit is contained in:
Arvind Tiwari 2017-11-05 23:48:20 +05:30
parent 0fdcfcfe50
commit 49ea549c73
2 changed files with 45 additions and 11 deletions

View file

@ -111,3 +111,18 @@
paddding: 10px; paddding: 10px;
} }
} }
.header_slider {
height: 100vh;
}
.header_slider > .carousel {
display: flex;
flex-direction: column;
height: 100%;
align-items: stretch;
}
.header_slider > .carousel .item {
padding-top: 150px;
}

View file

@ -1,17 +1,36 @@
{% load static %} {% load static %}
{% load i18n %} {% load i18n %}
<header> <header class="header_slider">
<div class="container"> <div id="carousel-header-ungleich" class="carousel slide" data-ride="carousel" data-interval="5000">
<div class="intro-text"> <!-- Indicators -->
<img src="{% static 'ungleich_page/img/logo_200x200.svg'%}" heigh="300" alt="" class="logo-image" img-responsive="" width="300" /> <ol class="carousel-indicators">
<p></p><p></p><br> <li data-target="#carousel-header-ungleich" data-slide-to="0" class="active"></li>
<div class="intro-cap"> <li data-target="#carousel-header-ungleich" data-slide-to="1"></li>
<span class="intro-cap"> <li data-target="#carousel-header-ungleich" data-slide-to="2"></li>
{% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %} </ol>
</span>
</div>
</div> <!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="container">
<div>
<img src="{% static 'ungleich_page/img/logo_200x200.svg'%}" heigh="300" alt="" class="logo-image" img-responsive="" width="300" />
<p></p><p></p><br>
<div class="intro-cap">
<span class="intro-cap">
{% trans "We Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %}
</span>
</div>
</div>
</div>
</div>
<div class="item">
<h1 style="color: #fff; margin-top: 150px;">slide 2</h1>
</div>
<div class="item">
<h1 style="color: #fff; margin-top: 150px;">slide 3</h1>
</div>
</div> </div>
</div>
</header> </header>