Untitled

dabblet.css

div {
	
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	height: 100%;
}
#wrapper {
	width: 70%;
	margin: auto;
}
	
#header {
	width: 100%;
}

#name_title {
	font-family : "Euphemia", sans-serif;
	font-size: 48px
}

#profile {
background-color: #DB63E6;
height: 200px
}

#profile .left {
	width: 1000px
	border-style: none;
	display: inline-block;
}
#profile .content {
display: inline-block;
background-color: #B9BF0A;
}


#education {
background-color: #E33434;
}

#education .left {
display: inline-block;
position: relative;
}

#education .content {
display: inline-block;
background-color: #00D1D1;
}


#skills {
background-color: #04B0A4
}

#skills .left {
display: inline-block;
position: relative;
}

#skills .content {
display: inline-block;
background-color: #04B024;

}


#skills .box1 {

display: inline-block;
postion: relative;

}

#skills .box2 {
display: inline-block;
postion: relative;
}

#experience {
background-color: #FFFFFF
}

#experience .left {

display: inline-block;
position: relative;
}

#experience .content {
display: inline-block;
background-color: #D6D08D;
}

#experience .box {}

dabblet.html

<div id='wrapper'>
<div id='name_title'>JORDAN PELLIZZARI</div>
<div id='profile'><div class='left'>PROFILE LEFT</div><div class='content'>PROFILE</div></div>
<div id='education'><div class='left'>EDUCATION LEFT</div><div class='content'>EDUCATION</div></div>
<div id='skills'><div class='left'>SKILLS LEFT</div><div class='content'><div class='box1'>SKILLS 1</div><div class='box2'>SKILLS 2</div></div></div>
<div id='experience'><div class='left'>EXPERIENCE LEFT</div><div class='content'>EXPERIENCE</div></div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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