File: /home/.Trash/valcnct/public_html/old-splash/.index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Valcucine</title>
<link rel="icon" type="image/png" href="valcucine-icon.jpg" sizes="16x16">
<link rel="icon" type="image/x-icon" href="valcucine-icon.jpg" >
<style>
h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
@font-face{
font-family: helvetica-light;
src: url('HelveticaLt.ttf') format('truetype');
}
body{
font-size: 100%;
}
#img-main {
width: 80%;
margin: 0 auto;
top: 0%;
}
div {
display: block
}
#company-details {
width:100%;
background-color: white;
position: fixed;
bottom: 0;
height: 15%
}
img {
width: 100%;
height: 100%;
display: block;
margin: 0 auto
}
h3,h5 {
font-family: helvetica-light, Helvetica, Arial, sans-serif; ;
font-weight: normal;
margin: 0;
padding: 0;
text-align: left
}
.icon {
display: block;
margin: 0 auto;
}
.img-icon {
display: inline-block;
}
.img-icon heading {
width: 40%
}
p {
margin: 0;
}
li img{
width: 30px;
}
li {
display: inline-block;
list-style: none;
padding: 2.5%
}
#company-details ul {
list-style: none;
display: inline;
}
#header{
float: left;
margin: auto;
width: 29%;
text-align: left;
height: 100%;
padding: 1%;
padding-left: 10%;
}
#head-logo{
float: left;
margin: auto;
width: 12%;
text-align: left;
height: 100%;
padding: 1%;
}
#logo{
float: left;
margin: auto;
width: 43%;
align-content: right;
height: 100%;
padding: 1%;
padding-left: 2%;
}
#img-logo{
height: 30%;
width: 20%;
}
</style>
</head>
<body>
<div id="img-main">
<img src="valcucine-kitchen.png" alt="company-kitchen">
</div>
<div id="company-details">
<div id="header">
<h3>WEBSITE UNDER CONSTRUCTION - <h5>Our social media is up and running</h5> </h3>
</div>
<div id="head-logo">
<ul>
<li><a href="https://www.facebook.com/valcucinesouthafrica/"><img class="icon" src="934-facebook-logo-with-rounded-corners.jpg" alt="facebook"></a></li>
<li><a href="https://twitter.com/ValcucineSA"><img class="icon" src="8800.png" alt="twitter"></a></li>
<li><a href="https://www.instagram.com/valcucinesouthafrica/?hl=en"><img class="icon" src="instagram-logo_318-53344.jpg" alt="instagram"></a></li>
</ul>
</div>
<div id="logo">
<img id="img-logo" src="Valcucine_logo+tagline_maggiore15mm.jpg" alt="company-logo">
</div>
</div>
</body>
</html>