asdasd
This commit is contained in:
@@ -5,18 +5,10 @@
|
|||||||
.page_404 img{ width:100%;}
|
.page_404 img{ width:100%;}
|
||||||
|
|
||||||
.four_zero_four_bg{
|
.four_zero_four_bg{
|
||||||
|
display: flex;
|
||||||
background-image: url(/assets/bilder/404.jpg);
|
justify-content: center;
|
||||||
height: 400px;
|
|
||||||
background-position: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
|
||||||
.four_zero_four_bg{
|
|
||||||
background-image: url(/assets/bilder/404portrait.jpg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.four_zero_four_bg h1{
|
.four_zero_four_bg h1{
|
||||||
font-size:80px;
|
font-size:80px;
|
||||||
@@ -32,4 +24,11 @@
|
|||||||
background: #39ac31;
|
background: #39ac31;
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
display: inline-block;}
|
display: inline-block;}
|
||||||
.contant_box_404{ margin-top:-50px;}
|
.contant_box_404{ margin-top:24px;}
|
||||||
|
|
||||||
|
.page_404_image{
|
||||||
|
width: 100%;
|
||||||
|
max-width: 720px;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|||||||
@@ -7,10 +7,13 @@
|
|||||||
<div class="col-sm-10 col-sm-offset-1 text-center"
|
<div class="col-sm-10 col-sm-offset-1 text-center"
|
||||||
>
|
>
|
||||||
<div class="four_zero_four_bg">
|
<div class="four_zero_four_bg">
|
||||||
<img src="/assets/bilder/404.jpg" alt="404">
|
<picture>
|
||||||
|
<source media="(max-width: 400px)" srcset="/assets/bilder/404portrait.jpg">
|
||||||
|
<img src="/assets/bilder/404.jpg" alt="404" class="page_404_image rounded-lg">
|
||||||
|
</picture>
|
||||||
</div>
|
</div>
|
||||||
<div class="contant_box_404">
|
<div class="contant_box_404">
|
||||||
<a href="https://kusche.berlin" class="link_404">Zur Startseite</a>
|
<a href="https://kusche.berlin" class="btn">Zur Startseite</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user