Change header height, and fixed footer
This commit is contained in:
HenryGBC
parent
1fb15671c6
commit
62eab8526f
3 changed files with 53 additions and 36 deletions
|
|
@ -56,8 +56,7 @@ h6 {
|
|||
color: #f8f8f8;
|
||||
|
||||
width: 100%;
|
||||
height: 80vh;
|
||||
max-height: 820px;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
@ -76,11 +75,36 @@ h6 {
|
|||
z-index: 0;
|
||||
display: none;
|
||||
}
|
||||
.intro-header:before{
|
||||
content: " ";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
background-color: rgba(49, 49, 49, 0.15);
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.intro-header .arrow-down{
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
bottom: 20px;
|
||||
z-index: 1000;
|
||||
}
|
||||
.intro-header .arrow-down a{
|
||||
color: #fff;
|
||||
font-size: 32px;
|
||||
z-index: 100;
|
||||
}
|
||||
.intro-header .background:nth-child(1){
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
#about{
|
||||
padding-top: 70px;
|
||||
}
|
||||
|
||||
.intro-header-1 {
|
||||
padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
|
||||
|
|
@ -304,7 +328,10 @@ footer {
|
|||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
footer .footer-links{
|
||||
text-align: right;
|
||||
padding-top: 50px;
|
||||
}
|
||||
p.copyright {
|
||||
margin: 15px 0 0;
|
||||
}
|
||||
|
|
@ -515,3 +542,5 @@ img::selection {
|
|||
#portfolio .portfolio-item {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
//utils
|
||||
|
|
|
|||
|
|
@ -119,6 +119,7 @@
|
|||
<div class="background bg-slide" style="background-image: url({% static 'alplora/img/banner-2.jpg' %});"></div>
|
||||
<div class="background bg-slide" style="background-image: url({% static 'alplora/img/banner-3.jpg' %});"></div>
|
||||
<div class="background bg-slide" style="background-image: url({% static 'alplora/img/banner-4.jpg' %});"></div>
|
||||
|
||||
<div class="intro-message">
|
||||
|
||||
<img class="responsive" src="{% static 'alplora/img/alplora_logo_nopadding.svg' %}">
|
||||
|
|
@ -136,10 +137,15 @@
|
|||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="arrow-down">
|
||||
<a class="nav-local" href="javascript:void(0)" data-href="about">
|
||||
<i class="glyphicon glyphicon-menu-down"></i>
|
||||
</a>
|
||||
</div>
|
||||
<div class="background backcground-cover" ></div>
|
||||
</section>
|
||||
<!-- /.intro-header -->
|
||||
<section id="about">
|
||||
<section id="about" class="pt-70">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center wow fadeInDown">
|
||||
|
|
@ -417,18 +423,14 @@ Alplora is just like a cattle bell, but much better.<p></p>
|
|||
|
||||
<footer>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
|
||||
<h3>Alplora </h3>
|
||||
<p><i class="fa fa-envelope-o"></i> info@alplora.ch</p>
|
||||
<p>In der Au 7 Schwanden 8762</p>
|
||||
<p>Switzerland</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
|
||||
<ul class="list-inline">
|
||||
<li>
|
||||
|
|
@ -452,16 +454,16 @@ Alplora is just like a cattle bell, but much better.<p></p>
|
|||
<a href="#contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="col-xs-6 col-lg-4"></div>
|
||||
<div class="col-xs-6 col-lg-8 text-right">
|
||||
<a href="www.ungleich.ch">
|
||||
<img src="{% static 'alplora/img/ungleich_logo.svg'%}">
|
||||
<img src="{% static 'alplora/img/digitalglarus_logo.svg'%}">
|
||||
<img src="{% static 'alplora/img/adnexo_logo.svg'%}">
|
||||
</div>
|
||||
<p class="copyright text-muted small">Copyright © Alplora 2017. All Rights Reserved</p>
|
||||
<div class="col-md-6 footer-links">
|
||||
|
||||
<a href="http://www.ungleich.ch" target="_blank"><img src="{% static 'alplora/img/ungleich_logo.svg'%}"></a>
|
||||
<a href="http://www.ungleich.ch" target="_blank"> <img src="{% static 'alplora/img/digitalglarus_logo.svg'%}"></a>
|
||||
<a href="https://www.adnexo.ch" target="_blank"> <img src="{% static 'alplora/img/adnexo_logo.svg'%}"></a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<p class="copyright text-muted small">Copyright © Alplora 2017. All Rights Reserved</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
|
|
|||
|
|
@ -51,20 +51,6 @@
|
|||
</script>
|
||||
|
||||
|
||||
<div class="page-loader">
|
||||
<div class="loader">
|
||||
<div class="circle circle-1"></div>
|
||||
<div class="line line-1"></div>
|
||||
<div class="circle circle-2"></div>
|
||||
<div class="line line-2"></div>
|
||||
<div class="circle circle-3"></div>
|
||||
<div class="line line-3"></div>
|
||||
<div class="circle circle-4"></div>
|
||||
<div class="line line-4"></div>
|
||||
<div class="circle circle-5"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Navigation -->
|
||||
<div class="page-loader">
|
||||
|
|
|
|||
Loading…
Reference in a new issue