samsepi0l/sapiochat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

about page created; landing paged form button effect css patch.

Browse Source
This commit is contained in:
sweatshirt0 2023-02-20 19:13:57 -05:00
parent 0c4541eff6
commit 2b80fcf4ad
2 changed files with 39 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
pages/about.html
View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>About</title>
<link rel="stylesheet" type="text/css" href="../styles/styles.css" />
</head>
<body>
<div class="whole-wrapper">
<div class="nav-wrapper">
<a class="home-link" href="/">Home</a>
<a class="about-link" href="/about">About</a>
<a class="news-link" href="/news">News</a>
<a class="contact-link" href="/contact">Contact</a>
</div>
<div class="about-title-wrapper">
<h1 class="about-title">About SapioChat</h1>
</div>
</div>
</body>
</html>

19
styles/styles.css
View File

@ -1,5 +1,6 @@
body { body {
font-family: monospace; font-family: monospace;
background-color: #f0f2f5;
} }
.nav-wrapper { .nav-wrapper {
@ -84,12 +85,28 @@ body {
padding: 15px; padding: 15px;
font-size: 1.1rem; font-size: 1.1rem;
background-color: #4af626; background-color: #4af626;
color: #111;
font-weight: bold; font-weight: bold;
} }
.signup-link { .signup-link {
text-decoration: none; text-decoration: none;
color: #111;
}
.signup-button:hover {
cursor: pointer;
top: -15px;
box-shadow: 2px 2px 2px blue;
}
.signup-link:hover {
cursor: pointer;
}
.loggin-submit:hover {
cursor: pointer;
top: -15px;
box-shadow: 2px 2px 2px #4af626;
} }
.title-wrapper { .title-wrapper {