From 0d70b686cbbfed86a1a85fae21b2be156a4ecdbf Mon Sep 17 00:00:00 2001
From: ja <ja@verag.ag>
Date: Fri, 20 Aug 2021 11:57:58 +0200
Subject: [PATCH] =?UTF-8?q?=C3=84nderungen=20Container=20und=20Navbar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Customers/Kundenseite.aspx | 45 +----------------------
 Customers/Welcome.aspx     | 75 ++++++++++++++++++++++++++++++++++++--
 css/Welcome.css            |  3 ++
 3 files changed, 75 insertions(+), 48 deletions(-)
 create mode 100644 css/Welcome.css

diff --git a/Customers/Kundenseite.aspx b/Customers/Kundenseite.aspx
index 914ed44..3d49fa2 100644
--- a/Customers/Kundenseite.aspx
+++ b/Customers/Kundenseite.aspx
@@ -58,50 +58,7 @@
                                                         <tr><td><asp:CheckBox ID="CheckBox8" runat="server" /></td><td>8</td><td>EH2 VK 444</td><td>Bad Reichenhall</td><td>TESTFRÄCHTER</td><td>2 Pck Salz</td></tr>
                                                     </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
diff --git a/Customers/Welcome.aspx b/Customers/Welcome.aspx
index daa8a5f..4956678 100644
--- a/Customers/Welcome.aspx
+++ b/Customers/Welcome.aspx
@@ -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>
 
diff --git a/css/Welcome.css b/css/Welcome.css
new file mode 100644
index 0000000..1df2e33
--- /dev/null
+++ b/css/Welcome.css
@@ -0,0 +1,3 @@
+#containerseiterand {
+   
+}