moved style to external style sheet style.css,

add contact information in contact.html
This commit is contained in:
Arthur Lu 2022-07-22 22:54:07 -07:00
parent b902c03fde
commit 83f2fa4044
3 changed files with 59 additions and 29 deletions

27
contact.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>tronnet homepage</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body style="background-color:black;">
<h1 class = "std-text" style = "font-size: 72px; text-align: center;">tronnet</h1>
<h2 class = "std-text" style = "font-size: 32px; text-align: center;">Affordable custom server solutions.</h2>
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">Buisness Inqueries</h3>
<p class = "std-text" style = "font-size: 14px; text-align: left;">
For buisness related inquiries, please email <a href = "mailto:requests@tronnet.net">requests@tronnet.net</a> with one of the following subject tags:
<ul class = "std-text" style = "font-size: 14px; text-align: left;">
<li> [Quote] - To request a quote for cluster services; Please include as much usage and configuration requirements as possible</li>
<li> [Legal] - To request legal information about the cluster or contract details; If requesting contract clarification please include your client ID<br> </li>
</ul>
</p>
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">Support Inquries</h3>
<p class = "std-text" style = "font-size: 14px; text-align: left;"> If you are a user of tronnet, please refer to the <a href = "https://docs.tronnet.net/en/quick-support">documentation</a> for information about how to recieve technical support.</p>
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">Personal Inquries</h3>
<p class = "std-text" style = "font-size: 14px; text-align: left;"> Tronnet does not publish personal information of users, except those published in the <a href = "index.html"> User Directory</a>.</p>
<div class="btn-group" style = "margin: auto; display: flex; flex-direction: row; justify-content: center;">
<button onclick="window.location.href='index.html';">Return to Homepage</button>
</div>
</body>
</html>

View File

@ -3,34 +3,7 @@
<head>
<meta charset="utf-8">
<title>tronnet homepage</title>
<style>
.std-text {
font-family: monospace;
color: white;
margin: 20px 0px 20px 0px;
}
.btn-group button {
background-color: #00ff00;
border: 1px solid #00ff00;
color: black;
padding: 10px 24px;
margin: 0px 20px 0px 20px;
cursor: pointer;
float: left;
}
.btn-group button:not(:last-child) {
border-right: none;
}
.btn-group:after {
content: "";
clear: both;
display: table;
}
.btn-group button:hover {
background-color: #00AA00;
border: #00AA00;
}
</style>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body style="background-color:black;">
<h1 class = "std-text" style = "font-size: 72px; text-align: center;">tronnet</h1>
@ -45,5 +18,9 @@
<div class="btn-group" style = "margin: auto; display: flex; flex-direction: row; justify-content: center;">
<button onclick="window.location.href='https://root.tronnet.net';">root</button>
</div>
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">Information</h3>
<div class="btn-group" style = "margin: auto; display: flex; flex-direction: row; justify-content: center;">
<button onclick="window.location.href='contact.html';">Contact Us</button>
</div>
</body>
</html>
</html>

26
style.css Normal file
View File

@ -0,0 +1,26 @@
.std-text {
font-family: monospace;
color: white;
margin: 20px 0px 20px 0px;
}
.btn-group button {
background-color: #00ff00;
border: 1px solid #00ff00;
color: black;
padding: 10px 24px;
margin: 0px 20px 0px 20px;
cursor: pointer;
float: left;
}
.btn-group button:not(:last-child) {
border-right: none;
}
.btn-group:after {
content: "";
clear: both;
display: table;
}
.btn-group button:hover {
background-color: #00AA00;
border: #00AA00;
}