diff --git a/index.html b/index.html
index 87ba1ba..d9c2d32 100644
--- a/index.html
+++ b/index.html
@@ -546,6 +546,31 @@ <h4 class="card-title">Vedant Tapkir</h4>
                 </div>
             </div>
 
+            <div class="col-xs-12 col-sm-6 col-md-4">
+                <div class="image-flip" >
+                    <div class="mainflip flip-0">
+                        <div class="frontside">
+                            <div class="card">
+                                <div class="card-body text-center">
+                                    <p><img class=" img-fluid" src="https://avatars.githubusercontent.com/u/212070413?v=4&size=64" alt="card image"></p>
+                                    <h4 class="card-title">SStreak</h4>
+                                    <p class="card-text-morse">..  <br> ._..  ___ ..._ . <br>  _._. ___ _.. .</p>
+                                    <a href="https://github.com/Octaflick" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="backside">
+                            <div class="card">
+                                <div class="card-body text-center mt-4">
+                                    <h4 class="card-title">SStreak</h4>
+                                    <p class="card-text">._..  ___ ..._ . <br> . ..._ . ._. _.__ ___ _. . <br> _.. ___ _. _ <br> ... ._ _ . <br> ___ _. <br> ._ _. _.__ ___ _. . <br><br> Decode this ya'll <br> have fun</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
             <!-- scroll up button -->
     <button onclick="topFunction()" id="scrollupBtn">^</button>
 
@@ -554,7 +579,10 @@ <h4 class="card-title">Vedant Tapkir</h4>
                           
                                     <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
                                     <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
-                                    
+       
+<footer>
+    
+</footer>
 </body>
 
 </html>
diff --git a/style.css b/style.css
index 7a7cec8..0ec0109 100644
--- a/style.css
+++ b/style.css
@@ -351,6 +351,15 @@ section .section-title:hover::after {
   margin-bottom: 1rem;
 }
 
+.card-text-morse {
+  color: var(--text-secondary);
+  text-shadow: 0 0 2px var(--primary-color);
+  font-size: 1rem;
+  line-height: 1;
+  margin-top: -1rem;
+  margin-bottom: 1rem;
+}
+
 /* ===================================
    SOCIAL ICONS
    =================================== */