diff --git a/src/main/less/petclinic.less b/src/main/less/petclinic.less
index e37e28292..e371359b6 100644
--- a/src/main/less/petclinic.less
+++ b/src/main/less/petclinic.less
@@ -55,19 +55,19 @@
}
.carousel {
- height: 100vh;
+ height: 66%;
width: 100%;
overflow:hidden;
}
.carousel .carousel-inner {
- height:100%;
+ height:66%;
}
.carousel .carousel-inner img {
display:block;
object-fit: cover;
}
.mycarousel {
- height: 100%;
+ height: 66%;
width: 100%;
overflow:hidden;
}
@@ -106,6 +106,22 @@
//margin: 20px 0;
width: 100%;
height: 100%;
+}
+
+.container-custom
+{
+
+margin-right:auto;
+margin-left:auto;
+text-align:center;
+position:fixed;
+z-index: 2;
+background-color: white;
+width: 100%;
+color: black;
+
+
+
}
code {
@@ -123,6 +139,94 @@ code {
//margin-right: -60px;
}
+///////
+.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');
+}
+.portion h2 {
+ color: white;
+ font-weight: normal;
+ font-size: 3em;
+ padding: 2em 0;
+ margin: 0;
+ text-shadow: 0 0 10px black;
+ background: rgba(0,0,0,0.6);
+}
+
+.info {
+ background: #FFFAF0;
+ color: #777;
+ padding: 3em 20%;
+}
+
+.button {
+ text-align: center;
+}
+.button a {
+ display: inline-block;
+ border: 2px solid #777;
+ padding: .75em 1.5em;
+ color: #777;
+ text-decoration: none;
+ text-transform: uppercase;
+ border-radius: 5px;
+ letter-spacing: .15em;
+ word-spacing: .25em;
+ font-weight: bold;
+ transition: all 0.3s ease-in-out;
+}
+.button a:hover {
+ color: #FFFAF0;
+ background: #777;
+}
+footer.info {
+ color: #FFFAF0;
+ background: #777;
+ padding: 0 auto;
+ text-align: center;
+}
+
+#toTop img {
+ width: 50px;
+}
+#toTop img:hover {
+ cursor: pointer;
+}
+
+
+.move {
+ top: -60px;
+}
+
+
+
+.movetext {
+ top: -30px;
+}
+
+
+///////
+
+
+
+
+
+
+
+
+
+
+
+
+
h1 {
margin-bottom: 15px
diff --git a/src/main/less/responsive.less b/src/main/less/responsive.less
index 742ff9e2e..d07e80b3f 100644
--- a/src/main/less/responsive.less
+++ b/src/main/less/responsive.less
@@ -19,7 +19,15 @@
font-size: 21px;
line-height: 21px;
}
+.floating-custom
+{
+margin-right:auto;
+margin-left:auto;
+text-align:center;
+position:fixed;
+
+}
.navbar a.navbar-brand span {
display: none;
}
diff --git a/src/main/resources/templates/fragments/layout.html b/src/main/resources/templates/fragments/layout.html
index 04a3b2bab..e1655b38f 100755
--- a/src/main/resources/templates/fragments/layout.html
+++ b/src/main/resources/templates/fragments/layout.html
@@ -45,7 +45,7 @@
Doctors
Reviews
-
+
diff --git a/src/main/resources/templates/welcome.html b/src/main/resources/templates/welcome.html
index c0c853200..9a0bd48a8 100644
--- a/src/main/resources/templates/welcome.html
+++ b/src/main/resources/templates/welcome.html
@@ -7,8 +7,25 @@
+
+
+
+
+
+
+
+
+
@@ -49,6 +66,64 @@
+
+
+
Portion 2
+
+
+
+
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.
+
+
+
Portion 3.
+
+
+
+
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..
+
+
+
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.
+
+