lukas/knotenpunkt-alpen.de
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

changed spacing and moved footer-logos around

Browse source
This commit is contained in:
Lukas Schulz 2021-03-24 20:41:43 +01:00
parent 745bc66b7e
commit c4a5347f71
1 changed files with 24 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
index.html
View file

@ -142,6 +142,17 @@
.footer_hinweise > img:hover { .footer_hinweise > img:hover {
cursor: pointer; cursor: pointer;
} }
.footer_box {
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
.footer_box > h3 {
color: white;
display: flex;
justify-content: center;
align-items: center;
}
.footer-links { .footer-links {
font-family: "PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif; font-family: "PT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
font-weight: lighter; font-weight: lighter;
@ -165,6 +176,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-attachment: fixed; background-attachment: fixed;
margin-bottom: 80px;
} }
.title_title { .title_title {
height: 200px; height: 200px;
@ -214,6 +226,7 @@
padding: 16px 16px; padding: 16px 16px;
border-radius: 8px; border-radius: 8px;
transition: background-color 0.5s; transition: background-color 0.5s;
margin-bottom: 100px;
} }
.white_btn:hover { .white_btn:hover {
background-color: #3c90d9; /* Green */ background-color: #3c90d9; /* Green */
@ -222,7 +235,7 @@
transition: background-color 0.5s; transition: background-color 0.5s;
} }
.spacing { .spacing {
height: 80px; height: 140px;
} }
.footer_hinweise .image { .footer_hinweise .image {
@ -242,6 +255,9 @@
.kontakt_items a { .kontakt_items a {
color: white; color: white;
} }
.ueber {
margin-bottom: 140px;
}
@media only screen and (min-width: 1300px) { @media only screen and (min-width: 1300px) {
@ -527,10 +543,15 @@
</div> </div>
</div> </div>
<footer class="content" style="z-index: 200"> <footer class="content" style="z-index: 200">
<div class="footer_box">
<h3>powered by...</h3>
<div class="footer_hinweise">
<img class="image" src="images/hacc_logo.png" onclick="window.location.href='https://hacc.earth/'"></img>
<img class="image" src="images/Cogrowing_logo.png" onclick="window.location.href='https://cogrowing.io/'"></img>
</div>
</div>
<div class="footer_hinweise"> <div class="footer_hinweise">
<img class="image" src="images/hacc_logo.png" onclick="window.location.href='https://hacc.earth/'"></img>
<img class="image" src="images/foerderhinweis.png" onclick="window.location.href='https://www.stmuv.bayern.de/'"></img> <img class="image" src="images/foerderhinweis.png" onclick="window.location.href='https://www.stmuv.bayern.de/'"></img>
<img class="image" src="images/cogrowing_logo.png" onclick="window.location.href='https://cogrowing.io/'"></img>
</div> </div>
<div class="footer-links"> <div class="footer-links">
<a href="https://knotenpunkt-alpen.de/about/impressum.html">Impressum</a> <a href="https://knotenpunkt-alpen.de/about/impressum.html">Impressum</a>