diff --git a/_includes/footer.html b/_includes/footer.html
index 94f99f2..134239b 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -17,18 +17,21 @@ <h5 class="text-left franchise-city" id="shanghai-franchise-title">Shanghai</h5>
                                 <p class="franchise-text">200031 Shanghai, China</p>
                                 <p class="franchise-text">+86 (21) 6054 8081</p>
                                 <p><a href="mailto:cn@coderbunker.com">cn@coderbunker.com</a></p>
+                                <p><a href="http://www.agora-space.com/">Agora-Space/a></p>
                             </div>
                             <div class="col-4" id="singapore-franchise">
                                 <h5 class="text-left franchise-city" id="singapore-franchise-title">Singapore</h5>
                                 <p class="franchise-text">344B King George's Avenue</p>
                                 <p class="franchise-text">208576 Singapore  </p>
                                 <p><a href="mailto:sg@coderbunker.com">sg@coderbunker.com</a></p>
+                                <p><a href="https://hackerspace.sg/">Hackerspace</a></p>
                             </div>
                             <div class="col-4" id="birmingham-franchise">
                                 <h5 class="text-left franchise-city" id="birmingham-franchise-title">Birmingham</h5>
                                 <p class="franchise-text">50 Stratford Road, Shipston-on-Stour</p>
                                 <p class="franchise-text">CV36 4BA Warwickshire, Birmingham, UK</p>
                                 <p><a href="mailto:uk@coderbunker.com">uk@coderbunker.com</a></p>
+                                <p><a href="http://meltingpot.space/">Meltingpot/a></p>
                             </div>
                         </div>
                     </div>
diff --git a/images/roles/s1.png b/images/roles/s1.png
new file mode 100644
index 0000000..683b994
Binary files /dev/null and b/images/roles/s1.png differ
diff --git a/images/roles/s2.png b/images/roles/s2.png
new file mode 100644
index 0000000..7340789
Binary files /dev/null and b/images/roles/s2.png differ
diff --git a/images/roles/s3.png b/images/roles/s3.png
new file mode 100644
index 0000000..9280045
Binary files /dev/null and b/images/roles/s3.png differ
diff --git a/images/roles/s4.png b/images/roles/s4.png
new file mode 100644
index 0000000..3c7a86b
Binary files /dev/null and b/images/roles/s4.png differ
diff --git a/images/roles/s5.png b/images/roles/s5.png
new file mode 100644
index 0000000..7f75424
Binary files /dev/null and b/images/roles/s5.png differ
diff --git a/services.html b/services.html
index d530891..2e58c3e 100644
--- a/services.html
+++ b/services.html
@@ -31,13 +31,13 @@ <h3><span class="underline-page">Engin</span>eering Architecture</h3>
                                                 </div>
                                             </div>
                                             <div class="role-image col-4 mr-auto slides-image-content">
-                                                <img alt="freelance role explanation" src="http://res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_9000,w_1200,f_auto,q_auto/v1/775700/IMG_8575_inby4d.jpg" />
+                                                <img src="/images/roles/s1.png" alt = "service pic1"  width="50%">
                                             </div>
                                         </div>
                                         <!-- content for mobile displays -->
                                         <div class="row slides-mobile-content" >
                                                 <div class="role-image col-4 mr-auto slides-image-content">
-                                                    <img alt="freelance role explanation" src="http://res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_9000,w_1200,f_auto,q_auto/v1/775700/IMG_8575_inby4d.jpg" />
+                                                    <img src="/images/roles/s1.png" alt = "service pic1"  width="50%">
                                                 </div>
                                                 <div class="role-message col-5 ml-auto slides-text-content">
                                                         <span>ENGINEERING HELP ON-DEMAND</span>
@@ -75,13 +75,13 @@ <h3><span class="underline-page">Tech</span>nical Events</h3>
                                                 </div>
                                             </div>
                                             <div class="role-image col-4 mr-auto slides-image-content">
-                                                <img alt="freelance role explanation" src="http://res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_1440,w_720,f_auto,q_auto/v1/775700/IMGP1261_nxlpoq.jpg" />
+                                                <img src="/images/roles/s2.png" alt = "service pic2"  width="50%">
                                             </div>
                                         </div>
                                         <!-- content for mobile displays -->
                                         <div class="row slides-mobile-content" >
                                                 <div class="role-image col-4 mr-auto slides-image-content">
-                                                    <img alt="freelance role explanation" src="http://res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_1440,w_720,f_auto,q_auto/v1/775700/IMGP1261_nxlpoq.jpg" />
+                                                    <img src="/images/roles/s2.png" alt = "service pic2"  width="50%">
                                                 </div>
                                                 <div class="role-message col-5 ml-auto slides-text-content">
                                                     <span>CREATE OPPORTUNITIES TO MEET PARTNERS AND CUSTOMERS</span>
@@ -119,13 +119,13 @@ <h3><span class="underline-page">Recruit</span>ment and Interviews</h3>
                                                 </div>
                                             </div>
                                             <div class="role-image col-4 mr-auto slides-image-content">
-                                                <img alt="freelance role explanation" src="http://res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_1440,w_720,f_auto,q_auto/v1/775700/big-room-freecodecamp_zbzhbv.jpg" />
+                                                <img src="/images/roles/s3.png" alt = "service pic3"  width="50%">
                                             </div>
                                         </div>
                                         <!-- content for mobile displays -->
                                         <div class="row slides-mobile-content" >
                                                 <div class="role-image col-4 mr-auto slides-image-content">
-                                                    <img alt="freelance role explanation" src="http://res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_1440,w_720,f_auto,q_auto/v1/775700/big-room-freecodecamp_zbzhbv.jpg" />
+                                                    <img src="/images/roles/s3.png" alt = "service pic3"  width="50%">
                                                 </div>
                                                 <div class="role-message col-5 ml-auto slides-text-content">
                                                         <span>EVALUATE POTENTIAL HIRES</span>
@@ -163,13 +163,13 @@ <h3><span class="underline-page">Corp</span>orate Training & Coaching</h3>
                                                 </div>
                                             </div>
                                             <div class="role-image col-4 mr-auto slides-image-content">
-                                                <img alt="freelance role explanation" src="http://res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_1440,w_720,f_auto,q_auto/v1/775700/machine-learning-math_uizki6.jpg" />
+                                                <img src="/images/roles/s4.png" alt = "service pic4"  width="50%">
                                             </div>
                                         </div>
                                         <!-- content for mobile displays -->
                                         <div class="row slides-mobile-content" >
                                                 <div class="role-image col-4 mr-auto slides-image-content">
-                                                    <img alt="freelance role explanation" src="http://res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_1440,w_720,f_auto,q_auto/v1/775700/machine-learning-math_uizki6.jpg" />
+                                                    <img src="/images/roles/s4.png" alt = "service pic4"  width="50%">
                                                 </div>
                                                 <div class="role-message col-5 ml-auto slides-text-content">
                                                         <span>IMPROVING YOUR TEAM SKILLS</span>
@@ -207,13 +207,13 @@ <h3><span class="underline-page">Audit</span>ing</h3>
                                                 </div>
                                             </div>
                                             <div class="role-image col-4 mr-auto slides-image-content">
-                                                <img alt="freelance role explanation" src="http://res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_1440,w_720,f_auto,q_auto/v1/775700/mmexport1462023824871_xqnft3.jpg" />
+                                                <img src="/images/roles/s5.png" alt = "service pic5"  width="50%">
                                             </div>
                                         </div>
                                         <!-- content for mobile displays -->
                                         <div class="row slides-mobile-content" >
                                                 <div class="role-image col-4 mr-auto slides-image-content">
-                                                    <img alt="freelance role explanation" src="http://res.cloudinary.com/hrscywv4p/image/upload/c_limit,fl_lossy,h_1440,w_720,f_auto,q_auto/v1/775700/mmexport1462023824871_xqnft3.jpg" />
+                                                    <img src="/images/roles/s5.png" alt = "service pic5"  width="50%">
                                                 </div>
                                                 <div class="role-message col-5 ml-auto slides-text-content">
                                                         <span>VALIDATE THE SOFTWARE DEVELOPMENT PROCESSES OF YOUR PARTNERS</span>