Add short 'About me' section

This commit is contained in:
2022-09-29 22:41:07 -04:00
parent 96f1069a5c
commit ed0ee09dfb
5 changed files with 73 additions and 7 deletions

View File

@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My website</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="topnav">
<ul>
<li><a href="/resume.html">Resume</a></li>
<li><a class="active" href="/contact.html">Contact</a></li>
<li><a href="/projects.html">Projects</a></li>
<li><a href="/index.html">Home</a></li>
</ul>
</div>
</body>
</html>

View File

@@ -8,11 +8,19 @@
<body>
<div class="topnav">
<ul>
<li><a href="#resume">Resume</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#projects">Projects</a></li>
<li><a class="active" href="#index">Home</a></li>
<li><a href="/resume.html">Resume</a></li>
<li><a href="/contact.html">Contact</a></li>
<li><a href="/projects.html">Projects</a></li>
<li><a class="active" href="/index.html">Home</a></li>
</ul>
</div>
<h1>ABOUT ME</h1>
<p>
I'm an undergraduate Computer Science student at the
University of Michigan in Ann Arbor, with a passion for
software engineering and networking. I particularly
enjoy the problem solving aspects, especially after
solving an issue that has been giving me trouble.
</p>
</body>
</html>

View File

@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My website</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="topnav">
<ul>
<li><a href="/resume.html">Resume</a></li>
<li><a href="/contact.html">Contact</a></li>
<li><a class="active" href="/projects.html">Projects</a></li>
<li><a href="/index.html">Home</a></li>
</ul>
</div>
</body>
</html>

View File

@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My website</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="topnav">
<ul>
<li><a class="active" href="/resume.html">Resume</a></li>
<li><a href="/contact.html">Contact</a></li>
<li><a href="/projects.html">Projects</a></li>
<li><a href="/index.html">Home</a></li>
</ul>
</div>
</body>
</html>

View File

@@ -11,10 +11,12 @@ body {
.topnav {
background-color: #222;
overflow: hidden;
margin: 0px;
position: fixed;
margin: 0;
position: sticky;
top: 0;
height: 6vh;
width: 100%;
line-height: 6vh;
}
.topnav ul {
@@ -32,9 +34,11 @@ body {
float: right;
color: aliceblue;
text-align: center;
padding: 14px 16px;
padding: 1.75vh 1.5vw;
text-decoration: none;
font-size: medium;
margin: 0;
height: 6vh;
}
.topnav a:hover {