Vasilis van Gemert vasilisvg

Dit is een heading van het eerste niveau. De belangrijkste kop van de pagina

Dit is de eerste paragraaf. Je kan deze paragraaf anders stylen. Dit is een goed idee als de eersre paragraaf altijd een samenvatting is van de rest van het artikel. Als de eerste paragraaf gewoon een eerste paragraaf is dan is het niet nodig om hem anders te stylen. Een groter font of vetgedrukte tekst wordt we gebruikt. Maar dat is natuurlijk aan jou, de designer, om te beslissen. Als je het niet zeker weet, bespreek de betekenis van de eerste paragraaf dan met je collega's. Als je geen content guide hebt die duidelijk uitlegt waar de eerste paragraaf voor staat, style hem dan niet.

Dit is een heading van het tweede niveau, voor subsecties van artikelen.

Dit is een paragraaf die direct na een heading 2 staat. Je kan de relatie tussen een heading 2 en een paragraaf stylen. Je zou er bijvoorbeeld voor kunnen kiezen om de marge tussen de paragraaf en de heading te verkleinen. Zo creëer je de illusie van een gegroepeerd blo

	/**
	* Tekst stylen met CSS
	*/
	* {
	box-sizing: border-box;
	}
	html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;

	/**
	* The first commented line is your dabblet’s title
	*/

	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;

	/**
	* The first commented line is your dabblet’s title
	*/

	div {
	display: table;
	font: 2em/1.5 georgia;
	margin: 1em auto;
	color: #666;
	}

	/**
	* How should multicolumn work?
	*/
	body {
	width: 98vw;
	margin: 0;
	padding: 0; }

	article {
	padding: 2em;

	<?php
	$kickit = array(
	'qORYO0atB6g', //Intergalactic
	'z5rRZdiu1UE', //Sabotage
	'uvRBUw_Ls2o', //Body Movin'
	'BptQHAW2T5M', //Shake Your Rump
	'eBShN8qT4lk', //(You Gotta) Fight For Your Right (To Party)
	'07Y0cy-nvAg', //No Sleep Till Brooklyn
	'Xf1YF_MH1xc', //Root Down
	'evA-R9OS-Vo', //Fight For Your Right (Revisited)

	/**
	* A simple menu with a :hover action
	*/
	html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	font: 100%/2.5 helvetica, arial;
	}

	/**
	* A common navigational menu
	*/
	nav {
	margin: 0 auto;
	font: 100%/1.5 arial;
	}
	ul {
	margin: 0;
	padding: 0;

	/**
	* Hover button
	*/

	a {
	font: 2em arial;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	margin: 2em 0 0 2em;

	.prev {color:green}
	[rel=prev] {color: blue}