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> <body>
<div class="topnav"> <div class="topnav">
<ul> <ul>
<li><a href="#resume">Resume</a></li> <li><a href="/resume.html">Resume</a></li>
<li><a href="#contact">Contact</a></li> <li><a href="/contact.html">Contact</a></li>
<li><a href="#projects">Projects</a></li> <li><a href="/projects.html">Projects</a></li>
<li><a class="active" href="#index">Home</a></li> <li><a class="active" href="/index.html">Home</a></li>
</ul> </ul>
</div> </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> </body>
</html> </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 { .topnav {
background-color: #222; background-color: #222;
overflow: hidden; overflow: hidden;
margin: 0px; margin: 0;
position: fixed; position: sticky;
top: 0; top: 0;
height: 6vh;
width: 100%; width: 100%;
line-height: 6vh;
} }
.topnav ul { .topnav ul {
@@ -32,9 +34,11 @@ body {
float: right; float: right;
color: aliceblue; color: aliceblue;
text-align: center; text-align: center;
padding: 14px 16px; padding: 1.75vh 1.5vw;
text-decoration: none; text-decoration: none;
font-size: medium; font-size: medium;
margin: 0;
height: 6vh;
} }
.topnav a:hover { .topnav a:hover {