index.html

<!DOCTYPE html>
<html lang="en-US">
	<head>
		<title>Welcome!</title>
		<metadata charset="UTF-8">
		<metadata name="description"
			content="Webpage with some codes developed by Cristofer Costa">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet"> 
		<link rel="stylesheet" href="styles/styles.css">
	</head>

	<body>

		<div class="wrapper">
			<header>
				<h1 class="first"><a href="https://eu-cristofer.github.io">Cristofer</a></h1>

				<p class="justify">Hi, this is my personal page.</p>

			</header>

			<section>
				<h1>Welcome</h1>

				<nav>
					<a href="https://eu-cristofer.github.io/vba-pump-performance"
						target="_blank">VBA Pump Performance</a>

					<span> / </span>

					<a href="https://github.com/eu-cristofer"
						target="_blank">my GitHub</a>
				</nav>

				<p>In the links above you can find details of the projects I'm engaged with.</p>

				<h2 class="subsection">Research goals</h2>

				<p>Fields of interest:</p>

				<ul>
				  <li>Turbomachinery</li>
				  <li>Performance</li>
				  <li>Vibration</li>
				  <li>Source inspection</li>
				  <li>Python programming</li>
				</ul>
			</section>

			<footer>
				<hr>
				<p>Cristofer Costa</p>
				<a href="mailto:cristofercosta@yahoo.com.br">cristofercosta@yahoo.com.br</a>
			</footer>
		</div>
	</body>
</html>