<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Coming Soon!</title>
<style type="text/css">
body {
background-color: #e6e6e6;
background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1471608322_62.jpg);
background-repeat: repeat;
font-family: arial;
font-size: 12px;
color: #737373;
}
.container {
width: 1300px;
float: center;
margin-left: 10px;
margin-top: 120px;
padding: 5px;
overflow: hidden;
background-color: transparent;
border-radius: 10px;
}
.header {
float: left;
margin-bottom: 3px;
width: 550px;
height: 334px;
margin-left: 90px;
}
.navigation {
float: left;
margin-left: 500px;
padding: 3px;
width: 720px;
margin-bottom: 10px;
}
.sidebar {
float: left;
width: 200px;
padding: 3px;
background-color: #e6e6e6;
border-radius: 10px;
margin-right: 5px;
margin-bottom: 5px;
}
.sidebar2 {
float: left;
width: 200px;
padding: 3px;
background-color: #e6e6e6;
border-radius: 10px;
margin-right: 5px;
margin-bottom: 5px;
}
.sidebar3 {
float: left;
width: 80px;
padding: 3px;
background-color: #e6e6e6;
border-radius: 10px;
margin-right: 5px;
margin-bottom: 5px;
}
.sidebar4 {
float: left;
width: 195px;
padding: 3px;
background-color: #e6e6e6;
border-radius: 10px;
margin-right: 5px;
margin-bottom: 5px;
}
.content {
float: left;
width: 500px;
padding: 3px;
background-color: #e6e6e6;
border-radius: 10px;
}
b {color: #f56fd5;}
i {color: #ec9bdb;}
u {color: #c973ba;}
s {color: #4490b3;}
big {
font-family: georgia;
font-size: 19px;
color: #f56fd5;
letter-spacing: -1px;
text-style: normal;
text-transform: uppercase;
}
small {
font-family: arial;
font-size: 11.4px;
color: #ec9bdb;
}
h1 {
margin: 0px;
font-family: georgia;
font-size: 16px;
color: #737373;
letter-spacing: 0px;
font-style: italic;
font-weight: normal;
text-align: left;
text-transform: lowercase;
margin-bottom: 4px;
padding-left: 8px;
border-radius: 10px;
background-color: #f56fd5;
}
h2 {
margin: 0px;
font-family: georgia;
font-size: 16px;
color: #737373;
letter-spacing: 0px;
font-style: italic;
font-weight: normal;
text-align: right;
text-transform: lowercase;
margin-bottom: 4px;
padding-right: 8px;
border-radius: 10px;
background-color: #65b3d7;
}
blockquote {
background-color: #d6d2d8;
border-left: 8px solid #c973ba;
border-right: 8px solid #c973ba;
color: #4f4c42;
padding: 3px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
}
textarea {
background-color: #d6d2d8;
color: #4f4c42;
text-align: center;
padding: 3px;
border-radius: 10px;
}
a:active, a:visited, a:link {
color: #cf7aff;
font-style: normal;
text-decoration: none;
font-weight: normal;
letter-spacing: 0px;
}
a:hover {
color: #c1abcd;
}
a.n1 {
font-family: tahoma;
font-size: 10px;
color: #7d7d7d;
font-style: normal;
display: inline-block;
margin-left: 3px;
margin-top: 0px;
padding: 4px;
width: 70px;
height: 20px;
line-height: 20px;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
background-color: #d2d2d2;
}
a.n1:hover {
color: #fff;
background-color: #76ceec;
transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
}
a.s1 {
font-family: arial;
font-size: 11.4px;
color: #4a4a4a;
font-style: normal;
display: block;
background-color: #ee6cd0;
padding: 1px;
text-align: center;
letter-spacing: 1px;
margin: 2px;
border: 1px solid #f492dd;
}
a.s1:hover {
color: #e6e6e6;
letter-spacing: 0px;
background-color: #f492dd;
border: 1px solid #ee6cd0;
transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
}
a.s2 {
font-family: arial;
font-size: 11.4px;
color: #4a4a4a;
font-style: normal;
display: block;
background-color: #78c2e3;
padding: 1px;
text-align: center;
letter-spacing: 1px;
margin: 2px;
border: 1px solid #76ceec;
}
a.s2:hover {
color: #e6e6e6;
letter-spacing: 0px;
background-color: #76ceec;
border: 1px solid #78c2e3;
transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
}
a.s3 {
font-family: arial;
font-size: 11.4px;
color: #4a4a4a;
font-style: normal;
display: inline-block;
background-color: #e18dd2;
padding: 3px;
text-align: center;
letter-spacing: 0px;
margin: 2px;
margin-left: 10px;
border: 1px solid #c973ba;
width: 15px;
height: 15px;
line-height: 15px;
border-radius: 20px;
}
a.s3:hover {
color: #e6e6e6;
background-color: #76ceec;
border: 1px solid #60bcdc;
transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
}
</style>
</head>
<body>
<div class="container">
<div class="navigation">
<a class="n1" href="URL Here">Link</a>
<a class="n1" href="URL Here">Link</a>
<a class="n1" href="URL Here">Link</a>
<a class="n1" href="URL Here">Link</a>
<a class="n1" href="URL Here">Link</a>
<a class="n1" href="URL Here">Link</a>
<a class="n1" href="http://plasteeq.net">Credit</a>
</div>
<div class="header">
<img src="">
</div>
<div class="sidebar">
<h1>Header One</h1>
<table width="200">
<tr><td align="left">
<a class="s1" href="" target="_blank">Link</a>
<a class="s1" href="" target="_blank">Link</a>
<a class="s1" href="" target="_blank">Link</a>
<a class="s1" href="" target="_blank">Link</a>
<td align="left">
<a class="s1" href="" target="_blank">Link</a>
<a class="s1" href="" target="_blank">Link</a>
<a class="s1" href="" target="_blank">Link</a>
<a class="s1" href="" target="_blank">Link</a>
</tr></table>
</div>
<div class="sidebar2">
<h2>Header Two</h2>
<table width="200">
<tr><td align="left">
<a class="s2" href="" target="_blank">Link</a>
<a class="s2" href="" target="_blank">Link</a>
<a class="s2" href="" target="_blank">Link</a>
<a class="s2" href="" target="_blank">Link</a>
<td align="left">
<a class="s2" href="" target="_blank">Link</a>
<a class="s2" href="" target="_blank">Link</a>
<a class="s2" href="" target="_blank">Link</a>
<a class="s2" href="" target="_blank">Link</a>
</tr></table>
</div>
<div class="sidebar3">
<a class="s3" href="" target="_blank">♥</a>
<a class="s3" href="" target="_blank">♥</a>
<a class="s3" href="" target="_blank">♥</a>
<a class="s3" href="" target="_blank">♥</a>
<a class="s3" href="" target="_blank">♥</a>
<a class="s3" href="" target="_blank">♥</a>
<a class="s3" href="" target="_blank">♥</a>
<a class="s3" href="" target="_blank">♥</a>
</div>
<div class="sidebar4">
<h1>Cbox</h1>
Cbox space
</div>
<div class="content">
<h1>Header</h1>
</div>
</div>
</body>
AJÁNLOM AZ OLDALT
Sg
Archvum
ARCHVUM
