LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

Section 1

Mad as a chuck a sickie when as busy as a crack a fat. As busy as a true blue no worries as dry as a bingle. Flat out like a booze where grab us a hooroo. Mad as a compo when lets throw a pash. As stands out like tucker also you little ripper frog in a sock. Lets get some sheila bloody offsider.

Section 2

As cross as a cactus mate how as cross as a mates. Gutful of mate's rate no dramas built like a truckie. As busy as a shit house also we're going slab. As stands out like schooner when . freo bloody as busy as a figjam. As cunning as a mates no dramas it'll be ironman.

Section 3

Get a dog up ya dinky-di piece of piss lets get some dipstick. Shazza got us some crook bloody as cunning as a rip snorter. You little ripper knock bloody get a dog up ya khe sanh. We're going outback bloody as cross as a brass razoo. We're going boardies flamin she'll be right boardies. She'll be right damper stands out like a sheila.

CSS
body{
	width: 330px;
	height: 330px;
	border: 1px solid #00DAEC;
	margin-left: 50px;
	margin-top: 50px;
}


section {
	height: 40px;
	overflow: hidden;
	width: 330px;
	transition: 1s ease;
}

.thisSection{
	height: 250px;
}

h2{
	height: 35px;
	background-color: #00DAEC;
	padding-left: 20px;
	padding-top: 5px;
	font-family: 'Poiret One', cursive;
	margin: 0;
}


h2:hover{
	background: #00BF89;
	opacity: 0.8;
}

p{
	font-family: 'Titillium Web', sans-serif;
	padding-left: 10px;
	padding-right: 5px;
}
JS
$('section').on('click', function(){
	$('section').removeClass('thisSection');
	$(this).addClass('thisSection');
});
Term
Sat, 01/13/2018 - 08:30

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv