diff --git a/src/dist/img/project-3-cover.png b/src/dist/img/project-3-cover.png
index 46b0ffe..09bed55 100644
Binary files a/src/dist/img/project-3-cover.png and b/src/dist/img/project-3-cover.png differ
diff --git a/src/dist/img/project-4-cover.png b/src/dist/img/project-4-cover.png
index baa81d1..8fca006 100644
Binary files a/src/dist/img/project-4-cover.png and b/src/dist/img/project-4-cover.png differ
diff --git a/src/dist/index.html b/src/dist/index.html
index ad9e7a7..5120fc3 100644
--- a/src/dist/index.html
+++ b/src/dist/index.html
@@ -136,7 +136,7 @@
                 <p class="title">Project</p>
                 <p class="subtitle">Client</p>
                 <figure class="image is-4by3">
-                  <img src="img/project-2-cover.png">
+                  <img class="modal-trigger" data-target="project-2-modal" src="img/project-2-cover.png">
                 </figure>
               </article>
             </div>
@@ -146,7 +146,7 @@
                 <p class="title">Project</p>
                 <p class="subtitle">Client</p>
                 <figure class="image is-4by3">
-                  <img src="img/project-3-cover.png">
+                  <img class="modal-trigger" data-target="project-3-modal" src="img/project-3-cover.png">
                 </figure>
               </article>
             </div>
@@ -161,7 +161,7 @@
                 <p class="title">Project</p>
                 <p class="subtitle">Client</p>
                 <figure class="image is-4by3">
-                  <img src="img/project-4-cover.png">
+                  <img class="modal-trigger" data-target="project-4-modal" src="img/project-4-cover.png">
                 </figure>
               </article>
             </div>
@@ -171,7 +171,7 @@
                 <p class="title">Project</p>
                 <p class="subtitle">Client</p>
                 <figure class="image is-4by3">
-                  <img src="img/project-5-cover.png">
+                  <img class="modal-trigger" data-target="project-5-modal" src="img/project-5-cover.png">
                 </figure>
               </article>
             </div>
@@ -181,7 +181,7 @@
                 <p class="title">Project</p>
                 <p class="subtitle">Client</p>
                 <figure class="image is-4by3">
-                  <img src="img/project-6-cover.png">
+                  <img class="modal-trigger" data-target="project-6-modal" src="img/project-6-cover.png">
                 </figure>
               </article>
             </div>
@@ -191,6 +191,7 @@
     </div>
   </section>
 
+  <!-- Modals -->
   <div id="project-1-modal" class="modal">
     <div class="modal-background"></div>
     <div class="modal-card">
@@ -200,7 +201,7 @@
       </header>
       <section class="modal-card-body">
         <p class="image is-3by2">
-          <img src="https://bulma.io/images/placeholders/600x480.png" alt="">
+          <img src="img/project-1-cover.png" alt="">
         </p>
 
         <div class="content">
@@ -223,6 +224,168 @@
     </div>
   </div>
 
+  <div id="project-2-modal" class="modal">
+      <div class="modal-background"></div>
+      <div class="modal-card">
+        <header class="modal-card-head">
+          <p class="modal-card-title">Project title</p>
+          <button class="delete" aria-label="close"></button>
+        </header>
+        <section class="modal-card-body">
+          <p class="image is-3by2">
+            <img src="img/project-2-cover.png" alt="">
+          </p>
+  
+          <div class="content">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+            magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+            consequat.
+          </div>
+  
+          <div class="tags">
+            <span class="tag">angular</span>
+            <span class="tag">mongo</span>
+            <span class="tag">typscript</span>
+            <span class="tag">node</span>
+          </div>
+  
+        </section>
+        <footer class="modal-card-foot">
+          <button class="button is-success">Close</button>
+        </footer>
+      </div>
+    </div>
+
+    <div id="project-3-modal" class="modal">
+        <div class="modal-background"></div>
+        <div class="modal-card">
+          <header class="modal-card-head">
+            <p class="modal-card-title">Project title</p>
+            <button class="delete" aria-label="close"></button>
+          </header>
+          <section class="modal-card-body">
+            <p class="image is-3by2">
+              <img src="img/project-3-cover.png" alt="">
+            </p>
+    
+            <div class="content">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+              magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+              consequat.
+            </div>
+    
+            <div class="tags">
+              <span class="tag">angular</span>
+              <span class="tag">mongo</span>
+              <span class="tag">typscript</span>
+              <span class="tag">node</span>
+            </div>
+    
+          </section>
+          <footer class="modal-card-foot">
+            <button class="button is-success">Close</button>
+          </footer>
+        </div>
+      </div>
+
+      
+    <div id="project-4-modal" class="modal">
+        <div class="modal-background"></div>
+        <div class="modal-card">
+          <header class="modal-card-head">
+            <p class="modal-card-title">Project title</p>
+            <button class="delete" aria-label="close"></button>
+          </header>
+          <section class="modal-card-body">
+            <p class="image is-3by2">
+              <img src="img/project-4-cover.png" alt="">
+            </p>
+    
+            <div class="content">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+              magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+              consequat.
+            </div>
+    
+            <div class="tags">
+              <span class="tag">angular</span>
+              <span class="tag">mongo</span>
+              <span class="tag">typscript</span>
+              <span class="tag">node</span>
+            </div>
+    
+          </section>
+          <footer class="modal-card-foot">
+            <button class="button is-success">Close</button>
+          </footer>
+        </div>
+      </div>
+
+         
+    <div id="project-5-modal" class="modal">
+        <div class="modal-background"></div>
+        <div class="modal-card">
+          <header class="modal-card-head">
+            <p class="modal-card-title">Project title</p>
+            <button class="delete" aria-label="close"></button>
+          </header>
+          <section class="modal-card-body">
+            <p class="image is-3by2">
+              <img src="img/project-5-cover.png" alt="">
+            </p>
+    
+            <div class="content">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+              magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+              consequat.
+            </div>
+    
+            <div class="tags">
+              <span class="tag">angular</span>
+              <span class="tag">mongo</span>
+              <span class="tag">typscript</span>
+              <span class="tag">node</span>
+            </div>
+    
+          </section>
+          <footer class="modal-card-foot">
+            <button class="button is-success">Close</button>
+          </footer>
+        </div>
+      </div>
+
+      <div id="project-6-modal" class="modal">
+          <div class="modal-background"></div>
+          <div class="modal-card">
+            <header class="modal-card-head">
+              <p class="modal-card-title">Project title</p>
+              <button class="delete" aria-label="close"></button>
+            </header>
+            <section class="modal-card-body">
+              <p class="image is-3by2">
+                <img src="img/project-6-cover.png" alt="">
+              </p>
+      
+              <div class="content">
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+                magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+                consequat.
+              </div>
+      
+              <div class="tags">
+                <span class="tag">angular</span>
+                <span class="tag">mongo</span>
+                <span class="tag">typscript</span>
+                <span class="tag">node</span>
+              </div>
+      
+            </section>
+            <footer class="modal-card-foot">
+              <button class="button is-success">Close</button>
+            </footer>
+          </div>
+        </div>
+
   <!--   <h1 class="title">
         Bulma
       </h1>