Änderungen Welcome-page Rahmen

This commit is contained in:
ja
2021-08-23 10:42:45 +02:00
parent ac71312bdf
commit 7f0fd22c2a

View File

@@ -6,6 +6,25 @@
.container{ .container{
background-color:#fff; background-color:#fff;
font-size: 1em; font-size: 1em;
}
@media (max-width: 558.98px) {
.container {
width: 112px;
height: 70px;
}
#imgcar{
width:112px;
height:70px;
}
@media (min-width: 558.98px) {
.container{
width:1296px;
height:813px;
}
#imgcar{
width:1296px;
height:813px;
}
} }
</style> </style>
<link rel="shortcut icon" href="images/Icons/favicon/favicon.ico" /> <link rel="shortcut icon" href="images/Icons/favicon/favicon.ico" />
@@ -40,21 +59,21 @@
</div> </div>
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <div class="carousel-item active">
<a href="Invoices.aspx"> <img src="../images/pics/pexels-kampus-production-7477713.jpg" style="width:100%;height:813px" alt="First slide"></a> <a href="Invoices.aspx"> <img src="../images/pics/pexels-kampus-production-7477713.jpg" id="imgcar" style="width:100%;height:813px" alt="First slide"></a>
<div class="carousel-caption d-none d-md-block" style="background:linear-gradient(to right, #003680 , #0055cc);opacity:80%"> <div class="carousel-caption d-none d-md-block" style="background:linear-gradient(to right, #003680 , #0055cc);opacity:80%">
<a href="Invoices.aspx" ><h5 style="opacity:100%">Rechnungen</h5></a> <a href="Invoices.aspx" ><h5 style="opacity:100%">Rechnungen</h5></a>
<a href="Invoices.aspx"> <p style="color:#fff;opacity:100%">Hier erfahren sie alles über Ihre Rechnungen.</p></a> <a href="Invoices.aspx"> <p style="color:#fff;opacity:100%">Hier erfahren sie alles über Ihre Rechnungen.</p></a>
</div> </div>
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<a href="CustomerIndex.aspx"><img class="d-block w-100" src="../images/pics/pexels-photoscom-93398.jpg" style="width:auto;height:813px" alt="Second slide"></a> <a href="CustomerIndex.aspx"><img class="d-block w-100" src="../images/pics/pexels-photoscom-93398.jpg" id="imgcar" style="width:auto;height:813px" alt="Second slide"></a>
<div class="carousel-caption d-none d-md-block" style="background:linear-gradient(to right, #003680 , #0055cc);opacity:80%"> <div class="carousel-caption d-none d-md-block" style="background:linear-gradient(to right, #003680 , #0055cc);opacity:80%">
<a href="CustomerIndex.aspx"> <h5 style="opacity:100%">Kundenseite</h5></a> <a href="CustomerIndex.aspx"> <h5 style="opacity:100%">Kundenseite</h5></a>
<a href="CustomerIndex.aspx"><p style="color:#fff;opacity:100%">Hier beginnt alles mit Ihren Aufträgen.</p></a> <a href="CustomerIndex.aspx"><p style="color:#fff;opacity:100%">Hier beginnt alles mit Ihren Aufträgen.</p></a>
</div> </div>
</div> </div>
<div class="carousel-item"> <div class="carousel-item">
<a href="Welcome.aspx"><img class="d-block w-100" src="../images/pics/pexels-jopwell-2422293.jpg" style="width:auto;height:813px" alt="Third slide"></a> <a href="Welcome.aspx"><img class="d-block w-100" src="../images/pics/pexels-jopwell-2422293.jpg" id="imgcar" style="width:auto;height:813px" alt="Third slide"></a>
<div class="carousel-caption d-none d-md-block" style="background:linear-gradient(to right, #003680 , #0055cc);opacity:80%"> <div class="carousel-caption d-none d-md-block" style="background:linear-gradient(to right, #003680 , #0055cc);opacity:80%">
<a href="Welcome.aspx"><h5 style="opacity:100%">Startseite</h5></a> <a href="Welcome.aspx"><h5 style="opacity:100%">Startseite</h5></a>
<a href="Welcome.aspx"><p style="color:#fff;opacity:100%">Der Einstieg zu Ihrem Profil.</p></a> <a href="Welcome.aspx"><p style="color:#fff;opacity:100%">Der Einstieg zu Ihrem Profil.</p></a>