edv/VERAG_Homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Custom änderungen der Slide Beschriftungen und Anpassungen der Image slides

Browse Source
This commit is contained in:
ja
2021-08-25 17:45:08 +02:00
parent b5aac62836
commit 98532c3d8d
5 changed files with 68 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
Customers/Welcome.aspx
View File

@@ -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>