Änderungen Carousell und Befüllung mit Samplebildern sowie internen Links

Auch die CSS-Dateien wurden bearbeitet
This commit is contained in:
ja
2021-08-20 15:16:21 +02:00
parent 26ac3c5b7b
commit 90e6c3acc1
13 changed files with 8734 additions and 34 deletions

View File

@@ -5,15 +5,14 @@
<style>
.container{
background-color:#fff;
font-size: 1em;
min-width: 110%;
font-size: 1em;
}
</style>
<link rel="shortcut icon" href="images/Icons/favicon/favicon.ico" />
}
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="container" style="width:2048px;margin-left:-160px;margin-right:-160px;">
<div style="height:/*90px*/9.68783638320775vh;"></div>
<div>
<div id="containerseiterand">
@@ -31,32 +30,32 @@
<br><br>
Nehmen Sie sich etwas Zeit, um sich über unser umfangreiches Dienstleistungsangebot zu informieren! -->
<br/><br/><br/>
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<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>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="../images/samples/Gas_Station.jpg" alt="First slide">
<a href="Invoices.aspx"> <img src="../images/pics/pexels-mikhail-nilov-6963867.jpg" style="width:auto;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%">
<h5 style="opacity:100%">Tankstellen</h5>
<p style="color:#fff;opacity:100%">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Blandit libero volutpat sed cras ornare arcu dui vivamus arcu. Iaculis urna id volutpat lacus laoreet non curabitur gravida arcu. Velit scelerisque in dictum non consectetur a erat nam at. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras.</p>
<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">
<img class="d-block w-100" src="../images/samples/lkw1.jpg" alt="Second slide">
<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>
<div class="carousel-caption d-none d-md-block" style="background:linear-gradient(to right, #003680 , #0055cc);opacity:80%">
<h5 style="opacity:100%">LKWs</h5>
<p style="color:#fff;opacity:100%">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Blandit libero volutpat sed cras ornare arcu dui vivamus arcu. Iaculis urna id volutpat lacus laoreet non curabitur gravida arcu. Velit scelerisque in dictum non consectetur a erat nam at. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras.</p>
<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">
<img class="d-block w-100" src="../images/samples/papagei.jpg" alt="Third slide">
<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>
<div class="carousel-caption d-none d-md-block" style="background:linear-gradient(to right, #003680 , #0055cc);opacity:80%">
<h5 style="opacity:100%">Tiere</h5>
<p style="color:#fff;opacity:100%">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Blandit libero volutpat sed cras ornare arcu dui vivamus arcu. Iaculis urna id volutpat lacus laoreet non curabitur gravida arcu. Velit scelerisque in dictum non consectetur a erat nam at. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras.</p>
<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>
</div>
</div>
@@ -73,7 +72,7 @@
</div>
</div>
<div style="height:/*140px*/15.069967707212056vh;"></div>
</div>
</asp:Content>