Fix typo on header.
This commit is contained in:
parent
e326d82a49
commit
7968781224
|
|
@ -1,125 +1,125 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>RoysAtHome Homepage</title>
|
<title>RoysAtHome Homepage</title>
|
||||||
<style>
|
<style>
|
||||||
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
|
@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');
|
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
font-family: 'Montserrat', sans-serif;
|
font-family: 'Montserrat', sans-serif;
|
||||||
background-color: #2e323e;
|
background-color: #2e323e;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
li a {
|
li a {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
color: white;
|
color: white;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: all 75ms ease-in-out;
|
transition: all 75ms ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
li a:hover {
|
li a:hover {
|
||||||
background-color: black;
|
background-color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0px 50px;;
|
padding: 0px 50px;;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0px 50px;
|
padding: 0px 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
nav {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.test {
|
.test {
|
||||||
display: inline;
|
display: inline;
|
||||||
width: max-content;
|
width: max-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
.roysathome-button {
|
.roysathome-button {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.owndrive-button:hover {
|
.owndrive-button:hover {
|
||||||
background-color: #041e43;
|
background-color: #041e43;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gittea-button:hover {
|
.gittea-button:hover {
|
||||||
background-color: #609926;
|
background-color: #609926;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-signup-button {
|
.login-signup-button {
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
background-color: #2e323e;
|
background-color: #2e323e;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-bar {
|
.header-bar {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex: 1 1;
|
flex: 1 1;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
background-color: #232834;
|
background-color: #232834;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 600px) {
|
@media only screen and (max-width: 600px) {
|
||||||
/* Styles for mobile devices */
|
/* Styles for mobile devices */
|
||||||
li a {
|
li a {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="header-bar">
|
<div class="header-bar">
|
||||||
<nav class="test">
|
<nav class="test">
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a class="roysathome-button" href="https://roysathome.net">
|
<a class="roysathome-button" href="https://roysathome.net">
|
||||||
RoysAtHome
|
RoysAtHome
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a class="gittea-button" href="https://git.roysathome.net">
|
<a class="gittea-button" href="https://git.roysathome.net">
|
||||||
Repos
|
Repos
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a class="owndrive-button" href="https://drive.roysathome.net">
|
<a class="owndrive-button" href="https://drive.roysathome.net">
|
||||||
Drive
|
Drive
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
<h1>Welcome to RoysAtHome homepage!</h1>
|
<h1>Welcome to the 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>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>
|
<p>For any queries or information, please send an email to <strong>joseph@roysathome.net</strong></p>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue