Custom änderungen der Slide Beschriftungen und Anpassungen der Image slides
This commit is contained in:
@@ -28,7 +28,10 @@
|
||||
}
|
||||
#normaltable{
|
||||
width:1500px;
|
||||
}
|
||||
}
|
||||
.carousel-inner {
|
||||
width:600px;
|
||||
}
|
||||
@media (max-width: 558.98px) {
|
||||
#conovertab {
|
||||
width: 350px;
|
||||
@@ -45,6 +48,22 @@
|
||||
margin-right:5px;
|
||||
width:350px;
|
||||
}
|
||||
#imgcar{
|
||||
width:300px;
|
||||
height:125px;
|
||||
}
|
||||
.carousel-inner{
|
||||
width:600px;
|
||||
height:125px;
|
||||
}
|
||||
.carousel-item{
|
||||
width:600px;
|
||||
height:125px;
|
||||
}
|
||||
carousel-caption d-none d-md-block{
|
||||
width:600px;
|
||||
height:125px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" title="VERAG IndexCustomer"/>
|
||||
@@ -78,7 +97,7 @@
|
||||
<br><br>
|
||||
Nehmen Sie sich etwas Zeit, um sich über unser umfangreiches Dienstleistungsangebot zu informieren! -->
|
||||
<br/><br/><br/>
|
||||
<div class="container" style="width:1400px;">
|
||||
<div class="container" style="width:90%;">
|
||||
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel" data-interval="200">
|
||||
<div class="carousel-indicators">
|
||||
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
|
||||
@@ -87,22 +106,22 @@
|
||||
</div>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<a href="Invoices.aspx"> <img src="../images/pics/pexels-kampus-production-7477713.jpg" id="imgcar" 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:auto" alt="First slide"></a>
|
||||
<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"> <p style="color:#fff;opacity:100%">Hier erfahren sie alles über Ihre Rechnungen.</p></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<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>
|
||||
<a href="CustomerIndex.aspx"><img class="d-block w-100" src="../images/pics/pexels-photoscom-93398.jpg" id="imgcar" style="width:100%;height:auto" alt="Second slide"></a>
|
||||
<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"><p style="color:#fff;opacity:100%">Hier beginnt alles mit Ihren Aufträgen.</p></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<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%">
|
||||
<a href="Welcome.aspx"><img class="d-block w-100" src="../images/pics/pexels-jopwell-2422293.jpg" id="imgcar" style="width:100%;height:auto" alt="Third slide"></a>
|
||||
<div class="carousel-caption d-block w-90" style="background:linear-gradient(to right, #003680 , #0055cc);opacity:80%;width:100%;height:auto">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user