squad af

src/main/less/petclinic.less

@@ -55,19 +55,19 @@
 }
 
 .carousel {
-    height: 66%;
+    height: 100%;
     width: 100%;
     overflow:hidden;
 }
 .carousel .carousel-inner {
-    height:66%;    
+    height:100%;    
 }
 .carousel .carousel-inner img {
     display:block;
     object-fit: cover;
 }
 .mycarousel {
-	height: 66%;
+	height: 100%;
     width: 100%;
     overflow:hidden;
 }
@@ -142,14 +142,20 @@ code {
 ///////
 .portion {
   
-  background-image:  url('http://p1.pichost.me/640/60/1842352.jpg');
+  
   background-position: center center;
   background-attachment: fixed;
   background-size: cover;
   text-align: center;
 }
 .portion.two {
-  background-image: url('http://cdn.desktopwallpapers4.me/media/thumbs_400x250/4/31677.jpg');
+  background-image: url("../images/healthcare.jpg")
+}
+.portion.four {
+  background-image: url("../images/healthcare3.jpg")
+}
+.portion.five{
+	background-image: url("../images/healthcare4.jpg")
 }
 .portion h2 {
   color: white;
@@ -193,6 +199,73 @@ footer.info {
   padding: 0 auto;
   text-align: center;
 }
+.cd-top.cd-is-visible {
+  /* the button becomes visible */
+  visibility: visible;
+  opacity: 1;
+}
+.cd-top.cd-fade-out {
+  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
+  opacity: .5;
+}
+
+.return-to-top {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    background: rgb(0, 0, 0);
+    background: rgba(0, 0, 0, 0.7);
+    width: 50px;
+    height: 50px;
+    display: block;
+    text-decoration: none;
+    -webkit-border-radius: 35px;
+    -moz-border-radius: 35px;
+    border-radius: 35px;
+    display: none;
+    -webkit-transition: all 0.3s linear;
+    -moz-transition: all 0.3s ease;
+    -ms-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+}
+.return-to-top i {
+    color: #fff;
+    margin: 0;
+    position: relative;
+    left: 16px;
+    top: 13px;
+    font-size: 19px;
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -ms-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
+}
+.return-to-top:hover {
+    background: rgba(0, 0, 0, 0.9);
+}
+.return-to-top:hover i {
+    color: #fff;
+    top: 5px;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+.footcustom{
+	
+	}
 
 #toTop img {
   width: 50px;

src/main/resources/templates/welcome.html

@@ -67,45 +67,56 @@
 
 
 
-<div class="portion two">
-  <h2>Portion 2</h2>
+<div id= "portion2" class="portion two">
+  <h2>Our Story</h2>
 </div>
 
-<div id="portion2" class="info">
-  <h3>Heading for Portion 2</h3>
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora pariatur voluptate laboriosam impedit praesentium sed, nihil, dignissimos et minima recusandae quaerat enim consectetur. Molestiae assumenda distinctio, rem nostrum dolores repellendus.</p>
+<div  class="info">
+  <h3>Creation</h3>
+  <p>KidClinic is a platform to simplify healthcare, not for insurance companies but for you: the cutomers and the doctors. We want to streamline how records are managed and simplify the process of managing pediatric health. KidClinic expediates the oft tedious process of permissions for managing a minor's health, organizing the records in an intuitive but archivable mainframe.</p>
   <div class="button">
     <a href="#">Example Button</a>
   </div>
 </div>
 
-<div class="portion">
-  <h2>Portion 3.</h2>
+<div class="portion five" id ="portion3">
+  <h2>Features</h2>
 </div>
 
-<div id="portion3" class="info">
-  <h3>Heading for Portion 3.</h3>
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio accusamus in vitae saepe harum soluta reiciendis eaque repellat distinctio quos voluptate nemo error ratione numquam, nisi quibusdam veritatis repudiandae ea possimus rerum pariatur dolores? Optio inventore iusto, voluptatibus numquam aperiam, harum maxime beatae minima aliquam quas sapiente totam cumque unde..</p>
+<div class="info">
+  <h3>Parents</h3>
+  <p>The database we utilize allows doctors to safely, securely, search for parents in the system of their practice. Upon search, users are able to see the children, the actual patients, associated with the parent or guardian. This stores all family information in one area, easily compiling family history and a broader view of clinical practice. It is our hope this expediates care for both patients and doctors.
+
+  </p>
+  <h3>Doctors</h3>
+  <p>KidClinic is a service for parents as well. All registered doctors, verified for quality and certification by us, appear on the doctor listing. Users can search by profession, speciality and history. With tools to filter and search, finding the right doctor for you and your kids has never been easier.
+
+  </p> 
+  
+  <h3>Reviews</h3>
+  <p>Here at KidClinic, we want to ensure quality care and incorporate facets from disparate sources. This includes an interactive review function, where you can directly review doctors and influence their appearance on the search feature. Your insight makes a difference for future care, directly, immediately.You can also see other's reviews and comments to facilitate your decisions on care.
+
+  </p> 
   <div class="button">
     <a href="#">Example Button</a>
   </div>
 </div>
 
-<div class="portion two">
+<div class="portion four" id="portion4">
   <h2>Portion 4.</h2>
 </div>
 
-<div id="portion4" class="info">
+<div  class="info">
   <h3>Heading for Portion 4.</h3>
   <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magni incidunt quos iste voluptates, tenetur ad repudiandae ea fuga eveniet quam, unde iure suscipit rem odit in, sint nulla itaque? Labore beatae, est voluptatibus saepe rerum illum repudiandae quasi perspiciatis, molestiae quidem fugiat voluptates voluptate neque totam earum enim mollitia iure quod tempora veritatis quam optio. Error odit laudantium eum voluptate.</p>
   <div class="button">
-    <a href="#">Example Button</a>
+    <a href="#">To Top</a>
   </div>
 </div>
-<footer class="info">
-  <div id="toTop"><a href="#"><img src="http://www.superdruglookatme.com/wp-content/themes/superdrug/images/top.png"></a></div>
-  
-</footer>
+
+
+
+