add updated services page

fix random bugs

careers.html

@@ -58,6 +58,14 @@
           </div>
         </div>
       </div>
+      <div class="flex-column bg-vid">
+        <div>
+          <h1>web dev</h1>
+          <div class="flex-row">
+            <a class="button-1" role="button" href="/web-dev">learn more</a>
+          </div>
+        </div>
+      </div>
     </main>
     <div id="message"></div>
     <footer id="footer"></footer>

components/footer.html

@@ -32,7 +32,7 @@
   </div>
   <div class="flex-container">
     <h3>resources</h3>
-    <a href="https://shilohcode.com/getinvolved">get involved</a>
+    <a href="https://shilohcode.com/get-involved">get involved</a>
     <a href="https://githaven.org/Shiloh">contribute</a>
     <a href="/contact">report abuse</a>
   </div>

index.html

@@ -66,6 +66,20 @@
           />
         </video>
       </div>
+      <div class="flex-column bg-vid">
+        <div>
+          <h1>services</h1>
+          <div class="flex-row">
+            <a class="button-1" role="button" href="/services">Learn More</a>
+          </div>
+        </div>
+        <video autoplay loop muted poster="/assets/services.png">
+          <source
+            src="https://cdn.lasthourhosting.org/shiloh/services.webm"
+            type="video/webm"
+          />
+        </video>
+      </div>
       <div class="flex-column bg-vid">
         <div>
           <h2>the unveil series</h2>

services.html

@@ -48,42 +48,135 @@
       <div class="flex-column bg-vid">
         <div>
           <h1>services</h1>
-          <div class="flex-row"></div>
+          <div class="flex-row">
+            <p>
+              we do managed IT, web-hosting, development, support, security, and
+              communication solutions, to help businesses fully own their
+              technology.
+            </p>
+          </div>
+          <div class="flex-row">
+            <a class="button-1" role="button" href="#webhosting">Web-Hosting</a>
+            <a class="button-1" role="button" href="#it">Managed IT</a>
+            <a class="button-1" role="button" href="#software"
+              >Software Development</a
+            >
+          </div>
+        </div>
+        <video autoplay loop muted poster="/assets/services.png">
+          <source
+            src="https://cdn.lasthourhosting.org/shiloh/services.webm"
+            type="video/webm"
+          />
+        </video>
+      </div>
+
+      <div class="flex-column">
+        <div>
+          <h3>we designed solutions for 97+ companies including:</h3>
+          <div>
+            <img
+              src="./assets/Answers_in_Genesis_logo.png"
+              alt="Answers in Genesis"
+              width="300px"
+            />
+            <img
+              src="./assets/GOProject_Web.png"
+              alt="Global Orphan Project"
+              width="300px"
+            />
+            <img
+              src="./assets/Biglife_logo.png"
+              alt="Christian Cinema"
+              width="300px"
+            />
+          </div>
+          <h3>trained 85+ teams</h3>
+          <h3>handled 50+ migrations</h3>
+          <h3>reduced monthly costs by over 39%</h3>
+          <h3>with experience in:</h3>
+          <p>
+            containerization, decentralization, UI/UX design, hypervisors,
+            groupware, programming frameworks, e-commerce, API, R&D, billing
+            software, e-commerce, marketing automation, VOIP and PBX, mail
+            servers, ethernet cabling, security cameras, tech debt, security,
+            cost auditing.
+          </p>
         </div>
       </div>
-      <div class="flex-column bg-vid">
+      <div id="webhosting" class="flex-column bg-vid">
         <div>
-          <h2>lasthourhosting.org</h2>
+          <img
+            src="./assets/last_hour_hosting_logo_blue.png"
+            alt="last hour hosting logo"
+          />
+          <h3>start at $2.91/mo.</h3>
+          <p>managed websites, hosting, and cloud services.</p>
           <div class="flex-row">
             <a class="button-1" role="button" href="https://lasthourhosting.org"
-              >learn more</a
+              >Host With Us</a
             >
           </div>
+          <video autoplay loop muted poster="/assets/lasthour.png">
+            <source
+              src="https://cdn.lasthourhosting.org/shiloh/lasthour.webm"
+              type="video/webm"
+            />
+          </video>
         </div>
       </div>
-      <div class="flex-column bg-vid">
+      <div id="it" class="flex-column bg-vid">
         <div>
-          <h2>githaven.org</h2>
-          <div class="flex-row">
-            <a class="button-1" role="button" href="https://githaven.org"
-              >join</a
-            >
-          </div>
+          <h2>managed IT</h2>
+          <p>
+            remote or on-site our managed IT provides you with proactive, expert
+            care. reduce overhead costs with open-source and a solution you
+            fully own.
+          </p>
+          <video autoplay loop muted poster="/assets/managed-it.png">
+            <source
+              src="https://cdn.lasthourhosting.org/shiloh/managed-it.webm"
+              type="video/webm"
+            />
+          </video>
         </div>
       </div>
-      <div class="flex-column bg-vid">
-        <div>
-          <h2>remnant.chat</h2>
-          <div class="flex-row">
-            <a class="button-1" role="button" href="https://remnant.chat/"
-              >join</a
-            >
+      <div id="software" class="flex-column">
+        <h2>full-stack dev</h2>
+        <p>
+          enjoy greater flexibility, lower costs, security, and community-driven
+          innovation, all while aligning with Christian values.
+        </p>
+
+        <div class="flex-row">
+          <div>
+            <img
+              src="./assets/prestashop_logo.png"
+              alt="Prestashop Logo"
+              width="300px"
+            />
+            <img
+              src="./assets/ERPnext_logo.png"
+              alt="ERPnext Logo"
+              width="300px"
+            />
+            <img
+              src="./assets/Nextcloud_Logo.png"
+              alt="Nextcloud Logo"
+              width="300px"
+            />
+            <img
+              src="./assets/WordPress-logotype-alternative.png"
+              alt="Nextcloud Logo"
+              width="300px"
+            />
+            <img src="./assets/linux-logo.png" alt="Linux Logo" width="200px" />
           </div>
         </div>
       </div>
       <div class="flex-column bg-vid-main">
         <div>
-          <h2>work inquiries</h2>
+          <h1>contact us</h1>
           <div class="flex-row">
             <div class="flex-container">
               <a