Änderungen Container und Navbar

This commit is contained in:
ja
2021-08-20 11:57:58 +02:00
parent df9c24a619
commit 0d70b686cb
3 changed files with 75 additions and 48 deletions

View File

@@ -59,49 +59,6 @@
</tbody>
</table>
<!--<br><br>
Die Mitarbeiter der VERAG Spedition AG haben sich auf die Bereiche Zoll und Steuer spezialisiert und können so ihren Kunden einen individuell abgestimmten Service anbieten.
<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 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="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">
<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>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="../images/samples/lkw1.jpg" alt="Second slide">
<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>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="../images/samples/papagei.jpg" alt="Third slide">
<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>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden"><<</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">>></span>
</button>
</div>
<br /><br /><br />
<% End If
End If

View File

@@ -1,11 +1,78 @@
<%@ Page Title="" Language="VB" MasterPageFile="~/Customers/Customers.master" AutoEventWireup="false" CodeFile="Welcome.aspx.vb" Inherits="Customers_Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link rel="stylesheet" type="text/css" href="../css/Welcome.css"/>
<style>
.container{
background-color:#fff;
font-size: 1em;
min-width: 110%;
}
</style>
}
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div style="height:/*140px*/15.069967707212056vh;"></div>
<h1>Hauptseite Kunden:</h1>
<asp:Label ID="Label2" runat="server" Text="Bereich: "></asp:Label>
<asp:Label ID="Label1" runat="server" Text="Mitarbeiter "></asp:Label>
<div class="container" style="width:2048px;margin-left:-160px;margin-right:-160px;">
<div style="height:/*90px*/9.68783638320775vh;"></div>
<div>
<div id="containerseiterand">
<h1>Hauptseite Kunden:</h1>
<asp:Label ID="Label3" runat="server" Text="Kundennr.: 045112"></asp:Label>
<asp:Label ID="Label2" runat="server" Text="Bereich: "></asp:Label>
<asp:Label ID="Label1" runat="server" Text="Mitarbeiter "></asp:Label>
<div style="height:25px;padding:7.5px 0;">
<h1>News für dich:</h1>
</div>
<!--<br><br>
Die Mitarbeiter der VERAG Spedition AG haben sich auf die Bereiche Zoll und Steuer spezialisiert und können so ihren Kunden einen individuell abgestimmten Service anbieten.
<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 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="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">
<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>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="../images/samples/lkw1.jpg" alt="Second slide">
<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>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="../images/samples/papagei.jpg" alt="Third slide">
<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>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden"><<</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">>></span>
</button>
</div>
</div>
</div>
<div style="height:/*140px*/15.069967707212056vh;"></div>
</div>
</asp:Content>

3
css/Welcome.css Normal file
View File

@@ -0,0 +1,3 @@
#containerseiterand {
}