Fix typo on header.
This commit is contained in:
parent
e326d82a49
commit
7968781224
|
|
@ -1,125 +1,125 @@
|
|||
<!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;
|
||||
}
|
||||
|
||||
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;
|
||||
padding: 0px 50px;;
|
||||
}
|
||||
|
||||
p {
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 0px 50px;
|
||||
}
|
||||
|
||||
nav {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.test {
|
||||
display: inline;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
.roysathome-button {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
|
||||
.owndrive-button:hover {
|
||||
background-color: #041e43;
|
||||
}
|
||||
|
||||
.gittea-button:hover {
|
||||
background-color: #609926;
|
||||
}
|
||||
|
||||
.login-signup-button {
|
||||
font-size: 30px;
|
||||
margin: auto;
|
||||
background-color: #2e323e;
|
||||
}
|
||||
|
||||
.header-bar {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex: 1 1;
|
||||
flex-direction: row;
|
||||
background-color: #232834;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
/* Styles for mobile devices */
|
||||
li a {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
</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>
|
||||
<!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;
|
||||
}
|
||||
|
||||
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;
|
||||
padding: 0px 50px;;
|
||||
}
|
||||
|
||||
p {
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 0px 50px;
|
||||
}
|
||||
|
||||
nav {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.test {
|
||||
display: inline;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
.roysathome-button {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
|
||||
.owndrive-button:hover {
|
||||
background-color: #041e43;
|
||||
}
|
||||
|
||||
.gittea-button:hover {
|
||||
background-color: #609926;
|
||||
}
|
||||
|
||||
.login-signup-button {
|
||||
font-size: 30px;
|
||||
margin: auto;
|
||||
background-color: #2e323e;
|
||||
}
|
||||
|
||||
.header-bar {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex: 1 1;
|
||||
flex-direction: row;
|
||||
background-color: #232834;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
/* Styles for mobile devices */
|
||||
li a {
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
</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 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>For any queries or information, please send an email to <strong>joseph@roysathome.net</strong></p>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue