function insert(html) {
	document.getElementsByTagName("section")[0].insertAdjacentHTML('beforeend', html);
}

function userAgent(agent) {
	if (navigator.userAgent.indexOf(agent) != -1) {
		return true;
	} else {
		return false;
	}
}

if (userAgent('iPhone') || userAgent('iPad') || userAgent('iPod')) { // En andere kekke mobiele browsers
	insert('<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>');
	insert('<a href="sms:rowankaag@live.nl"><span class="ion-ios-chatbubble"></span></a>');
	insert('<span class="ion-close-round"></span>');
	insert('<a href="facetime-audio:rowankaag@live.nl"><span class="ion-ios-telephone"></span></a>');
	insert('<span class="ion-close-round"></span>');
	insert('<a href="mailto:rowankaag@live.nl"><span class="ion-ios-email"></span></a>');
} else {
	insert('<form role="form" validate>');
	insert('<label for="name">Name</label>');
	insert('<input type="text" maxlength="32" autocomplete="on" placeholder="Foo Bar" required autofocus/>');
	insert('<label for="email">Email</label>');
	insert('<input type="email" maxlength="32" autocomplete="on" placeholder="user@example.com" required />');
	insert('<label for="message">Message</label>');
	insert('<textarea id="message" name="message" placeholder="Your site is awesome!" resizable="no"></textarea>');
	insert('</form>');
}