add formatting to contact page,

add centered div class
This commit is contained in:
Arthur Lu 2022-08-21 21:01:47 -07:00
parent 0939014c1c
commit 8944ba90ae
2 changed files with 20 additions and 9 deletions

View File

@ -9,6 +9,7 @@
<h1 class = "std-text" style = "font-size: 72px; text-align: center;">tronnet</h1> <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> <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> <h3 class = "std-text" style = "font-size: 24px; text-align: center;">Buisness Inqueries</h3>
<div class = "center-div" style = "width: 50%;">
<p class = "std-text" style = "font-size: 14px; text-align: left;"> <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: 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;"> <ul class = "std-text" style = "font-size: 14px; text-align: left;">
@ -16,10 +17,15 @@
<li> [Legal] - To request legal information about the cluster or contract details; If requesting contract clarification please include your client ID<br> </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> </ul>
</p> </p>
</div>
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">Support Inquries</h3> <h3 class = "std-text" style = "font-size: 24px; text-align: center;">Support Inquries</h3>
<div class = "center-div" style = "width: 50%;">
<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> <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>
</div>
<h3 class = "std-text" style = "font-size: 24px; text-align: center;">Personal Inquries</h3> <h3 class = "std-text" style = "font-size: 24px; text-align: center;">Personal Inquries</h3>
<div class = "center-div" style = "width: 50%;">
<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> <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>
<div class="btn-group" style = "margin: auto; display: flex; flex-direction: row; justify-content: center;"> <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> <button onclick="window.location.href='index.html';">Return to Homepage</button>
</div> </div>

View File

@ -24,3 +24,8 @@
background-color: #00AA00; background-color: #00AA00;
border: #00AA00; border: #00AA00;
} }
.center-div {
margin-left: auto;
margin-right: auto;
}