moved everything to center of page

4 years ago · e33d950fc6
parent 8890733601
commit e33d950fc6
2 changed files with 47 additions and 39 deletions
--- a/css/main.css
+++ b/css/main.css
@ -15,6 +15,11 @@
    font-family: 'DirectoryFontFamily', serif;
 }

+.center-column{
+    width: 50%;
+    margin: auto;
+}
+
 .footer{
    background: #efeff1;
 }
--- a/directory.html
+++ b/directory.html
@ -5,13 +5,16 @@
 </head>
 <body class="blue-background">

+<div class="center-column">
+
    <div class="title-banner blue-background">
        CONTACT US
        <br/>
        <img src="img/Logo_02-24-21b_NO-SUBHEAD-white-on-transparent-01.png" width="300" height="auto"
             alt="JDS Consulting Company Logo">
        <br/>
-    <div>How can we help? Please select an e-mail address or phone number from the key contacts below. If you don't find
+        <div>How can we help? Please select an e-mail address or phone number from the key contacts below. If you don't
+            find
            what you need, fill out our contact form.
        </div>
    </div>
@ -41,19 +44,19 @@
    </div>


-
    <!--  footer  -->
    <div class="footer">
        <h2>Contact Form</h2>
        <p>
-        If you haven't found the contact you need, please fill out the form available at the link below, and we will get
+            If you haven't found the contact you need, please fill out the form available at the link below, and we will
+            get
            in touch with you as soon as possible.
            <br/>
            <a href="https://www.jdsconsulting.net/contact/">Contact us through our website.</a>
        </p>
    </div>

-
+</div>
 </body>
 </html>