Untitled

dabblet.css

body {
	margin : 0;
	padding : 0;
	font-size : 1.5em;
	background-color: black;
}

a, a:visited {
	color : #45B29D;
	text-decoration : none;
}

a:hover {
	color: #E27A3F;
}

header {
	background-color: #334D5C;
}

section {
	background-color: #EFC94C;
}

footer {
	background-color: #DF5A49;
}

dabblet.html

<header>
    <nav>
        <ul>
            <li><a href="#ch1">Chapitre 1</a></li>
            <li><a href="#ch2">Chapitre 2</a></li>
            <li><a href="#ch3">Chapitre 3</a></li>
        </ul>
    </nav>
</header>

<section>
    <h1>Titre principal</h1>

    <h2 id="ch1">Chapitre 1</h2>    
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde quaerat odit
    rem illo adipisci quis similique, mollitia dolores blanditiis dolorum, fuga
    assumenda, at recusandae hic sapiente necessitatibus asperiores voluptatibus
    nisi.</p>

    <h2 id="ch2">Chapitre 2</h2>    
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde quaerat odit
    rem illo adipisci quis similique, mollitia dolores blanditiis dolorum, fuga
    assumenda, at recusandae hic sapiente necessitatibus asperiores voluptatibus
    nisi.</p>

    <h2 id="ch3">Chapitre 3</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde quaerat odit
    rem illo adipisci quis similique, mollitia dolores blanditiis dolorum, fuga
    assumenda, at recusandae hic sapiente necessitatibus asperiores voluptatibus
    nisi.</p>
</section>

<footer>
    <div>&copy2016 Steve Fallet</div>
</footer>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}