116 lines
2.9 KiB
HTML
116 lines
2.9 KiB
HTML
<!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> |