diff --git a/images/Projects/1.png b/images/Projects/1.png
new file mode 100644
index 0000000..d06f238
Binary files /dev/null and b/images/Projects/1.png differ
diff --git a/images/Projects/2.png b/images/Projects/2.png
new file mode 100644
index 0000000..1b8b009
Binary files /dev/null and b/images/Projects/2.png differ
diff --git a/images/Projects/3.png b/images/Projects/3.png
new file mode 100644
index 0000000..10b9ef7
Binary files /dev/null and b/images/Projects/3.png differ
diff --git a/images/Projects/4.png b/images/Projects/4.png
new file mode 100644
index 0000000..5d0e315
Binary files /dev/null and b/images/Projects/4.png differ
diff --git a/images/Projects/5.png b/images/Projects/5.png
new file mode 100644
index 0000000..af1edf2
Binary files /dev/null and b/images/Projects/5.png differ
diff --git a/images/Projects/6.png b/images/Projects/6.png
new file mode 100644
index 0000000..e2404f3
Binary files /dev/null and b/images/Projects/6.png differ
diff --git a/index.html b/index.html
index 06bf515..527d45b 100644
--- a/index.html
+++ b/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>
\ No newline at end of file
diff --git a/style.css b/style.css
index f58894e..faa3c37 100644
--- a/style.css
+++ b/style.css
@@ -160,7 +160,6 @@ span img {
 /* ------------------------------------BIF-TEXT----------------------------------------- */
 
 .container {
-
 }
 .big-text {
     padding: 50px 0;
@@ -239,4 +238,34 @@ 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;
 }
\ No newline at end of file