index.html

<html>
	<head>
		<title>zach valenta</title>
		<meta name="viewport" content="width=device-width, initial-scale=1" />
        <style type="text/css">
                .one:hover {
                    background-color:violet
                }
                .two:hover {
                    background-color:tomato
                }
                a:hover {
                    background-color:sandybrown
                }
        </style>
        <link rel="shortcut icon" type="image/png" href="favicon.png">
        <link href="styles.css" rel="stylesheet"/>
	</head>

	<body>
        <h2><span class='one'>Zach</span> <span class='two'>Valenta</span></h2>
        <hr>
		<p>📚 <a href="books.html">notes on books</a></p>
		<p>📡 <a href="blog.html">blog</a></p>
		<p>🗿 <a href="about.html">about</a></p>
	</body>

</html>