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

Verag Homepage Julius version 2

Browse Source
This commit is contained in:
ja
2021-08-02 07:56:52 +02:00
parent 66f7ea8ec4
commit ed5de0f448
5 changed files with 108 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
AvisoTV_FLEX.aspx
View File

@@ -9,7 +9,7 @@
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>"Verag Spedition AG AvisoTV Flex"</title>
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/> <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
@@ -85,8 +85,8 @@
position: absolute; position: absolute;
color: #043381; color: #043381;
background-color:#fff; background-color:#fff;
padding: 16px; padding: 1em;
font-size: 16px; font-size: 1em;
border: none; border: none;
} }
@@ -95,7 +95,7 @@
display: none; display: none;
position: absolute; position: absolute;
background-color: #fff; background-color: #fff;
min-width: 160px; min-width: 10em;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1; z-index: 1;
} }
@@ -103,7 +103,7 @@
/* Links inside the dropdown */ /* Links inside the dropdown */
.dropdown-content a { .dropdown-content a {
color: black; color: black;
padding: 12px 16px; padding:0.75em 1em;
text-decoration: none; text-decoration: none;
display: block; display: block;
} }
@@ -193,7 +193,7 @@
position: relative; position: relative;
color: #043381; color: #043381;
padding: 0px; padding: 0px;
font-size: 16px; font-size: 1em;
border: none; border: none;
z-index:512; z-index:512;
} }
@@ -205,7 +205,7 @@
left: 65%; left: 65%;
color:#043381; color:#043381;
background-color: #fff; background-color: #fff;
min-width: 160px; min-width: 10em;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1000; z-index: 1000;
} }
@@ -213,7 +213,7 @@
/* Links inside the dropdown */ /* Links inside the dropdown */
.dropdown-content a { .dropdown-content a {
color: black; color: black;
padding: 12px 16px; padding: 0.75em 1em;
text-decoration: none; text-decoration: none;
z-index:812; z-index:812;
} }
@@ -381,12 +381,12 @@
<nav class="navbar navbar-expand-lg navbar-light"> <nav class="navbar navbar-expand-lg navbar-light">
<li class="nav-item"> <li class="nav-item">
<a class="navbar-brand" href="newpageJulius_Sidebar.aspx"><img src="images/Logo_small.png" alt="" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a> <a class="navbar-brand" href="newpageJulius_Sidebar.aspx"><img src="images/Logo_small.png" alt="Verag Spedition AG Logo" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>
</li> </li>
</nav> </nav>
</div> </div>
<h1>AVISO-TV Online</h1> <h1>Verag AVISO-TV Online</h1>
<div id="line"></div> <div id="line"></div>
<br/> <br/>
Hier finden Sie Informationen zu den aktuell an der Grenze stehenden LKWs. Hier finden Sie Informationen zu den aktuell an der Grenze stehenden LKWs.
@@ -456,7 +456,7 @@
%> %>
<tbody class="table-light table-responsive-xxl table-striped "> <tbody class="table-light table-responsive-xxl table-striped ">
<tr style="transform: rotate(0);"> <tr style="transform: rotate(0);">
<th scope="row"><a href="status_Julius.aspx?AvisoId=<%=AvisoId%>&lan2=<%=laenderkuerzel%>" class="stretched-link"><%Response.Write(cnt + 1)%></a></th> <th scope="row"><a href="status_Julius.aspx?AvisoId=<%=AvisoId%>&lan2=<%=laenderkuerzel%>" rel="nofollow" target="_blank" class="stretched-link"><%Response.Write(cnt + 1)%></a></th>
<!-- <td><% 'Response.Write(cnt + 1)%> </td> --> <!-- <td><% 'Response.Write(cnt + 1)%> </td> -->
<td><% Response.Write(AVISO_ROW("LKW_Nr"))%> </td> <td><% Response.Write(AVISO_ROW("LKW_Nr"))%> </td>
<td><% Response.Write(AVISO_ROW("Frächter")) %></td> <td><% Response.Write(AVISO_ROW("Frächter")) %></td>

8
DownloadsJulius.aspx
View File

@@ -64,7 +64,7 @@
</script> </script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>VERAG Spedition AG</title> <title>VERAG Spedition AG Downloads</title>
<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"/>
@@ -119,8 +119,10 @@
p { p {
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
font-size: 1.1em; font-size: 1.1em;
font-size: 17.6px;
font-weight: 300; font-weight: 300;
line-height: 1.7em; line-height: 1.7em;
line-height: 27.2px;
color: #999; color: #999;
} }
@@ -138,8 +140,10 @@
background: #fff; background: #fff;
border: none; border: none;
border-radius: 0; border-radius: 0;
margin-bottom: 2.5em;
margin-bottom: 40px; margin-bottom: 40px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0.063em 0.063em 0.188em rgba(0, 0, 0, 0.1);
} }
.navbar-btn { .navbar-btn {

16
KundenseiteJulius.aspx
View File

@@ -63,7 +63,7 @@
</script> </script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>VERAG AVISO-TV Online</title> <title>VERAG AG Kundenseite</title>
<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"/>
<link rel="stylesheet" type="text/css" href="css/status.css"/> <link rel="stylesheet" type="text/css" href="css/status.css"/>
@@ -75,8 +75,8 @@
color: #043381; color: #043381;
position: absolute; position: absolute;
background-color: #fff; background-color: #fff;
padding: 16px; padding: 1em;
font-size: 16px; font-size: 1em;
border: none; border: none;
} }
@@ -85,15 +85,15 @@
display: none; display: none;
position: absolute; position: absolute;
background-color: #fff; background-color: #fff;
min-width: 160px; min-width: 10em;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0em 0.5em 1em 0em rgba(0,0,0,0.2);
z-index: 1; z-index: 1;
} }
/* Links inside the dropdown */ /* Links inside the dropdown */
.dropdown-content a { .dropdown-content a {
color: #043381; color: #043381;
padding: 12px 16px; padding: 0.75em 1em;
text-decoration: solid; text-decoration: solid;
display: block; display: block;
} }
@@ -102,7 +102,7 @@
.dropdown-content a:hover { .dropdown-content a:hover {
background-color: #043384; background-color: #043384;
color: #fff; color: #fff;
text-shadow:5px; text-shadow: 0.313em;
} }
/* Show the dropdown menu on hover */ /* Show the dropdown menu on hover */
@@ -122,7 +122,7 @@
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
width: 100%; width: 100%;
border: 1px solid #ddd; border: 0.063em solid #ddd;
} }
#flex-container { #flex-container {

3
navigation_Julius.aspx
View File

@@ -1,6 +1,7 @@
<head> <head>
<title> VERAG Spedition AG Navigation new</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>VERAG Spedition AG</title>
<!-- Bootstrap --> <!-- Bootstrap -->
<html lang="en"> <html lang="en">

98
newpageJulius_Sidebar.aspx
View File

@@ -56,7 +56,7 @@
' End Property, ' End Property,
</script> </script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" title="VERAG Spedition"/>
<title>VERAG Spedition AG</title> <title>VERAG Spedition AG</title>
<link rel="stylesheet" type="text/css" href="css/main.css"/> <link rel="stylesheet" type="text/css" href="css/main.css"/>
@@ -113,13 +113,16 @@
p { p {
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
font-size: 17.6px;
font-size: 1.1em; font-size: 1.1em;
font-weight: 300; font-weight: 300;
line-height: 27.2px;
line-height: 1.7em; line-height: 1.7em;
color: #999; color: #999;
} }
#footer { #footer {
font-size: 8px;
font-size:0.5em; font-size:0.5em;
} }
@@ -133,11 +136,14 @@
.navbar { .navbar {
padding: 25px 30px; padding: 25px 30px;
padding: 1.563em 1.875em;
background: #fff; background: #fff;
border: none; border: none;
border-radius: 0; border-radius: 0;
margin-bottom: 40px; margin-bottom: 40px;
margin-bottom: 2.5em;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0.063em 0.063em 0.188em rgba(0,0,0,0.1);
} }
.nav-item dropdown::marker{ .nav-item dropdown::marker{
background-color:#fff; background-color:#fff;
@@ -149,7 +155,7 @@
.navbar-btn { .navbar-btn {
box-shadow: none; box-shadow: none;
outline: none !important; outline: none !important;
border: 2px; border: 2rem;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5384BE', endColorstr='#4386D7'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5384BE', endColorstr='#4386D7');
@@ -167,21 +173,27 @@
.line { .line {
width: 100%; width: 100%;
height: 1px; height: 1px;
height: 0.063em;
border-bottom: 1px dashed #ddd; border-bottom: 1px dashed #ddd;
border-bottom: 0.063em dashed #ddd;
margin: 40px 0; margin: 40px 0;
margin: 2.5em 0;
} }
#sidebarCollapse { #sidebarCollapse {
background-color: #043381; background-color: #043381;
color: #fff; color: #fff;
margin-right:-123px; margin-right:-123px;
margin-right:-7.688em;
} }
#sidebarCollapse:hover { #sidebarCollapse:hover {
background-color: #000085; background-color: #000085;
color: #fff; color: #fff;
border-radius:5px; border-radius:5px;
border-radius: 0.313em;
margin-right:5px; margin-right:5px;
margin-right: 0.313em;
} }
/* --------------------------------------------------- /* ---------------------------------------------------
SIDEBAR STYLE SIDEBAR STYLE
@@ -195,7 +207,9 @@
#sidebar { #sidebar {
min-width: 250px; min-width: 250px;
min-width: 15.625em;
max-width: 250px; max-width: 250px;
max-width: 15.625em;
background:#fff; background:#fff;
color: #000000; color: #000000;
transition: all 0.2s; transition: all 0.2s;
@@ -203,26 +217,33 @@
#sidebar.active { #sidebar.active {
margin-left: -250px; margin-left: -250px;
margin-left: -15.625em;
} }
#sidebar .sidebar-header { #sidebar .sidebar-header {
padding: 20px; padding: 20px;
padiing: 1.25em;
background: #fff; background: #fff;
} }
#sidebar ul.components { #sidebar ul.components {
padding: 20px 0; padding: 20px 0;
padding: 1.25em 0;
border-bottom: 1px solid #043381; border-bottom: 1px solid #043381;
border-bottom: 1.25em solid #043381;
} }
#sidebar ul p { #sidebar ul p {
color: #043381; color: #043381;
padding: 14px; padding: 14px;
padding: 0.875em;
} }
#sidebar ul li a { #sidebar ul li a {
padding: 10px; padding: 10px;
font-size: 1.1em; padding: 0.625em;
font-size: 16px;
font-size: 1em;
display: block; display: block;
} }
@@ -246,11 +267,12 @@
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 20px; right: 20px;
right: 1.25em;
transform: translateY(-50%); transform: translateY(-50%);
} }
ul ul a { ul ul a {
font-size: 0.9em !important; font-size: 0.875em !important;
padding-left: 30px !important; padding-left: 30px !important;
background: #fff; background: #fff;
} }
@@ -261,10 +283,13 @@
ul.CTAs a { ul.CTAs a {
text-align: center; text-align: center;
font-size: 0.9em !important; font-size: 14px !important;
font-size: 0.875em !important;
display: block; display: block;
border-radius: 5px; border-radius: 5px;
border-radius: 0.313em;
margin-bottom: 5px; margin-bottom: 5px;
margin-bottom: 0.313em;
} }
a.download { a.download {
@@ -285,6 +310,7 @@
#content { #content {
width: 100%; width: 100%;
padding: 20px; padding: 20px;
padding: 1.25em;
min-height: 100vh; min-height: 100vh;
transition: all 0.5s; transition: all 0.5s;
} }
@@ -295,31 +321,40 @@
@media (max-width: 768px) { @media (max-width: 768px) {
#sidebar { #sidebar {
margin-left: -250px; margin-left: -250px;
margin-left: -15.625em;
padding-top: 8px;
padding-top:0.5em; padding-top:0.5em;
font-size:1.2em; font-size: 20.32px;
font-size: 1.27em;
} }
#content{ #content{
font-size:1.56em; font-size: 18.56px;
font-size:1.16em;
max-width:100%; max-width:100%;
min-width:60%; min-width:60%;
} }
#footer_content{ #footer_content{
font-size: 6.4px;
font-size:0.4em; font-size:0.4em;
padding-inline:1px; padding-inline:1px;
padding-inline:0.063em;
max-width:100%; max-width:100%;
min-width:60%; min-width:60%;
} }
.nav-link dropdown-toggle .nav-link dropdown-toggle
{ {
font-size: 15.36px;
font-size:0.96em; font-size:0.96em;
font-style:inherit; font-style:inherit;
font-size-adjust:-2.52; font-size-adjust:-2.52;
} }
nav-item dropdown::marker{ nav-item dropdown::marker{
font-size:0px; font-size:0px;
font-size: 0em;
} }
#navbarDropdown{ #navbarDropdown{
font-size:0.86; font-size: 12.16px;
font-size:0.76em;
} }
#navbar{ #navbar{
font-size:initial; font-size:initial;
@@ -335,28 +370,37 @@
@media (min-width: 768px) { @media (min-width: 768px) {
#sidebar { #sidebar {
margin-left: -250px; margin-left: -250px;
margin-left: -15.625em;
padding-top: 8px;
padding-top:0.5em; padding-top:0.5em;
font-size:1.2em; font-size: 20px;
font-size:1.25em;
} }
#content{ #content{
font-size:1.56em; font-size: 25.12px;
font-size:1.57em;
max-width:100%; max-width:100%;
min-width:60%; min-width:60%;
} }
#footer_content{ #footer_content{
font-size: 6.4px;
font-size:0.4em; font-size:0.4em;
padding-inline:1px; padding-inline:1px;
padding-inline:0.063em;
max-width:100%; max-width:100%;
min-width:60%; min-width:60%;
} }
.nav-link dropdown-toggle .nav-link dropdown-toggle
{ {
font-size: 13.76px;
font-size:0.86em; font-size:0.86em;
font-style:inherit; font-style:inherit;
font-size-adjust:-4.52; font-size-adjust: -72.32px;
font-size-adjust:-4.52em;
} }
nav-item dropdown::marker{ nav-item dropdown::marker{
font-size:0px; font-size:0px;
font-size:0em;
overflow:hidden; overflow:hidden;
} }
#navbarDropdown{ #navbarDropdown{
@@ -373,11 +417,14 @@
} }
#navbar.menu_class{ #navbar.menu_class{
width:20px; width:20px;
width: 1.25em;
height:14px; height:14px;
height: 0.875em;
} }
#pagecontent{ #pagecontent{
font-size:2.12em; font-size: 33.2px;
font-size:2.075em;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center justify-content: center
@@ -414,11 +461,17 @@
#main-menu div.menu_01 .menu_logo{ #main-menu div.menu_01 .menu_logo{
position:absolute; position:absolute;
left:10px; left:10px;
left: 0.625em;
top:20px; top:20px;
top: 1.25em;
margin:0px; margin:0px;
margin:0em;
padding:0px; padding:0px;
padding:0em;
max-width:60px; max-width:60px;
max-width: 3.75em;
max-height: 60px; max-height: 60px;
max-height: 3.75em;
z-index:2; z-index:2;
} }
.offcanvas-body { .offcanvas-body {
@@ -457,17 +510,15 @@
<p>VERAG Spedition AG</p> <p>VERAG Spedition AG</p>
<li class="active"> <li class="active">
<% <%
%> Dim DB As New cDBFunctions
<% Dim laenderkuerzel As String = "de"
Dim DB As New cDBFunctions Dim navigation_footer As List(Of cNavigation) = DB.qry_menu_tags(laenderkuerzel)
Dim laenderkuerzel As String = "de" Dim nameproj As String = ""
Dim navigation_footer As List(Of cNavigation) = DB.qry_menu_tags(laenderkuerzel) nameproj = "newpageJulius_Sidebar.aspx"
Dim nameproj As String = ""
nameproj = "newpageJulius_Sidebar.aspx"
If laenderkuerzel Is Nothing Then If laenderkuerzel Is Nothing Then
laenderkuerzel = "de" laenderkuerzel = "de"
Else Else
%> %>
<li> <li>
<a href="#homeSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">Unternehmen</a> <a href="#homeSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">Unternehmen</a>
@@ -743,7 +794,7 @@
Next Next
End If%> End If%>
</tr> </tr>
</table> </table>
</li> </li>
<% <%
Next Next
@@ -857,6 +908,7 @@
</div> </div>
</form> </form>
</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>
<!-- jQuery CDN - Slim version (=without AJAX) --> <!-- jQuery CDN - Slim version (=without AJAX) -->