our recent projects

index.html

@@ -122,6 +122,28 @@
         </div>
     </div>
 
+    <div class="wrapper">
+        <div class="container projects">
+            <h3 class="projects_h3">
+                Our Recent Projects
+            </h3>
+            <p class="projects_p">
+                Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
+            </p>
+            <div class="projects_images">
+                <img class="project_img" src="images/Projects/1.png" alt="">
+                <img class="project_img" src="images/Projects/2.png" alt="">
+                <img class="project_img" src="images/Projects/3.png" alt="">
+            </div>
+            <div class="projects_images">
+                <img class="project_img" src="images/Projects/4.png" alt="">
+                <img class="project_img" src="images/Projects/5.png" alt="">
+                <img class="project_img" src="images/Projects/6.png" alt="">
+            </div>
+            <a class="see-all" href="#">SEE ALL</a>
+        </div>
+    </div>
+
     <script src="main.js"></script>
 </body>
 </html>

style.css

@@ -160,7 +160,6 @@ span img {
 /* ------------------------------------BIF-TEXT----------------------------------------- */
 
 .container {
-
 }
 .big-text {
     padding: 50px 0;
@@ -240,3 +239,33 @@ span img {
 .img_block {
     margin-top: 15px;
 }
+
+/* ----------------------------PROJECTS--------------------------------- */
+
+.container {
+}
+.projects {
+    padding: 100px 0;
+}
+.projects_h3 {
+    font-size: 30px;
+    text-align: center;
+}
+.projects_p {
+    text-align: center;
+    margin: 40px 0;
+}
+.projects_images {
+    display: flex;
+    justify-content: space-around;
+    margin-bottom: 25px;
+}
+.project_img {
+}
+.projects .see-all {
+    float: none;
+    width: 100px;
+    text-align: center;
+    margin: 0 auto;
+    white-space: nowrap;
+}