index.html

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

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="./webfonts/all.min.css">
	<link rel="stylesheet" href="./styles.css">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/mailtoharshit/San-Francisco-Font-/sanfrancisco.css">
	<title>Practice</title>
</head>

<body>
	<header class="header">
		<h1 class="header__title">Practice Projects</h1>
	</header>
	<main class="main">
		<div class="projects">
			<div class="project">
				<h1 class="project__title">login form</h1>
				<a class="project__link" href="./login_form/index.html">тык</a>
			</div>
			<div class="project">
				<h1 class="project__title">nike product card</h1>
				<a class="project__link" href="./Product-Card-Using-HTML-CSS/index.html">тык</a>
			</div>
			<div class="project">
				<h1 class="project__title">JM block 1.1</h1>
				<a class="project__link" href="./iintoo/index.html">тык</a>
			</div>
			<div class="project">
				<h1 class="project__title">JM block 1.3</h1>
				<a class="project__link" href="./block1.3/index.html">тык</a>
			</div>
			<div class="project">
				<h1 class="project__title">JM block 1.4</h1>
				<a class="project__link" href="./block1.3/mobile_menu.html">тык</a>
			</div>
		</div>
	</main>
	<footer class="footer">
		<p class="footer__text">Copyright &copy;
			<script>
				document.write(new Date().getFullYear().toString())
			</script> Isakov Airat</p>
	</footer>

</body>

</html>