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

10
Customers/CustomerIndex.aspx
View File

@@ -31,7 +31,7 @@
background-color: #fff; background-color: #fff;
} }
#tableSearch{ #tableSearch{
width:1200px; width:1250px;
} }
.align-self-xl-start{ .align-self-xl-start{
width:100%; width:100%;
@@ -39,6 +39,10 @@
#normaltable{ #normaltable{
width:1500px; width:1500px;
} }
#conovertab{
margin-left:0px;
width:1700px;
}
@media (max-width: 558.98px) { @media (max-width: 558.98px) {
#conovertab { #conovertab {
width: 350px; width: 350px;
@@ -75,7 +79,7 @@
<div id="containerseiterand"> <div id="containerseiterand">
<h1>Kundencenter</h1> <h1>Kundencenter</h1>
<div id="line" style="width: 90%;"></div> <div id="line" style="width: 92%;"></div>
<br/> <br/>
<h3>Hier finden Sie Informationen zu den aktuell an der Grenze stehenden LKWs.</h3> <h3>Hier finden Sie Informationen zu den aktuell an der Grenze stehenden LKWs.</h3>
@@ -106,7 +110,7 @@
<input class="form-control mb-4" id="tableSearch" type="text" <input class="form-control mb-4" id="tableSearch" type="text"
placeholder="Einen Begriff eingeben oder den Anfang davon ..."> placeholder="Einen Begriff eingeben oder den Anfang davon ...">
<div id="conovertab"> <div id="conovertab">
<table class="table table-hover" id="normaltable" border="0" cellspacing="0" contenteditable="false"> <table class="table table-hover" id="normaltable" border="0" cellspacing="0" contenteditable="false" style="width:1250px" >
<thead style="height:/*20px;*/ 1.56128024980484vh; /*background-color:#043381;*/ background-image: linear-gradient(to right, #003680 , #0055cc); color:#fff; font-weight:900;"> <thead style="height:/*20px;*/ 1.56128024980484vh; /*background-color:#043381;*/ background-image: linear-gradient(to right, #003680 , #0055cc); color:#fff; font-weight:900;">
<tr><th>Auswahl</th><th>LKW-Nr.</th><th>Kennzeichen</th><th>Standort</th><th>Frächter</th><th>Fracht</th><th>Info</th></tr> <tr><th>Auswahl</th><th>LKW-Nr.</th><th>Kennzeichen</th><th>Standort</th><th>Frächter</th><th>Fracht</th><th>Info</th></tr>
</thead> </thead>

26
Customers/Customers.master
View File

@@ -162,7 +162,7 @@
width: 60%; width: 60%;
} }
#flex-container{ #flex-container{
width:1800px; width:1900px;
} }
#containerinnavbar{ #containerinnavbar{
width:80%; width:80%;
@@ -415,7 +415,7 @@
</div></nav> </div></nav>
<div class="container-xxl" style="align-content:center"> <div class="container-xxl" style="align-content:center">
<!-- Page Content --> <!-- Page Content -->
<div id="content"> <nav id="content">
<div class="d-md-none"> <div class="d-md-none">
@@ -426,7 +426,19 @@
</button> </button>
<a class="navbar-brand" href="../newpageJulius_Sidebar.aspx?lan2=DE"><img src="../images/Logo_small.png" style="width:90%;height:90%;" alt="VERAG Spedition AG Logo with blue word color until grey AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a> <a class="navbar-brand" href="../newpageJulius_Sidebar.aspx?lan2=DE"><img src="../images/Logo_small.png" style="width:90%;height:90%;" alt="VERAG Spedition AG Logo with blue word color until grey AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>
<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions" style="background-color:#fff; color:#043381;"><img id="myImage" src="../<%=flagpath%>" style="border:1px solid #fff;width:30px;"/></button> <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions" aria-controls="offcanvasWithBothOptions" style="background-color:#fff; color:#043381;"><img id="myImage" src="../<%=flagpath%>" style="border:1px solid #fff;width:30px;"/></button>
</nav>
<ul class="nav nav-pills">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><asp:LoginName ID="LoginName2" runat="server" /></a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="Login_Edit_User.aspx">Profil bearbeiten</a>
<img src="../images/samples/default-avatar.jpg" style="width:60px;height:60px;" alt="Avatar Picture sample" data-toggle="tooltip" data-placement="top" title="Upload Photo."></li>
<div class="dropdown-divider"></div>
<li><a class="dropdown-item" id="btnsubmenu" href="GroupPolicies.aspx">Gruppenrichtlinien festlegen</a></li>
</ul></ul>
</nav>
</div> </div>
<div class="offcanvas offcanvas-end" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions" aria-labelledby="offcanvasWithBothOptionsLabel"> <div class="offcanvas offcanvas-end" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions" aria-labelledby="offcanvasWithBothOptionsLabel">
<div class="offcanvas-header"> <div class="offcanvas-header">
@@ -514,20 +526,17 @@
<a class="dropdown-item" href="#">Separated link</a> <a class="dropdown-item" href="#">Separated link</a>
</div>--> </div>-->
</div> </div>
</div></div> </div>
<div style="padding-right:240px;"> <div style="padding-right:240px;">
<ul class="nav nav-pills"> <ul class="nav nav-pills">
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><asp:LoginName ID="LoginName1" runat="server" /></a> <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false"><asp:LoginName ID="LoginName1" runat="server" /></a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a class="dropdown-item" href="Login_Edit_User.aspx">Profil bearbeiten</a> <li><a class="dropdown-item" href="Login_Edit_User.aspx">Profil bearbeiten</a>
<img src="../images/samples/default-avatar.jpg" style="width:60px;height:60px;" alt="Avatar Picture sample" data-toggle="tooltip" data-placement="top" title="Upload Photo."></li> <img src="../images/samples/default-avatar.jpg" style="width:60px;height:60px;" alt="Avatar Picture sample" data-toggle="tooltip" data-placement="top" title="Upload Photo."></li>
<div class="dropdown-divider"></div> <div class="dropdown-divider"></div>
<li><a class="dropdown-item" id="btnsubmenu" href="GroupPolicies.aspx">Gruppenrichtlinien festlegen</a></li> <li><a class="dropdown-item" id="btnsubmenu" href="GroupPolicies.aspx">Gruppenrichtlinien festlegen</a></li>
</ul></ul> </ul></ul></div></nav></div>
<div style="margin-left:5px;margin-right:5px"> <div style="margin-left:5px;margin-right:5px">
<div style="height:95px;"></div> <div style="height:95px;"></div>
<form id="leftLinks" runat="server" style="float:initial"> <form id="leftLinks" runat="server" style="float:initial">
@@ -536,7 +545,6 @@
</asp:ContentPlaceHolder> </asp:ContentPlaceHolder>
</form> </form>
</div> </div>
</li> </li>
<script type="text/javascript" src="../js/toptions/top_up-min.js"></script> <script type="text/javascript" src="../js/toptions/top_up-min.js"></script>

10
Customers/GroupPolicies.aspx
View File

@@ -27,6 +27,16 @@
width:350px; width:350px;
} }
</style> </style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" title="VERAG IndexCustomer"/>
<link rel="stylesheet" type="text/css" href="../css/navbarsidebar.css"/>
<link rel="stylesheet" type="text/css" href="../css/main.css"/>
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
<link rel="shortcut icon" href="../images/Icons/favicon/favicon.ico" />
<!-- <link rel="stylesheet" type="text/css" href="css/edit_main.css"> -->
<script src="js/netzwerk.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../stylesheets/style.css"/>
<link rel="stylesheet" type="text/css" href="../stylesheets/example.css"/>
</asp:Content> </asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div id="containerseiterand"> <div id="containerseiterand">

9
Customers/Invoices.aspx
View File

@@ -23,11 +23,16 @@
#tableSearch{ #tableSearch{
width:1500px; width:1500px;
} }
#conovertab {
margin-left:10px;
width: 1200px;
}
.align-self-xl-start{ .align-self-xl-start{
width:100%; width:100%;
} }
#normaltable{ #normaltable{
width:1500px; width:100%;
} }
@media (max-width: 558.98px) { @media (max-width: 558.98px) {
#conovertab { #conovertab {
@@ -38,7 +43,7 @@
font-size:12px; font-size:12px;
} }
#tableSearch{ #tableSearch{
max-width:350px; max-width:60%;
} }
#containerseiterand{ #containerseiterand{
margin-left:5px; margin-left:5px;

29
Customers/Welcome.aspx
View File

@@ -29,6 +29,9 @@
#normaltable{ #normaltable{
width:1500px; width:1500px;
} }
.carousel-inner {
width:600px;
}
@media (max-width: 558.98px) { @media (max-width: 558.98px) {
#conovertab { #conovertab {
width: 350px; width: 350px;
@@ -45,6 +48,22 @@
margin-right:5px; margin-right:5px;
width:350px; 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> </style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" title="VERAG IndexCustomer"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" title="VERAG IndexCustomer"/>
@@ -78,7 +97,7 @@
<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 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 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>
@@ -87,22 +106,22 @@
</div> </div>
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item active"> <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%"> <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" ><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> <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">
<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%"> <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"> <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> <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">
<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> <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-none d-md-block" style="background:linear-gradient(to right, #003680 , #0055cc);opacity:80%"> <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"><h5 style="opacity:100%">Startseite</h5></a>
<a href="Welcome.aspx"><p style="color:#fff;opacity:100%">Der Einstieg zu Ihrem Profil.</p></a> <a href="Welcome.aspx"><p style="color:#fff;opacity:100%">Der Einstieg zu Ihrem Profil.</p></a>
</div> </div>