Add services boxes

index.html

@@ -63,6 +63,30 @@ <h3>We try our best, and </br> we make sure we deliver the best</h3>
          </div>      
     </div>
 
+    <div class="services container">
+        <div class="col-4">
+            <div class="img-wrap">
+                <img src="assets/icons8-consultation-64.png" alt="Consultation png">
+            </div>
+            <h1>Business Consultation</h1>
+            <p>Receive expert advice for your company and an analysis of your precise requirements by experienced business analysts.</p>
+        </div>
+        <div class="col-4">
+            <div class="img-wrap">
+                <img src="assets/icons8-software-64.png" alt="Sofware png">
+            </div>
+            <h1>Software Development</h1>
+            <p>Your future billion-dollar profits are determined by the appropriate development. Performing an action once and correctly is the key to acquiring satisfied consumers globally.</p>
+        </div>
+        <div class="col-4">
+            <div class="img-wrap">
+                <img src="assets/icons8-deployment-64.png" alt="Deployement png">
+            </div>
+            <h1>Deployment</h1>
+            <p>Our journey with our customers is focused on guiding them to a successful deployment. Even after the deployment, we are there to help and coach our satisfied customers.</p>
+        </div>
+    </div>
+
     <div class="about">
             <div class="row">
                 <div class="col-md-4 about_image">

styles.css

@@ -39,4 +39,72 @@
 }
 .welcome-outer>h6{
     margin-bottom:-5px;
-}
+}
+
+.services{
+    width: 100%;
+    height: 400px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.services .col-4{
+
+   width: 352px;
+   height: 368px;
+   margin: 50px;
+   background: #D9D9D9;
+
+
+}
+
+.services .col-4 .img-wrap{
+    position: relative;
+    width: 111px;
+    height: 111px;
+
+    left: 121px;
+    top: 28px;
+}
+
+.services .col-4 .img-wrap img{
+    width: 111px;
+    height: 111px;
+}
+
+.services .col-4 h1{
+    position: relative;
+    width: 251px;
+    height: 29px;
+    top: 50px;
+    left: 55px;
+    display:flex;
+    justify-content: center;
+
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 24px;
+    line-height: 29px;
+    color: #000000;
+}
+
+.services .col-4 p{
+    position: relative;
+    width: 303px;
+    height: 76px;
+    left: 29px;
+    top: 55px;
+    display:flex;
+    justify-content: center;
+    align-items: center;
+
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 19px;
+
+    color: #000000;
+}