joseph
/
roysathome.net
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Create the roysathome.net homepage.

This commit is contained in:
josephroy99 2023-11-26 18:45:10 +00:00
parent 2386379913
commit 2f01cfa017
1 changed files with 116 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

116
roysathome.net/index.html Normal file
View File

@ -0,0 +1,116 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RoysAtHome Homepage</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
body {
margin: 0px;
font-family: 'Montserrat', sans-serif;
background-color: #2e323e;
font-weight: 300;
color: white;
}
.header-bar {
align-items: center;
display: flex;
flex: 1 1;
flex-direction: row;
background-color: #232834;
margin: 0px;
}
ul {
list-style-type: none;
margin: 0px;
overflow: hidden;
}
li {
float: left;
}
li a {
display: block;
padding: 1em;
font-size: 30px;
color: white;
text-decoration: none;
transition: all 75ms ease-in-out;
}
li a:hover {
background-color: black;
}
h1 {
display: block;
text-align: center;
}
p {
display: block;
text-align: center;
}
.test {
display: inline;
width: max-content;
}
.roysathome-button {
font-weight: 500;
}
.owndrive-button:hover {
background-color: #041e43;
}
.gittea-button:hover {
background-color: #609926;
}
nav {
margin-right: auto;
}
.login-signup-button {
font-size: 30px;
margin: auto;
background-color: #2e323e;
}
</style>
</head>
<body>
<div class="header-bar">
<nav class="test">
<ul>
<li>
<a class="roysathome-button" href="https://roysathome.net">
RoysAtHome
</a>
</li>
<li>
<a class="gittea-button" href="https://git.roysathome.net">
Repos
</a>
</li>
<li>
<a class="owndrive-button" href="https://drive.roysathome.net">
Drive
</a>
</li>
</ul>
</nav>
</div>
<h1>Welcome to RoysAtHome homepage!</h1>
<p>Welcome to the homepage of the RoysAtHome website. This will contain all access points for the Roy family services. Also, please feel free to access the Git Repositpories to see all public repositpories.</p>
<p>For any queries or information, please send an email to <strong>joseph@roysathome.net</strong></p>
</body>
</html>