oky

dmabubakkar0 · Mar 4, 2024 · 724f750 · 724f750
1 parent d6c567b
commit 724f750
Show file tree

Hide file tree

Showing 8 changed files with 165 additions and 2 deletions.
diff --git a/images/servicess img/app development.jpg b/images/servicess img/app development.jpg
diff --git a/images/servicess img/bussnies growth.jpg b/images/servicess img/bussnies growth.jpg
diff --git a/images/servicess img/desing.jpg b/images/servicess img/desing.jpg
diff --git a/images/servicess img/digital markting.jpg b/images/servicess img/digital markting.jpg
diff --git a/images/servicess img/idate.jpg b/images/servicess img/idate.jpg
diff --git a/images/servicess img/web development.jpg b/images/servicess img/web development.jpg
diff --git a/index.html b/index.html
@@ -148,6 +148,115 @@ <h4>Roadmap Strategic</h4>
 
     <!-- Our Services strat  -->
 
+<section class="section_04"><div class="container">
+<div class="services_content">
+
+<div class="services_main_text">
+  <div class="services_text">
+    <h4>Our Services</h4>
+    <p>The various services we provide to make your business more powerful</p>
+
+    </div>
+  </div>
+
+
+
+<div class="services_card_wrapper">
+
+ <div class="services_card">
+
+ </div>
+
+
+
+
+
+ <div class="services_card">
+
+ </div>
+
+
+
+
+
+
+ <div class="services_card">
+
+ </div>
+
+
+
+
+
+
+ <div class="services_card">
+
+ </div>
+
+
+
+ <div class="services_card">
+
+ </div>
+
+
+
+ <div class="services_card">
+
+ </div>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+</div>
+
+
+
+
+
+
+</div>
+
+
+
+
+
+
+
+
+
+
+
+</div></section>
 
 
 
@@ -178,7 +287,6 @@ <h4>Roadmap Strategic</h4>
 
 
 
-
 
 
 

diff --git a/style.css b/style.css
@@ -280,4 +280,59 @@ color: #FFF;
   .secend {
     margin-top: 11px;
     margin-block-end: auto;
-  }
+  }
+
+  /* Our Services strat  */
+  .section_04 {
+    background-color: #052746;
+    min-height: 1373px;
+    padding-top: 120px;
+  }
+  .services_content  {
+
+min-height: 1176px;
+border: 1px solid #a8fe3b;
+display: flex;
+ align-items: center;
+flex-direction: column;
+
+  }
+
+  .services_main_text  {
+    width: 954px;
+    height: 156px;
+
+  }
+.services_text h4 {
+font-size: 20px;
+line-height: 1.4em;
+font-weight: 600;
+color: #A8FE3B;
+  text-align: center;
+}
+.services_text p {
+  font-size: 40px;
+line-height:1.225em;
+font-weight: 600;
+color: #fff;
+letter-spacing: -1px;
+  text-align: center;
+}
+.services_card_wrapper {
+width: 1200px;
+height: 948px;
+border: 1px solid #fff;
+display: flex;
+flex-flow: row wrap;
+justify-content: center;
+align-items: center;
+gap: 28px;
+
+}
+
+.services_card {
+   width: 379px;
+   height: 453px;
+   border: 1px solid red;
+   background: #00113B;
+}