Merge pull request #106 from derangeddk/revops-services

Code improvements base on Anders's feedback

_layouts/services.html

@@ -59,19 +59,19 @@ <h1><a href="/revops#services">RevOps services</a></h1>
     text-align: left;
   }
 
-  main .header-overlay,
-  main .header-image {
+  .header-overlay,
+  .header-image {
     height: 300px;
     width: calc(100vw - 115px);
     max-width: 1200px;
   }
-  main .header-overlay {
+  .header-overlay {
     position: absolute;
     overflow: hidden;
     background-color: #ecf0f1;
     opacity: 0.5;
   }
-  main .header-image {
+  .header-image {
     object-fit: cover;
     -webkit-filter: blur(1px);
     filter: blur(2px);
@@ -86,25 +86,25 @@ <h1><a href="/revops#services">RevOps services</a></h1>
     font-weight: bold;
     z-index: 1;
   }
-  main .flex-row {
+  .flex-row {
     display: flex;
     width: 100%;
     justify-content: center;
     padding-top: 1.5em;
   }
-  main .section-top {
+  .section-top {
     display: flex;
     align-items: center;
     width: 1000px;
     margin-top: 0;
     padding-top: 1em;
   }
-  main .section-top img {
+  .section-top img {
     max-height: 300px;
     max-width: 600px;
     padding-right: 2em;
   }
-  main section > .h2-wrapper {
+  .h2-wrapper {
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -119,7 +119,7 @@ <h1><a href="/revops#services">RevOps services</a></h1>
     color: #2c3e50;
     z-index: 2;
   }
-  main section .h2-icon {
+  .h2-icon {
     background: #2c3e50;
     background-image: linear-gradient(40deg, #2c3e50 30%, #455d75 90%);
     border-radius: 100%;
@@ -136,7 +136,7 @@ <h1><a href="/revops#services">RevOps services</a></h1>
     padding-bottom: 1em;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
   }
-  main img.side-image {
+  img.side-image {
     object-fit: contain;
     width: 40vw;
     max-width: 650px;
@@ -159,7 +159,7 @@ <h1><a href="/revops#services">RevOps services</a></h1>
   .contact .side-explanation {
     padding: 15px;
   }
-  main p.sidenote {
+  p.sidenote {
     color: white;
     background-image: linear-gradient(40deg, #2c3e50 30%, #455d75 90%);
     font-size: 1.1em;
@@ -176,25 +176,25 @@ <h1><a href="/revops#services">RevOps services</a></h1>
     main section {
       margin-left: 0;
     }
-    main .header-overlay,
-    main .header-image {
+    .header-overlay,
+    .header-image {
       width: 100vw;
     }
-    main .header-overlay {
+    .header-overlay {
       margin-left: -15px;
     }
-    main .section-top {
+    .section-top {
       flex-wrap: wrap;
       justify-content: center;
     }
-    main .section-top img {
+    .section-top img {
       padding-right: 0;
     }
-    main .flex-row {
+    .flex-row {
       flex-wrap: wrap;
       padding-top: 1em;
     }
-    main img.side-image {
+    img.side-image {
       order: 2;
       padding: 1em;
       height: 300px;
@@ -210,14 +210,11 @@ <h1><a href="/revops#services">RevOps services</a></h1>
       font-size: 3.5em;
       margin: 1em;
     }
-    main h1 br {
-      display: none;
-    }
-    main .header-overlay,
-    main .header-image {
+    .header-overlay,
+    .header-image {
       height: 240px;
     }
-    main .section-top img {
+    .section-top img {
       max-height: 200px;
       max-width: 400px;
     }
@@ -230,14 +227,14 @@ <h1><a href="/revops#services">RevOps services</a></h1>
     main h1 {
       font-size: 2.5em;
     }
-    main .header-overlay,
-    main .header-image {
+    .header-overlay,
+    .header-image {
       display: none;
     }
-    main .section-top img {
+    .section-top img {
       max-width: 400px;
     }
-    main section .h2-icon {
+    .h2-icon {
       width: 40px;
       height: 40px;
       padding: 5px;
@@ -247,7 +244,7 @@ <h1><a href="/revops#services">RevOps services</a></h1>
     main {
       font-size: 1.1em;
     }
-    main .section-top img {
+    .section-top img {
       max-width: 200px;
     }
   }
@@ -266,7 +263,7 @@ <h1>{{ page.title }}</h1>
   </div>
   <div class="flex-row">
     <section class="section-top">
-      <img src="{{ page.icon }}" alt="{{ page.alt }}" />
+      <img src="{{ page.icon }}" alt="" />
       <div>{{ page.top-section }}</div>
     </section>
   </div>

_services/automation.html

@@ -3,7 +3,6 @@
 name: automation
 title: Automation services
 icon: "/img/RevOps.svg"
-alt: "burning stopwatch"
 meta: "Unlock your business's potential with tailored automation. We streamline operations using HubSpot, Pipedrive, Zapier, and AI, driving revenue growth while reducing manual tasks efficiently."
 excerpt: "Unlock tailored business process automation strategies to help your business drive sustainable growth through the power of automation. We work with you to identify bottlenecks and resolve them using powerful automation tools like HubSpot, Pipedrive and Zapier."
 header-img: "/img/blank-notepad.jpg"
@@ -14,7 +13,7 @@
 <div class="flex-row">
   <section>
     <div class="h2-wrapper">
-      <img src="/img/build-icon.svg" class="h2-icon" />
+      <img src="/img/build-icon.svg" class="h2-icon" alt="" />
       <h2>Our Services</h2>
     </div>
     <p>
@@ -47,14 +46,14 @@ <h2>Our Services</h2>
       valuable time and resources.
     </p>
   </section>
-  <img class="side-image" src="/img/meeting-room-original.jpg" />
+  <img class="side-image" src="/img/meeting-room-original.jpg" alt="" />
 </div>
 
 <div class="flex-row">
-  <img class="side-image" src="/img/business-man-away.jpg" />
+  <img class="side-image" src="/img/business-man-away.jpg" alt="" />
   <section>
     <div class="h2-wrapper">
-      <img src="/img/explore-icon.svg" class="h2-icon" />
+      <img src="/img/explore-icon.svg" class="h2-icon" alt="" />
       <h2>Why choose us</h2>
     </div>
     <p>

_services/coo.html

@@ -3,7 +3,6 @@
 name: coo
 title: Fractional COO
 icon: "/img/Fractional.svg"
-alt: "glowing pizza slice fitting into the missing space on a pizza"
 meta: "Unlock growth with Fractional COO services. We improve operations, manage costs, and drive efficiency. Access expert leadership for startups and scaleups."
 excerpt: "Reduce startup costs or maintain continuity by hiring a fractional executive. Whether you need to improve processes, manage specific projects, or oversee daily operations, we bring the expertise to ensure your business runs smoothly and efficiently."
 header-img: "img/business-man-wakling-early.jpg"
@@ -14,7 +13,7 @@
 <div class="flex-row">
   <section>
     <div class="h2-wrapper">
-      <img src="/img/build-icon.svg" class="h2-icon" />
+      <img src="/img/build-icon.svg" class="h2-icon" alt="" />
       <h2>Our Services</h2>
     </div>
     <p>
@@ -36,11 +35,12 @@ <h2>Our Services</h2>
   <img
     class="side-image"
     src="/img/ruthson-zimmerman-Ws4wd-vJ9M0-unsplash.jpg"
+    alt=""
   />
 </div>
 
 <div class="flex-row">
-  <img class="side-image" src="/img/business-man-away.jpg" />
+  <img class="side-image" src="/img/business-man-away.jpg" alt="" />
   <section>
     <div class="h2-wrapper">
       <img src="/img/explore-icon.svg" class="h2-icon" />

_services/hubspot.html

@@ -5,8 +5,7 @@
 category: "HubSpot"
 color: "#ff5c35"
 custom-form: true
-icon: "/img/HubSpot Solutions Partner Provider deranged denmark.png"
-alt: "official hubspot partner logo"
+icon: "/img/HubSpot-Solutions-Partner-Provider-deranged-denmark.png"
 meta: "Official HubSpot Solution Providers offering onboarding, CRM, Marketing & Service Hub setup in English & Danish. Integrate and automate your tech stack with HubSpot."
 excerpt: "Our partnerships with HubSpot means we can guide you and your team through the decision making process through setup and onboarding, alongside helping you define your team's sales process."
 header-img: "img/empty-office.jpg"
@@ -38,7 +37,7 @@
 <div class="flex-row">
   <section>
     <div class="h2-wrapper">
-      <img src="/img/build-icon.svg" class="h2-icon" />
+      <img src="/img/build-icon.svg" class="h2-icon" alt="" />
       <h2>Our Services</h2>
     </div>
     <p>We offer the following services in both English & Danish:</p>
@@ -60,14 +59,18 @@ <h2>Our Services</h2>
       professional support
     </p>
   </section>
-  <img class="side-image" src="/img/hubspot logo pages.png" />
+  <img class="side-image" src="/img/hubspot-logo-pages.png" alt="" />
 </div>
 
 <div class="flex-row">
-  <img class="side-image" src="/img/Create a New Pipeline in HubSpot.jpg" />
+  <img
+    class="side-image"
+    src="/img/Create-a-New-Pipeline-in-HubSpot.jpg"
+    alt=""
+  />
   <section>
     <div class="h2-wrapper">
-      <img src="/img/explore-icon.svg" class="h2-icon" />
+      <img src="/img/explore-icon.svg" class="h2-icon" alt="" />
       <h2>Why Choose HubSpot</h2>
     </div>
     <p>
@@ -90,7 +93,7 @@ <h2>Why Choose HubSpot</h2>
 <div class="flex-row">
   <section>
     <div class="h2-wrapper">
-      <img src="/img/extension-icon.svg" class="h2-icon" />
+      <img src="/img/extension-icon.svg" class="h2-icon" alt="" />
       <h2>HubSpot Features</h2>
     </div>
     <p>
@@ -144,7 +147,7 @@ <h2>HubSpot Features</h2>
       >
     </p>
   </section>
-  <img class="side-image" src="/img/Create Automations in HubSpot.jpg" />
+  <img class="side-image" src="/img/Create-Automations-in-HubSpot.jpg" alt="" />
 </div>
 
 <section class="contact">

_services/pipedrive.html

@@ -5,8 +5,7 @@
 category: "Pipedrive"
 color: "#017737"
 custom-form: true
-icon: "/img/Pipedrive Premier Partner Denmark deranged.png"
-alt: "official pipedrive premier partner logo"
+icon: "/img/Pipedrive-Premier-Partner-Denmark-deranged.png"
 meta: "Premier Pipedrive Solution Providers. We offer onboarding, CRM setup, automation, and support in English & Danish, to optimize Pipedrive for your business."
 excerpt: "We are here to support your Pipedrive journey with expert implementation, onboarding and sales process optimisation. Our partnership with Pipedrive allows us to guide your team through every step - from decision making to set up. We drive your success with Pipedrive."
 header-img: "img/entrepreneur-on-sofa.jpg"
@@ -46,7 +45,7 @@
 <div class="flex-row">
   <section>
     <div class="h2-wrapper">
-      <img src="/img/build-icon.svg" class="h2-icon" />
+      <img src="/img/build-icon.svg" class="h2-icon" alt="" />
       <h2>Our Services</h2>
     </div>
     <p>We offer the following services in both English & Danish:</p>
@@ -71,14 +70,14 @@ <h2>Our Services</h2>
       suit your organization's needs.
     </p>
   </section>
-  <img class="side-image" src="/img/Pipedrive logo pages.png" />
+  <img class="side-image" src="/img/Pipedrive-logo-pages.png" alt="" />
 </div>
 
 <div class="flex-row">
-  <img class="side-image" src="/img/Pipedrive add new Pipeline.jpg" />
+  <img class="side-image" src="/img/Pipedrive-add-new-Pipeline.jpg" alt="" />
   <section>
     <div class="h2-wrapper">
-      <img src="/img/explore-icon.svg" class="h2-icon" />
+      <img src="/img/explore-icon.svg" class="h2-icon" alt="" />
       <h2>Why Choose Pipedrive</h2>
     </div>
     <p>
@@ -105,7 +104,7 @@ <h2>Why Choose Pipedrive</h2>
 <div class="flex-row">
   <section>
     <div class="h2-wrapper">
-      <img src="/img/extension-icon.svg" class="h2-icon" />
+      <img src="/img/extension-icon.svg" class="h2-icon" alt="" />
       <h2>Pipedrive Features</h2>
     </div>
     <p>
@@ -136,7 +135,7 @@ <h2>Pipedrive Features</h2>
       with Pipedrive.
     </p>
   </section>
-  <img class="side-image" src="/img/Pipedrive Create Automation.jpg" />
+  <img class="side-image" src="/img/Pipedrive-Create-Automation.jpg" alt="" />
 </div>
 
 <section class="contact">

_services/sales-advice.html

@@ -3,7 +3,6 @@
 name: sales-advice
 title: On demand sales advice
 icon: "/img/Sales as a Service.svg"
-alt: "rocket ship flying over a sales graph"
 meta: "Boost sales with expert on-demand SAaaS. We optimize sales processes, improve lead conversion, and provide CRM advice to drive revenue growth. Flexible and cost-effective."
 excerpt: "Sales Advice as a Service provides guidance to optimise your sales strategies and drive revenue growth. Whether you need help refining your sales process or closing more deals, our bespoke advice ensures you keep winning deals without the commitment of a full-time hire."
 header-img: "img/business-man-walking.jpg"
@@ -15,7 +14,7 @@
 <div class="flex-row">
   <section>
     <div class="h2-wrapper">
-      <img src="/img/build-icon.svg" class="h2-icon" />
+      <img src="/img/build-icon.svg" class="h2-icon" alt="" />
       <h2>Our Services</h2>
     </div>
     <p>
@@ -33,14 +32,18 @@ <h2>Our Services</h2>
       <li>Sales Tech Stack Integration</li>
     </ul>
   </section>
-  <img class="side-image" src="/img/austin-distel-744oGeqpxPQ-unsplash.jpg" />
+  <img
+    class="side-image"
+    src="/img/austin-distel-744oGeqpxPQ-unsplash.jpg"
+    alt=""
+  />
 </div>
 
 <div class="flex-row">
-  <img class="side-image" src="/img/business-man-away.jpg" />
+  <img class="side-image" src="/img/business-man-away.jpg" alt="" />
   <section>
     <div class="h2-wrapper">
-      <img src="/img/explore-icon.svg" class="h2-icon" />
+      <img src="/img/explore-icon.svg" class="h2-icon" alt="" />
       <h2>Why choose us</h2>
     </div>
     <p>