Hello everyone!

Gallery & Contact are just some examples. You can rename them and / or add more if you want.
If you need help, send us a message! :)

<!DOCTYPE html>
<html>
<head>
<title>Tab Navigation</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
	
<style>
body {
	font-family:arial;
	text-align:center;
	background:#eee;
	width:900px;
	margin:20px auto;
}

nav {
	margin-bottom:20px;
}

nav a {
	margin:0 10px;
	text-decoration:none;
	font-size:18px;
}

/* Tab Code by designfreaks.net */
.tab {
	display: none;
}

#df_tabs:not(:has(:target)) #index {
	display: block;
}

#df_tabs :target {
	display: block;
}
</style>
</head> 

<body>

    <nav>
        <a href="#index">Start</a>
        <a href="#gallery">Gallery</a>
        <a href="#contact">Contact</a>
    </nav>
	
	<div id="df_tabs">
	
		<section id="index" class="tab">
			<h1>Welcome to my website!</h1>
		</section>

		<section id="gallery" class="tab">
			<h1>Gallery</h1>
		</section>

		<section id="contact" class="tab">
			<h1>Contact</h1>
		</section>
		
	</div>

</body>
</html>

Gallery

Contact

• Shoutbox
• Contact form
• direct eMail