diff --git a/assets/images/bottom-card-01.png b/assets/images/bottom-card-01.png
new file mode 100644
index 0000000..7cd0f0f
Binary files /dev/null and b/assets/images/bottom-card-01.png differ
diff --git a/assets/images/bottom-card-02.png b/assets/images/bottom-card-02.png
new file mode 100644
index 0000000..17999e1
Binary files /dev/null and b/assets/images/bottom-card-02.png differ
diff --git a/assets/images/bottom-card-03.png b/assets/images/bottom-card-03.png
new file mode 100644
index 0000000..6dff7a4
Binary files /dev/null and b/assets/images/bottom-card-03.png differ
diff --git a/assets/images/bottom-card-04.png b/assets/images/bottom-card-04.png
new file mode 100644
index 0000000..2edf5fb
Binary files /dev/null and b/assets/images/bottom-card-04.png differ
diff --git a/assets/styles/main.css b/assets/styles/main.css
index 4b74738..1923b35 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -104,4 +104,32 @@ body{
 
 .mid-banner-image{
    width: 100%;
+}
+
+.bottom-cards{   
+    display: grid;
+    grid-template-columns: repeat(4, 23%);
+    gap: 16px;
+    justify-content: center;
+    padding: 0 0 108px;
+}
+
+.bottom-card{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background: #FFFFFF;
+    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);
+}
+
+.bottom-card-image{
+    display: block;
+    padding: 36px 164px 0;
+}
+
+.bottom-card-description{
+    font-size: 16px;
+    line-height: 24px;
+    text-align: center;
+    padding: 16px 32px 66px;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index f378eeb..a8efec2 100644
--- a/index.html
+++ b/index.html
@@ -39,7 +39,7 @@
 
         <section class="top-cards">
            <div class="top-card">
-               <img class="top-card-image" src="./assets/images/top-card-01.png" alt="Image 1" />
+               <img class="top-card-image" src="./assets/images/top-card-01.png" alt="Top Image 1" />
                
                <p class="top-card-description" >
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
@@ -48,7 +48,7 @@
            </div>
 
            <div class="top-card">
-               <img class="top-card-image" src="./assets/images/top-card-02.png" alt="Image 2" />
+               <img class="top-card-image" src="./assets/images/top-card-02.png" alt="Top Image 2" />
 
                <p class="top-card-description" >
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
@@ -57,7 +57,7 @@
            </div>
 
            <div class="top-card">
-               <img class="top-card-image" src="./assets/images/top-card-03.png" alt="Image 3" />
+               <img class="top-card-image" src="./assets/images/top-card-03.png" alt="Top Image 3" />
 
                <p class="top-card-description" >
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
@@ -82,6 +82,41 @@
             </div>
         </div>
 
+        <section class="bottom-cards">
+            <div class="bottom-card">
+                <img class="bottom-card-image" src="./assets/images/bottom-card-01.png" alt="Bottom Image 1" />
+
+                <p class="bottom-card-description">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
+                </p>
+            </div>
+
+            <div class="bottom-card">
+                <img class="bottom-card-image" src="./assets/images/bottom-card-02.png" alt="Bottom Image 2" />
+
+                <p class="bottom-card-description">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
+                </p>
+            </div>
+
+            <div class="bottom-card">
+                <img class="bottom-card-image" src="./assets/images/bottom-card-03.png" alt="Bottom Image 3" />
+
+                <p class="bottom-card-description">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
+                </p>
+            </div>
+
+            <div class="bottom-card">
+                <img class="bottom-card-image" src="./assets/images/bottom-card-04.png" alt="Bottom Image 4" />
+
+                <p class="bottom-card-description">
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
+                </p>
+            </div>
+
+        </section>
+
        </main>
 
     </body>