Caroussell wurde eingefügt und andere designtechnischen Änderungen wurden vorgenommen!
This commit is contained in:
ja
@@ -171,8 +171,7 @@
|
||||
.modal-body {
|
||||
padding-top: 0 !important;
|
||||
overflow-y: auto !important; /* required */
|
||||
}
|
||||
|
||||
}
|
||||
#myTable tr:hover{
|
||||
color:white;
|
||||
background-color:#043381;
|
||||
@@ -183,11 +182,11 @@
|
||||
--bs-table-striped-bg: #fff;
|
||||
--bs-table-striped-color: #fff;
|
||||
--bs-table-active-bg: #fff;
|
||||
--bs-table-active-color: #000;
|
||||
--bs-table-active-color: #043381;
|
||||
--bs-table-hover-bg: #043381;
|
||||
--bs-table-hover-color: #043381;
|
||||
color: #043381;
|
||||
border-color: #cbccce
|
||||
color: #fff;
|
||||
border-color: #fff;
|
||||
}
|
||||
/*Button Dropdown Menue Language Picker*/
|
||||
.dropbtn {
|
||||
@@ -251,19 +250,25 @@
|
||||
li {
|
||||
list-style-type: none;
|
||||
}
|
||||
#myTable CheckBox1{
|
||||
background-color:#043381;
|
||||
color:#fff;
|
||||
}
|
||||
@media (max-width: 575px){
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0.125em;
|
||||
width: /*575px;*/ 126.65198237885463vw;
|
||||
border: /*1px*/2.1744791666666665vw solid #ddd;
|
||||
background-color: white;
|
||||
background-color:#fff;
|
||||
color: #043381;
|
||||
overflow-x:auto;
|
||||
font-size:3.3769100169779285vw;
|
||||
}
|
||||
.containerSearch{
|
||||
width:17.621145374449338vw;
|
||||
color:#043381;
|
||||
background-color:#fff;
|
||||
}
|
||||
}
|
||||
@media (min-width: 575px) {
|
||||
@@ -281,6 +286,8 @@
|
||||
}
|
||||
.containerSearch{
|
||||
width:3.1821797931583133vw;
|
||||
color:#043381;
|
||||
background-color:#fff;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -405,6 +412,7 @@
|
||||
<h1>Kundencenter</h1>
|
||||
<div id="line"></div>
|
||||
<br/>
|
||||
<div class="container">
|
||||
<h3>Hier finden Sie Informationen zu den aktuell an der Grenze stehenden LKWs.</h3>
|
||||
|
||||
<%Try
|
||||
@@ -429,31 +437,70 @@
|
||||
'%>
|
||||
<h2><%=STANDORT %></h2>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<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">
|
||||
<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>
|
||||
<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>2</td><td>BMV 6N 888</td><td>SUBEN</td><td>TESTFRÄCHTER</td><td>2 Pck Teer</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>4</td><td>BMV 6N 888</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>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>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="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><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><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><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><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><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><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><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>
|
||||
</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-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
|
||||
@@ -463,7 +510,7 @@
|
||||
|
||||
|
||||
|
||||
<div></div></div>
|
||||
<div></div></div> </div>
|
||||
<%-- <div class="footer_menu">
|
||||
<div class="footer_menu_content">
|
||||
<table>
|
||||
|
||||
BIN
images/samples/Gas_Station.jpg
Normal file
BIN
images/samples/Gas_Station.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
images/samples/lkw1.jpg
Normal file
BIN
images/samples/lkw1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 303 KiB |
BIN
images/samples/papagei.jpg
Normal file
BIN
images/samples/papagei.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
Reference in New Issue
Block a user