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

Caroussell wurde eingefügt und andere designtechnischen Änderungen wurden vorgenommen!

Browse Source
This commit is contained in:
ja
2021-08-17 16:47:14 +02:00
parent 15cc0b7496
commit f56ca82fba
4 changed files with 66 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
Kundenseite.aspx
View File

@@ -171,8 +171,7 @@
.modal-body { .modal-body {
padding-top: 0 !important; padding-top: 0 !important;
overflow-y: auto !important; /* required */ overflow-y: auto !important; /* required */
} }
#myTable tr:hover{ #myTable tr:hover{
color:white; color:white;
background-color:#043381; background-color:#043381;
@@ -183,11 +182,11 @@
--bs-table-striped-bg: #fff; --bs-table-striped-bg: #fff;
--bs-table-striped-color: #fff; --bs-table-striped-color: #fff;
--bs-table-active-bg: #fff; --bs-table-active-bg: #fff;
--bs-table-active-color: #000; --bs-table-active-color: #043381;
--bs-table-hover-bg: #043381; --bs-table-hover-bg: #043381;
--bs-table-hover-color: #043381; --bs-table-hover-color: #043381;
color: #043381; color: #fff;
border-color: #cbccce border-color: #fff;
} }
/*Button Dropdown Menue Language Picker*/ /*Button Dropdown Menue Language Picker*/
.dropbtn { .dropbtn {
@@ -251,19 +250,25 @@
li { li {
list-style-type: none; list-style-type: none;
} }
#myTable CheckBox1{
background-color:#043381;
color:#fff;
}
@media (max-width: 575px){ @media (max-width: 575px){
table { table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0.125em; border-spacing: 0.125em;
width: /*575px;*/ 126.65198237885463vw; width: /*575px;*/ 126.65198237885463vw;
border: /*1px*/2.1744791666666665vw solid #ddd; border: /*1px*/2.1744791666666665vw solid #ddd;
background-color: white; background-color:#fff;
color: #043381; color: #043381;
overflow-x:auto; overflow-x:auto;
font-size:3.3769100169779285vw; font-size:3.3769100169779285vw;
} }
.containerSearch{ .containerSearch{
width:17.621145374449338vw; width:17.621145374449338vw;
color:#043381;
background-color:#fff;
} }
} }
@media (min-width: 575px) { @media (min-width: 575px) {
@@ -281,6 +286,8 @@
} }
.containerSearch{ .containerSearch{
width:3.1821797931583133vw; width:3.1821797931583133vw;
color:#043381;
background-color:#fff;
} }
} }
</style> </style>
@@ -405,6 +412,7 @@
<h1>Kundencenter</h1> <h1>Kundencenter</h1>
<div id="line"></div> <div id="line"></div>
<br/> <br/>
<div class="container">
<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>
<%Try <%Try
@@ -429,31 +437,70 @@
'%> '%>
<h2><%=STANDORT %></h2> <h2><%=STANDORT %></h2>
<div class="container">
<input class="form-control mb-4" id="tableSearch" type="text" <input class="form-control mb-4" id="tableSearch" type="text"
placeholder="Type something to search list items"> placeholder="Einen Begriff eingeben oder den Anfang davon ...">
<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">
<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>LKW-Nr.</th><th>Kennzeichen</th><th>Standort</th><th>Frächter</th><th>Fracht</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>
<tbody id="myTable"> <tbody id="myTable">
<tr><td>1</td><td>PAN WE 231</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Teer</td></tr> <tr><td><asp:CheckBox ID="CheckBox1" runat="server" /></td><td>1</td><td>PAN WE 231</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Teer</td></tr>
<tr><td>2</td><td>BMV 6N 888</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Teer</td></tr> <tr><td><asp:CheckBox ID="CheckBox2" runat="server" /></td><td>2</td><td>SME IE 889</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Kaugummis</td></tr>
<tr><td>3</td><td>PD6 C7 111</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Teer</td></tr> <tr><td><asp:CheckBox ID="CheckBox3" runat="server" /></td><td>3</td><td>BGI TA 233</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Metallstäbe</td></tr>
<tr><td>4</td><td>BMV 6N 888</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Kohle</td></tr> <tr><td><asp:CheckBox ID="CheckBox4" runat="server" /></td><td>4</td><td>SWT DD 233</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Kohle</td></tr>
<tr><td>5</td><td>MF6 F7 666</td><td>Waidhaus</td><td>TESTFRÄCHTER2</td><td>3500 kg Bonbons</td></tr> <tr><td><asp:CheckBox ID="CheckBox5" runat="server" /></td><td>5</td><td>MF6 F7 666</td><td>Waidhaus</td><td>TESTFRÄCHTER2</td><td>3500 kg Bonbons</td></tr>
<tr><td>6</td><td>VTO 4A 333</td><td>Bad Reichenhall</td><td>TESTFRÄCHTER</td><td>2 Pck Teer</td></tr> <tr><td><asp:CheckBox ID="CheckBox6" runat="server" /></td><td>6</td><td>VTO 4A 333</td><td>Bad Reichenhall</td><td>TESTFRÄCHTER</td><td>2 Pck Teer</td></tr>
<tr><td>7</td><td>PD6 C7 111</td><td>Waidhaus</td><td>TESTFRÄCHTER</td><td>200 Pck Kafee</td></tr> <tr><td><asp:CheckBox ID="CheckBox7" runat="server" /></td><td>7</td><td>PD6 C7 111</td><td>Waidhaus</td><td>TESTFRÄCHTER</td><td>200 Pck Kafee</td></tr>
<tr><td>8</td><td>EH2 VK 444</td><td>Bad Reichenhall</td><td>TESTFRÄCHTER</td><td>2 Pck Kohle</td></tr> <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> </tbody>
</table> </table>
</div>
<!--<br><br> <!--<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. 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> <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-ride="carousel" data-intervall="2" data-keyboard="true">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<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>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<br /><br /><br />
<% End If <% End If
End If End If
End If End If
@@ -463,7 +510,7 @@
<div></div></div> <div></div></div> </div>
<%-- <div class="footer_menu"> <%-- <div class="footer_menu">
<div class="footer_menu_content"> <div class="footer_menu_content">
<table> <table>

BIN
images/samples/Gas_Station.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

BIN
images/samples/lkw1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 303 KiB

BIN
images/samples/papagei.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB