Untitled

dabblet.css

body {
	background: cyan;
	min-height: 100%;
}
li {
	display: inline-block;
	list-style: none;
	overflow: hidden;
}
li:first-child a {
	padding-top: 18px;
	border-radius: 100%/60% 0 0
}
li:last-child a {	
	border-radius: 50% 50% 0 0/ 11%
}
a {
	display: block;
	padding: 20px 60px 10px;
	margin: 0 -20px;
	color: #000;
	font: normal 16px Arial;
	text-transform: uppercase;
	text-decoration: none;
	background: #fff;
}

dabblet.html

<ul>
	<li><a href="#">Habiter</a></li>
	<li><a href="#">Investir</a></li>
</ul>

dabblet.js

// alert('Hello world!');

settings.json

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