<!DOCTYPE html>

<!--
	vim: shiftwidth=4 tabstop=4 noexpandtab
-->

<html>

	<head>

		<title>libweb</title>

		<meta charset="utf-8"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="../css/xengineering.css" type="text/css">

	</head>

	<body>

		<nav>
			<button id="menu-button" onclick=toggleMenu()>MENU</button>
			<a class="menu-anchor" href="https://xengineering.eu">xengineering.eu</a>
		</nav>

		<main>
			<h1>libweb</h1>

			<p>A repository with reusable components for web development.</p>

			<p>This is a link to <a href="https://example.com">example.com</a>.</p>

			<p>Have a look at this beautiful code:</p>
			<pre><code>#!/usr/bin/python3

print("This is just some example code!")
</code></pre>

			<p>Sometimes it is quite nice to put things into cards:</p>
			<div class="card">
				<h3>This is a Card</h3>
				<p>Cards are very good.</p>
			</div>

			<p>It is also possible to put cards into an anchor tag:</p>
			<a href="https://xengineering.eu">
				<div class="card">
					<h3>This is a Card inside an Anchor</h3>
					<p>It is a link!</p>
				</div>
			</a>
		</main>

		<script src="../js/xengineering.js"></script>

	</body>

</html>