diff --git a/index.html b/index.html
index c0418aa..77c33a3 100644
--- a/index.html
+++ b/index.html
@@ -108,6 +108,54 @@
             </div>
         </div>
     </section>
+    <section style="background: rgb(39,38,46);">
+        <div class="container bg-dark py-5" style="background: rgb(39, 38, 46);">
+            <div class="row">
+                <div class="col-md-8 col-xl-6 text-center mx-auto">
+                    <p class="fw-bold text-success mb-2">Features</p>
+                </div>
+            </div>
+            <div class="py-5 p-lg-5">
+                <div class="row row-cols-1 row-cols-md-1 mx-auto" style="max-width: 900px;">
+                    <div class="col mb-5">
+                        <div class="card shadow-sm">
+                            <div class="card-body px-4 py-5 px-md-5">
+                                <p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Portfolio</p><img src="https://github.com/Nathanwoodburn/FireWallet/raw/master/assets/portfolio.png" width="100%" alt="Portfolio Page">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col mb-5">
+                        <div class="card shadow-sm">
+                            <div class="card-body px-4 py-5 px-md-5">
+                                <p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Sending HNS</p><img src="https://github.com/Nathanwoodburn/FireWallet/raw/master/assets/send_hns.png" width="100%" alt="Send HNS Page">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col mb-5">
+                        <div class="card shadow-sm">
+                            <div class="card-body px-4 py-5 px-md-5">
+                                <p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Receive HNS and Domains</p><img src="https://github.com/Nathanwoodburn/FireWallet/raw/master/assets/receive.png" width="100%" alt="Receive Page">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col mb-5">
+                        <div class="card shadow-sm">
+                            <div class="card-body px-4 py-5 px-md-5">
+                                <p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Domain DNS Editing</p><img src="https://github.com/Nathanwoodburn/FireWallet/raw/master/assets/dns.png" width="100%" alt="DNS Edit Page">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col mb-5">
+                        <div class="card shadow-sm">
+                            <div class="card-body px-4 py-5 px-md-5">
+                                <p style="color: rgb(25,245,170);font-size: 20px;text-align: center;">Batching</p><img src="https://github.com/Nathanwoodburn/FireWallet/raw/master/assets/batch.png" width="100%" alt="Bacth Page">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
     <section>
         <div class="container py-5">
             <div class="mx-auto" style="max-width: 900px;">