From da61239f185040f8bd578946eb861e25a51981c0 Mon Sep 17 00:00:00 2001
From: Arthur Lu <root@tronnet.net>
Date: Sun, 21 Aug 2022 21:01:47 -0700
Subject: [PATCH] add formatting to contact page, add centered div class

---
 contact.html | 24 +++++++++++++++---------
 style.css    |  5 +++++
 2 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/contact.html b/contact.html
index 222798a..aa6bd61 100644
--- a/contact.html
+++ b/contact.html
@@ -9,17 +9,23 @@
 		<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>
+		<div class = "center-div" style = "width: 50%;">
+			<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>
+		</div>
 		<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>
+		<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>
+		</div>
 		<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 = "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>
+		</div>
 		<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>
diff --git a/style.css b/style.css
index 83291ed..07d786e 100644
--- a/style.css
+++ b/style.css
@@ -23,4 +23,9 @@
 .btn-group button:hover {
 	background-color: #00AA00;
 	border: #00AA00;
+}
+
+.center-div {
+	margin-left: auto;
+	margin-right: auto;
 }
\ No newline at end of file