Services page finished. Ready for deployment

static/css/contact.css

@@ -8,6 +8,7 @@
 #pageBody > .card:not(:first-of-type) {
 }
 
+
 /*
 .content > a {
     display: flex;

static/css/services.css

@@ -0,0 +1,37 @@
+#pageBody > .card {
+    padding-left: 5vw;
+    padding-right: 5vw;
+    max-width: 80vw;
+}
+#pageBody > .card:first-of-type{
+}
+#pageBody > .card:last-of-type {
+    padding-left: 5vw;
+    padding-right: 5vw;
+}
+#pageBody > .card:not(:first-of-type) {
+}
+
+table {
+    left: 5vw;
+    max-width: 70vw;
+    width: fit-content !important;
+}
+
+/*
+tr th::after {
+    content: "";
+    position: absolute;
+    top: 65px;
+    left: 4%;
+    width: 92%;
+    border-bottom: 2px solid var(--c_purple_dark);
+}
+*/
+
+/*
+img {
+    max-height: 5vh;
+    max-width: 10vw;
+}
+*/

static/css/shared.css

@@ -51,7 +51,7 @@ h2 {
 
 h3 {
     font-size: 18px;
-    margin: 1vh;
+    margin-top: 1vh;
 }
 
 h4 {
@@ -92,7 +92,7 @@ h5 {
     width: 100%;
     max-height: 15vh;
     font-weight: normal;
-    font-size: 25px;
+    font-size: 20px;
 }
 /*
 .topnav a {
@@ -224,13 +224,14 @@ img, video {
 /* header image */
 img.header-logo {
     max-height: 15vh;
+    max-width: 20vw;
 }
 
 /* icon images */
 .img-icon {
-    max-width: 5vh;
-    max-height: 5vh;
-    border-radius: 1vh;
+    max-width: 16vh;
+    max-height: 8vh;
+    border-radius: 0;
 }
 
 .container-icon-label {
@@ -270,6 +271,7 @@ img.header-logo {
     border-radius: 4vh;
     /* min-width: fit-content; */
     position: relative;
+    height: fit-content;
 }
 
 .card.subcard {
@@ -464,3 +466,8 @@ button, .btn-submit, input[type="submit"] {
     margin-top: 4.5px;
     margin-bottom: 4.5px;
 }
+
+li {
+    text-align: left;
+    font-size: 18px;
+}

static/js/services.js

@@ -0,0 +1,5 @@
+var _loading = true; 
+
+function hookupPageServices() {
+    _loading = false;
+}

static/js/shared.js

@@ -59,6 +59,14 @@ function hookupNavigation() {
         });
     });
     
+    let btnNavServices = $(idNavServices);
+    initialiseEventHandler(btnNavServices, flagInitialised, function() {
+        btnNavServices.on("click", function(event) {
+            event.stopPropagation();
+            goToPage(hashPageServices);
+        });
+    });
+    
     let btnNavContact = $(idNavContact);
     initialiseEventHandler(btnNavContact, flagInitialised, function() {
         btnNavContact.on("click", function(event) {