diff --git a/src/main/less/petclinic.less b/src/main/less/petclinic.less index e371359b6..c620f2ce4 100644 --- a/src/main/less/petclinic.less +++ b/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; diff --git a/src/main/resources/static/.DS_Store b/src/main/resources/static/.DS_Store index 1a2b2013b..f0d5b79e4 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 601f5baa9..7e464f0b3 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/BackToTop.png b/src/main/resources/static/resources/images/BackToTop.png new file mode 100644 index 000000000..22c9a10f4 Binary files /dev/null and b/src/main/resources/static/resources/images/BackToTop.png differ diff --git a/src/main/resources/static/resources/images/healthcare.jpg b/src/main/resources/static/resources/images/healthcare.jpg new file mode 100644 index 000000000..82f5fd4d3 Binary files /dev/null and b/src/main/resources/static/resources/images/healthcare.jpg differ diff --git a/src/main/resources/static/resources/images/healthcare1.jpg b/src/main/resources/static/resources/images/healthcare1.jpg new file mode 100644 index 000000000..fa5fbea58 Binary files /dev/null and b/src/main/resources/static/resources/images/healthcare1.jpg differ diff --git a/src/main/resources/static/resources/images/healthcare3.jpg b/src/main/resources/static/resources/images/healthcare3.jpg new file mode 100644 index 000000000..1d53b6f0a Binary files /dev/null and b/src/main/resources/static/resources/images/healthcare3.jpg differ diff --git a/src/main/resources/static/resources/images/healthcare4.jpg b/src/main/resources/static/resources/images/healthcare4.jpg new file mode 100644 index 000000000..1cf8086a8 Binary files /dev/null and b/src/main/resources/static/resources/images/healthcare4.jpg differ diff --git a/src/main/resources/templates/welcome.html b/src/main/resources/templates/welcome.html index 9a0bd48a8..97c9db9cb 100644 --- a/src/main/resources/templates/welcome.html +++ b/src/main/resources/templates/welcome.html @@ -67,45 +67,56 @@ -
-

Portion 2

+
+

Our Story

-
-

Heading for Portion 2

-

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.

+
+

Creation

+

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.

Example Button
-
-

Portion 3.

+
+

Features

-
-

Heading for Portion 3.

-

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..

+
+

Parents

+

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. + +

+

Doctors

+

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. + +

+ +

Reviews

+

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. + +

Example Button
-
+

Portion 4.

-
+

Heading for Portion 4.

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.

- Example Button + To Top
- + + + +