diff --git a/.DS_Store b/.DS_Store
index f2e0f940e..e2a796d73 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/src/.DS_Store b/src/.DS_Store
index 4bd91776e..dd7853d21 100644
Binary files a/src/.DS_Store and b/src/.DS_Store differ
diff --git a/src/main/.DS_Store b/src/main/.DS_Store
index db8183ca6..49f6f9b81 100644
Binary files a/src/main/.DS_Store and b/src/main/.DS_Store differ
diff --git a/src/main/resources/.DS_Store b/src/main/resources/.DS_Store
index ee21f0597..9d06d7e51 100644
Binary files a/src/main/resources/.DS_Store and b/src/main/resources/.DS_Store differ
diff --git a/src/main/resources/static/.DS_Store b/src/main/resources/static/.DS_Store
index 7de3849be..f1f211aeb 100644
Binary files a/src/main/resources/static/.DS_Store and b/src/main/resources/static/.DS_Store differ
diff --git a/src/main/resources/static/resources/.DS_Store b/src/main/resources/static/resources/.DS_Store
index 74662c50d..0dfa1d1be 100644
Binary files a/src/main/resources/static/resources/.DS_Store and b/src/main/resources/static/resources/.DS_Store differ
diff --git a/src/main/resources/static/resources/images/doctor.jpg b/src/main/resources/static/resources/images/doctor.jpg
new file mode 100644
index 000000000..dbbc0dd46
Binary files /dev/null and b/src/main/resources/static/resources/images/doctor.jpg differ
diff --git a/src/main/resources/static/resources/images/doctor2.jpg b/src/main/resources/static/resources/images/doctor2.jpg
new file mode 100644
index 000000000..8aca4a5a3
Binary files /dev/null and b/src/main/resources/static/resources/images/doctor2.jpg differ
diff --git a/src/main/resources/static/resources/images/doctor3.jpg b/src/main/resources/static/resources/images/doctor3.jpg
new file mode 100644
index 000000000..7d77ca267
Binary files /dev/null and b/src/main/resources/static/resources/images/doctor3.jpg differ
diff --git a/src/main/resources/static/resources/images/doctor4.jpg b/src/main/resources/static/resources/images/doctor4.jpg
new file mode 100644
index 000000000..f049d3d19
Binary files /dev/null and b/src/main/resources/static/resources/images/doctor4.jpg differ
diff --git a/src/main/resources/static/resources/images/doctor5.jpg b/src/main/resources/static/resources/images/doctor5.jpg
new file mode 100644
index 000000000..6b4bb3e4f
Binary files /dev/null and b/src/main/resources/static/resources/images/doctor5.jpg differ
diff --git a/src/main/resources/templates/.DS_Store b/src/main/resources/templates/.DS_Store
index 42515c070..95bb7bf91 100644
Binary files a/src/main/resources/templates/.DS_Store and b/src/main/resources/templates/.DS_Store differ
diff --git a/src/main/resources/templates/welcome.html b/src/main/resources/templates/welcome.html
index d03fd2e0e..d069b1385 100644
--- a/src/main/resources/templates/welcome.html
+++ b/src/main/resources/templates/welcome.html
@@ -1,16 +1,54 @@
 <!DOCTYPE html>
 
 <html xmlns:th="http://www.thymeleaf.org" th:replace="~{fragments/layout :: layout (~{::body},'home')}">
+<meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
   <body>
 
-    <h2 th:text="#{welcome}">Welcome To My Crib</h2>
-    <div class="row">
-        <div class="col-md-12">
-          <img class="img-responsive" src="../static/resources/images/pets.png" th:src="@{/resources/images/pets.png}"/>
-        </div>
+
+    <!-- This is a test for a picture car. -->
+
+    <div class="container">  
+  <div id="myCarousel" class="carousel slide" data-ride="carousel">
+    <!-- Indicators -->
+    <ol class="carousel-indicators">
+      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+      <li data-target="#myCarousel" data-slide-to="1"></li>
+      <li data-target="#myCarousel" data-slide-to="2"></li>
+    </ol>
+
+    <!-- Wrapper for slides -->
+    <div class="carousel-inner">
+      <div class="item active">
+        <img src="../static/resources/images/doctor4.jpg" th:src="@{/resources/images/doctor4.jpg}" alt="Doctor" style="width:100%;">
+      </div>
+
+      <div class="item">
+        <img src="../static/resources/images/doctor5.jpg" th:src="@{/resources/images/doctor5.jpg}" alt="Doctor" style="width:100%;">
+      </div>
+    
+      <div class="item">
+        <img src="../static/resources/images/doctor3.jpg" th:src="@{/resources/images/doctor3.jpg}" alt="Doctor" style="width:100%;">
+      </div>
     </div>
 
+    <!-- Left and right controls -->
+    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
+      <span class="glyphicon glyphicon-chevron-left"></span>
+      <span class="sr-only">Previous</span>
+    </a>
+    <a class="right carousel-control" href="#myCarousel" data-slide="next">
+      <span class="glyphicon glyphicon-chevron-right"></span>
+      <span class="sr-only">Next</span>
+    </a>
+  </div>
+</div>
+
+
   </body>
 
 </html>
\ No newline at end of file
