<!DOCTYPE html>
<html lang = "en">

<head>
	<meta charset = "utf-8">
	<title>vinayak</title>
	<link rel="stylesheet" href="css/main.css">
	<script src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'></script>
	<style type="text/css">
	
		#interests, #future, #formula {
			margin-left: 100px;
			margin-top: 100px;
		} 
		#interests ul {
			list-style-type: none;
		}

	</style>	
</head>

<body>
	<nav>
		<div id="nav-container">
			<table id="nav-table">
				<tr>
					<td>
						<a href="home.html">Homepage</a>
					</td>
					<td>
						<a href="aboutMe.html">About me</a>
					</td>
					<td>
						<a href="interests.html">Interests</a>
					</td>
					<td>
						<a href="timetable.html">Time-Table</a>
					</td>
					<td>
						<a href="contact.html">Contacts</a>
					</td>
				</tr>
			</table>
		</div>
	</nav>

	<div id="interests">
		<h2>My Interests</h2>
		<p>I like playing guitar and ukulele. I also like Web and app development.</p>
	</div>

	<div id="future">
		<h2>My Future Plans</h2>
		<p>Becoming a Full stack developer.</p>
	</div>

	<div id="formula">
		<h2>One interesting thing in math</h2>	
		Roots of \(x^3 = 1\) are
\[1, {{-1 + \iota\sqrt{3}} \over 2}, {{-1 - \iota\sqrt{3}} \over 2}\]
	</div>

</body>

</html>