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

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

2
Customers/Kundenseite.aspx → Customers/CustomerIndex.aspx
View File

@@ -1,4 +1,4 @@
<%@ Page Title="Kundenseite VERAG" Language="VB" MasterPageFile="~/Customers/Customers.master" AutoEventWireup="false" CodeFile="Kundenseite.aspx.vb" Inherits="Kundenbereich_Default" %> <%@ Page Title="Kundenseite VERAG" Language="VB" MasterPageFile="~/Customers/Customers.master" AutoEventWireup="false" CodeFile="CustomerIndex.aspx.vb" Inherits="Kundenbereich_Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link rel="shortcut icon" href="images/Icons/favicon/favicon.ico" /> <link rel="shortcut icon" href="images/Icons/favicon/favicon.ico" />

0
Customers/Kundenseite.aspx.vb → Customers/CustomerIndex.aspx.vb
View File

20
Customers/Customers.master
View File

@@ -107,7 +107,10 @@
width:1800px; width:1800px;
} }
#containerinnavbar{ #containerinnavbar{
width:60%; width:80%;
}
#contentcontainer{
width:2048px;
} }
@media (max-width: 575px){ @media (max-width: 575px){
table { table {
@@ -143,8 +146,9 @@
width:3.1821797931583133vw; width:3.1821797931583133vw;
color:#043381; color:#043381;
background-color:#fff; background-color:#fff;
} }
}
}
</style> </style>
</asp:ContentPlaceHolder> </asp:ContentPlaceHolder>
<!-- Bootstrap --> <!-- Bootstrap -->
@@ -211,7 +215,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>VERAG Kundenseite</title> <title>VERAG Kundenseite</title>
<link rel="stylesheet" type="text/css" href="../css/navbarsidebar.css"/> <link rel="stylesheet" type="text/css" href="../css/navbarsidebar2.css"/>
<link rel="stylesheet" type="text/css" href="../css/main.css"/> <link rel="stylesheet" type="text/css" href="../css/main.css"/>
<link rel="stylesheet" type="text/css" href="../css/style.css"/> <link rel="stylesheet" type="text/css" href="../css/style.css"/>
@@ -226,7 +230,7 @@
<body> <body>
<div class="containerall"> <div class="containerall">
<form id="leftLinks" runat="server"> <form id="leftLinks" runat="server">
<div id="bodycontent"> <div id="bodycontent" style=" width:1725px;">
<!-- <div id="nav-main"> <!-- <div id="nav-main">
@@ -328,7 +332,7 @@
<div class="btn-group"> <div class="btn-group">
<a type="button" class="btn btn-primary" href="Kundenseite.aspx" style="background-color:#fff; color:#043381;border:hidden;">Kundenseite</a> <a type="button" class="btn btn-primary" href="CustomerIndex.aspx" style="background-color:#fff; color:#043381;border:hidden;">Kundenseite</a>
<button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color:#fff; color:#043381;border:hidden;"> <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color:#fff; color:#043381;border:hidden;">
<span class="visually-hidden">Toggle Dropdown</span> <span class="visually-hidden">Toggle Dropdown</span>
</button> </button>
@@ -347,9 +351,11 @@
</div> </div>
<!-- Webiste-Content--> <!-- Webiste-Content-->
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> <div id="contentcontainer">
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server" >
</asp:ContentPlaceHolder> </asp:ContentPlaceHolder>
</div>
</div> </div>
<div class="align-self-end"> <div class="align-self-end">

29
Customers/Welcome.aspx
View File

@@ -5,15 +5,14 @@
<style> <style>
.container{ .container{
background-color:#fff; background-color:#fff;
font-size: 1em; font-size: 1em;
min-width: 110%;
} }
</style> </style>
<link rel="shortcut icon" href="images/Icons/favicon/favicon.ico" /> <link rel="shortcut icon" href="images/Icons/favicon/favicon.ico" />
} }
</asp:Content> </asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <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 style="height:/*90px*/9.68783638320775vh;"></div>
<div> <div>
<div id="containerseiterand"> <div id="containerseiterand">
@@ -31,32 +30,32 @@
<br><br> <br><br>
Nehmen Sie sich etwas Zeit, um sich über unser umfangreiches Dienstleistungsangebot zu informieren! --> Nehmen Sie sich etwas Zeit, um sich über unser umfangreiches Dienstleistungsangebot zu informieren! -->
<br/><br/><br/> <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"> <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="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button> <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div> </div>
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <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%"> <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> <a href="Invoices.aspx" ><h5 style="opacity:100%">Rechnungen</h5></a>
<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"> <p style="color:#fff;opacity:100%">Hier erfahren sie alles über Ihre Rechnungen.</p></a>
</div> </div>
</div> </div>
<div class="carousel-item"> <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%"> <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> <a href="CustomerIndex.aspx"> <h5 style="opacity:100%">Kundenseite</h5></a>
<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"><p style="color:#fff;opacity:100%">Hier beginnt alles mit Ihren Aufträgen.</p></a>
</div> </div>
</div> </div>
<div class="carousel-item"> <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%"> <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> <a href="Welcome.aspx"><h5 style="opacity:100%">Startseite</h5></a>
<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"><p style="color:#fff;opacity:100%">Der Einstieg zu Ihrem Profil.</p></a>
</div> </div>
</div> </div>
</div> </div>
@@ -73,7 +72,7 @@
</div> </div>
</div> </div>
<div style="height:/*140px*/15.069967707212056vh;"></div> <div style="height:/*140px*/15.069967707212056vh;"></div>
</div>
</asp:Content> </asp:Content>

2
css/Welcome.css
View File

@@ -1,3 +1,3 @@
#containerseiterand { #containerseiterand {
text-align: center;
} }

19
css/navbarsidebar.css
View File

@@ -117,9 +117,7 @@ a:focus {
margin-left: -250px; margin-left: -250px;
} }
#sidebar .sidebar-header { #sidebar .sidebar-header {
padding: 20px;
padding: 1.25em;
background: #fff; background: #fff;
} }
@@ -209,14 +207,17 @@ a:focus {
padding: 1.25em; padding: 1.25em;
min-height: 100vh; min-height: 100vh;
transition: all 0.5s; transition: all 0.5s;
background-color:#fff;
} }
/* --------------------------------------------------- #container-xxl {
background-color: #fff;
}
/* ---------------------------------------------------
MEDIAQUERIES MEDIAQUERIES
----------------------------------------------------- */ ----------------------------------------------------- */
/* @media (max-width: 320px) and (max-height: 640px){*/
/* @media (max-width: 320px) and (max-height: 640px){*/ @media (max-width: 575.98px) {
@media (max-width: 575.98px) { #sidebar {
#sidebar {
padding: /*2px*/ 0.44052863436123346vw; padding: /*2px*/ 0.44052863436123346vw;
font-size: 1em; font-size: 1em;
margin-left: -250px; margin-left: -250px;
@@ -311,7 +312,7 @@ a:focus {
font-size: 1.2333000033333vw; font-size: 1.2333000033333vw;
min-width: 110%; min-width: 110%;
float: left; float: left;
background-color:#fff;
} }
#footer_content b { #footer_content b {

8691
css/navbarsidebar2.css Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/pics/pexels-jopwell-2422293.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
images/pics/pexels-mikhail-nilov-6963867.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 578 KiB

BIN
images/pics/pexels-photoscom-93398.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
images/samples/pexels-jopwell-2422293.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
images/samples/pexels-photoscom-93398.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

5
newpageJulius_Sidebar.aspx
View File

@@ -120,7 +120,7 @@
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
} }
.sidebar-header{ .sidebar-header{
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
} }
@@ -132,6 +132,9 @@
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
} }
.container-xxl{
background-color:#fff;
}
</style> </style>
</head> </head>