about page styling.

This commit is contained in:
sweatshirt0 2023-01-28 15:43:57 -05:00
parent 69e05fd396
commit bdf8e10be0
3 changed files with 18 additions and 1 deletions

11
components/Navbar.js Normal file
View File

@ -0,0 +1,11 @@
import React from 'react';
const Navbar = () => {
return (
<div class="nav-wrapper">
<a class="home" href="/">Home</a>
</div>
);
}
export default Navbar;

View File

@ -2,14 +2,16 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>About Us</title> <title>About Us</title>
<link rel="stylesheet" type="text/css" href="./../styles/styles.css" />
</head> </head>
<body> <body>
<div class="whole-wrapper"> <div class="whole-wrapper">
<div class="nav-wrapper"> <div class="nav-wrapper">
<a class="home" href="/">Home</a> <a class="home" href="/">Home</a>
<a class="about" href="/about">About</a> <a class="about" href="/about">About</a>
<a class="register" href="/register">Register</a>
</div> </div>
<div class="title-wrapper"> <div class="about-title-wrapper">
<h1 class="about-title">About Us</h1> <h1 class="about-title">About Us</h1>
</div> </div>
</div> </div>

View File

@ -61,3 +61,7 @@ body {
text-decoration: underline; text-decoration: underline;
} }
.about-title {
color: white;
}