Responsive Julius Version1
This commit is contained in:
100
default.htm
100
default.htm
@@ -1,6 +1,56 @@
|
||||
<html>
|
||||
<head>
|
||||
</head
|
||||
<style>
|
||||
body,
|
||||
html {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Helvetica', sans-serif;
|
||||
}
|
||||
|
||||
.loader {
|
||||
width: 10%;
|
||||
height: 10%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: rgb(255 255 255);
|
||||
|
||||
}
|
||||
|
||||
.loader-logo {
|
||||
width: 300px;
|
||||
height: 150px;
|
||||
max-width: 90%;
|
||||
overflow: hidden;
|
||||
transform: translatey(0px);
|
||||
animation: float 3s ease-in-out infinite;
|
||||
img
|
||||
|
||||
{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@keyframes float {
|
||||
0% {
|
||||
transform: translatey(0px);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: translatey(-20px);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translatey(0px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
@@ -8,25 +58,33 @@
|
||||
<br/>
|
||||
|
||||
|
||||
<center>
|
||||
<img src="images\Atilla-Logo.jpg" >
|
||||
<br/>
|
||||
<br/>
|
||||
<b>ATILLA Spedition GmbH</b> <br/>
|
||||
Suben 14<br/>
|
||||
A 4975 Suben<br/>
|
||||
<br/>
|
||||
Tel.: +43 7711 / 2845 - 0<br/>
|
||||
Fax: +43 7711 / 2836 <br/>
|
||||
E-Mail: <a href="mailto:atilla@verag.ag">atilla@verag.ag</a>
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
<img src="images\Under_Construction.jpeg" width="100">
|
||||
<br/>
|
||||
<br/>
|
||||
Under construction ...
|
||||
</center>
|
||||
<center>
|
||||
<img src="images\Atilla-Logo.jpg">
|
||||
<br />
|
||||
<br />
|
||||
<b>ATILLA Spedition GmbH</b> <br />
|
||||
Suben 14<br />
|
||||
A 4975 Suben<br />
|
||||
<br />
|
||||
Tel.: +43 7711 / 2845 - 0<br />
|
||||
Fax: +43 7711 / 2836 <br />
|
||||
E-Mail: <a href="mailto:atilla@verag.ag">atilla@verag.ag</a>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<div class="loader">
|
||||
<div class="loader-logo">
|
||||
<img src="images\Under_Construction.jpeg" width="100">
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<div class="loader">
|
||||
<div class="loader-logo">
|
||||
Under construction ...
|
||||
</div>
|
||||
</div>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user