rebuilding site Mon Sep 9 09:11:32 AM UTC 2024

DAXGRID · Sep 9, 2024 · 6e577b2 · 6e577b2
1 parent b8cd69d
commit 6e577b2
Show file tree

Hide file tree

Showing 4 changed files with 114 additions and 0 deletions.
diff --git a/en/index.html b/en/index.html
@@ -187,5 +187,16 @@ <h3>Customer three reference title</h3>
         </div>
     </section>
     <!-- End customer section -->
+
+    <!-- Start call to action section -->
+    <section class="call-to-action-section">
+      <div class="call-to-action-container">
+        <div class="call-to-action-body">
+          <h2>Call to action title</h2>
+          <p>Call to action body text</p>
+        </div>
+      </div>
+    </section>
+    <!-- End call to action section -->
   </body>
 </html>
diff --git a/en/styles.css b/en/styles.css
@@ -467,6 +467,47 @@ body {
 
 /* End customer section */
 
+/* Start call to action section */
+.call-to-action-section {
+    background-color: var(--white-primary);
+    display: flex;
+    justify-content: center;
+    align-content: center;
+    padding: 100px 30px;
+    height: 600px;
+}
+
+.call-to-action-container {
+    max-width: 1150px;
+    background-color: var(--purple-primary);
+    padding: 30px;
+    width: 100%;
+    border-radius: 30px;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+}
+
+.call-to-action-body {
+    max-width: 600px;
+    color: var(--white-primary);
+    display: flex;
+    flex-wrap: wrap;
+    text-align: center;
+    align-content: center;
+    justify-content: center;
+    gap: 25px;
+}
+
+.call-to-action-body > h2 {
+    flex-basis: 100%;
+}
+
+.call-to-action-body > p {
+    flex-basis: 100%;
+}
+
+/* End call to action section */
 
 @media (max-width: 1200px) {
     h1 {
@@ -583,4 +624,9 @@ body {
     .customer-reference-case {
         flex-basis: 100%;
     }
+
+    .call-to-action-section {
+        padding: 50px 30px;
+        height: auto;
+    }
 }
diff --git a/index.html b/index.html
@@ -187,5 +187,16 @@ <h3>Customer three reference title</h3>
         </div>
     </section>
     <!-- End customer section -->
+
+    <!-- Start call to action section -->
+    <section class="call-to-action-section">
+      <div class="call-to-action-container">
+        <div class="call-to-action-body">
+          <h2>Call to action title</h2>
+          <p>Call to action body text</p>
+        </div>
+      </div>
+    </section>
+    <!-- End call to action section -->
   </body>
 </html>
diff --git a/styles.css b/styles.css
@@ -467,6 +467,47 @@ body {
 
 /* End customer section */
 
+/* Start call to action section */
+.call-to-action-section {
+    background-color: var(--white-primary);
+    display: flex;
+    justify-content: center;
+    align-content: center;
+    padding: 100px 30px;
+    height: 600px;
+}
+
+.call-to-action-container {
+    max-width: 1150px;
+    background-color: var(--purple-primary);
+    padding: 30px;
+    width: 100%;
+    border-radius: 30px;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+}
+
+.call-to-action-body {
+    max-width: 600px;
+    color: var(--white-primary);
+    display: flex;
+    flex-wrap: wrap;
+    text-align: center;
+    align-content: center;
+    justify-content: center;
+    gap: 25px;
+}
+
+.call-to-action-body > h2 {
+    flex-basis: 100%;
+}
+
+.call-to-action-body > p {
+    flex-basis: 100%;
+}
+
+/* End call to action section */
 
 @media (max-width: 1200px) {
     h1 {
@@ -583,4 +624,9 @@ body {
     .customer-reference-case {
         flex-basis: 100%;
     }
+
+    .call-to-action-section {
+        padding: 50px 30px;
+        height: auto;
+    }
 }