Bomis header

dabblet.css

body {
width:75%;
margin-left:auto;
margin-right:auto;
}
header {
position:relative;
font-family:sylfaen;
top:0;}

h1 {
position:relative;
top:0;
font-size:55px;
letter-spacing:-5px;
color: violet;
line-height:10px
}

h1:after {
content: "Pokrowce samochodowe lub tapicerka?";
position:absolute;
left:-2px;
top:3px;
color:#fff;
opacity:0.5;}

h2 {
width:95%;
position:relative;
font-size:30px;
color:violet;
text-align:right;
line-height:5px;
}

nav {
position:relative;
top:0px;
width:100%;
}
nav li {
text-decoration:none;
list-style:none;
float:left;
margin-right:10px;
margin-left:4px;
font-size:30px;
border-radius:4px;
padding:15px;
box-shadow: #999 3px 3px 6px 3px;
}

nav li:hover {
box-shadow:violet 5px 5px 8px 4px;
position:relative;
top:-2px;
-webkit-transition: all 0.3s ease-out;
}

nav ul {

}
nav a {
color:violet;
text-decoration:none;}

.content {
clear:both;
width:100%;
left:0;
}

.content article {
position:relative;
top:40px;
opacity:0
overflow:hidden;}

dabblet.html

<header>
<h1>Pokrowce samochodowe lub tapicerka? BOMIS EX</h1>
<h2>Bielsko-Biała
</header>
<nav>
<ul>
<li><a href="#">Pokrowce</a></li>
<li><a href="#">Tapicerka</a></li>
<li><a href="#">Plandeki</a></li>
<li><a href="#">Akcesoria</a></li>
</ul>
</nav>
<section class="content">
<article>

</article>
</section>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}