Update index.html

Author: IMDANIELAUSTIN

index.html

@@ -136,7 +136,50 @@ <h1>THE BITCOIN LAYER INTERNSHIP</h1>
                 </div>
             </div>
         </div>
+<div class="tile">
+            <a href="#Snapchat"><img src="/images/Snapchat Tile Cover.png" alt="Snap Design Academy"></a>
+            <div id="Sole Folks" class="modal">
+                <div class="modal__content">
+                    <h1>Snap Design Academy Product Design</h1>
+                    <p>
+                    You can use the :target pseudo-class to create a modals with Zero JavaScript. Enjoy!
+                    </p>
+                    <div class="gallery">
+                        <img src="/images/Snap Tile Cover.png" alt="Sole Folks" class="gallery-item">
+                        <img src="/images/Snap Tile Cover.png" alt="Sole Folks" class="gallery-item">
+                        <img src="/images/Snap Tile Cover.png" alt="Sole Folks" class="gallery-item">
+                        <div id="lightbox" class="lightbox">
+                            <span class="close">×</span>
+                            <img class="lightbox-content" id="lightbox-img">
+                            <div class="caption" id="caption"></div>
+                            <a class="prev">❮</a>
+                            <a class="next">❯</a>
+                        </div>
+                    </div>
+                    <p>
+                    You can use the :target pseudo-class to create a modals with Zero JavaScript. Enjoy!
+                    </p>
+                    <div class="gallery">
+                        <img src="/images/Snap Tile Cover.png" alt="Sole Folks" class="gallery-item">
+                        <img src="/images/Snap Tile Cover.png" alt="Sole Folks" class="gallery-item">
+                        <img src="/images/Snap Tile Cover.png" alt="Sole Folks" class="gallery-item">
+                        <div id="lightbox" class="lightbox">
+                            <span class="close">×</span>
+                            <img class="lightbox-content" id="lightbox-img">
+                            <div class="caption" id="caption"></div>
+                            <a class="prev">❮</a>
+                            <a class="next">❯</a>
+                        </div>
+                    </div>
+                    <div class="modal__footer">
+                    </div>
 
+                    <a href="#" class="modal__close">×</a>
+                                        <a href="#" class="modal__close">×</a>
+                    <button style="padding-bottom: 16px !important; padding-top: 16px !important; margin-bottom: 8px !important; bottom: 16px !important; margin-top: 8px !important; margin-right: 8px !important;" id="myBtn" title="Back to Top">Back to Top</button>
+                </div>
+            </div>
+        </div>
         <div class="tile">
             <a href="#Sole Folks"><img src="/images/Sole Folks Tile Cover.png" alt="Sole Folks"></a>
             <div id="Sole Folks" class="modal">