diff --git a/src/main/webapp/static/app/images/client-logos.png b/src/main/webapp/static/app/images/client-logos.png new file mode 100644 index 000000000..f717426ab Binary files /dev/null and b/src/main/webapp/static/app/images/client-logos.png differ diff --git a/src/main/webapp/static/app/images/image-service-1.png b/src/main/webapp/static/app/images/image-service-1.png new file mode 100644 index 000000000..1bac71934 Binary files /dev/null and b/src/main/webapp/static/app/images/image-service-1.png differ diff --git a/src/main/webapp/static/app/images/image-service-2.png b/src/main/webapp/static/app/images/image-service-2.png new file mode 100644 index 000000000..b72e96255 Binary files /dev/null and b/src/main/webapp/static/app/images/image-service-2.png differ diff --git a/src/main/webapp/static/app/images/image-service-3.png b/src/main/webapp/static/app/images/image-service-3.png new file mode 100644 index 000000000..8332e87fe Binary files /dev/null and b/src/main/webapp/static/app/images/image-service-3.png differ diff --git a/src/main/webapp/static/app/index.html b/src/main/webapp/static/app/index.html index 22068e518..b6e3122b1 100644 --- a/src/main/webapp/static/app/index.html +++ b/src/main/webapp/static/app/index.html @@ -47,7 +47,53 @@ -
+
+ Client logos +
+ + +
+
+
+
+

Everything you need to manage you clients and their pets

+

PetClinic is everything you need for an effective management. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

+
+
+ Service 1 +
+
+
+
+ + +
+
+
+
+ Service 2 +
+
+

Customized that’s just right for you

+

Our scalable system is configured to suit your need. The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen.

+
+
+
+
+ + +
+
+
+
+

Access anywhere even on-the-go

+

Whether you’re on your desk or on mobile, PetClinic is available wherever you may be. She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains.

+
+
+ Service 3 +
+
+
@@ -56,8 +102,8 @@
-

Our Veterinarians

-

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

+

Our awesome veterinarians

+

We believe in a diverse range of personel to bring creative skills, thoughts, and ideas to the table. Be cool, we awesome, be with us today, really ok?

@@ -129,60 +175,6 @@
- -
-
-
-
- Generic placeholder image -
-
-

Services One

-

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

-

- Learn more » -

-
-
-
-
- - -
-
-
-
-

Services Two

-

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

-

- Learn more » -

-
-
- Generic placeholder image -
-
-
-
- - -
-
-
-
- Generic placeholder image -
-
-

Services Three

-

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

-

- Learn more » -

-
-
-
-
-
diff --git a/src/main/webapp/static/app/styles/main.scss b/src/main/webapp/static/app/styles/main.scss index 322a7f84f..ac57ad3ed 100644 --- a/src/main/webapp/static/app/styles/main.scss +++ b/src/main/webapp/static/app/styles/main.scss @@ -198,7 +198,7 @@ input::-moz-focus-inner { border-radius: 3px; box-shadow: none; } - + .form-control-group { padding-top: $padding-large-vertical; } @@ -231,7 +231,7 @@ input::-moz-focus-inner { .jumbotron-video { position: absolute; - opacity: .15; + opacity: .20; left: 0; right: 0; bottom: 0px; @@ -285,17 +285,25 @@ input::-moz-focus-inner { background-color: $text-color-inverse; } +.sections-alt { + background-color: #f9fafb; +} + + .sections-darker { background-color: #f3f5f7; } .section-heading { - font-size: 40px; + font-size: 28px; + line-height: 40px; + margin-bottom: 35px; } .section-desc { - font-size: 18px; - margin-bottom: 25px; + font-size: 16px; + line-height: 30px; + margin-bottom: 35px; } .sections-bottom-nav { @@ -602,7 +610,7 @@ input::-moz-focus-inner { .btn { border-color: transparent; border-radius: 3px; - font-size: 12px; + font-size: 12px; font-weight: 600; text-transform: uppercase; transition: .3s ease-in-out; @@ -729,7 +737,7 @@ input::-moz-focus-inner { .caption-heading { font-size: 16px; margin-bottom: 10px; - + a { color: $headings-color; } @@ -763,7 +771,7 @@ input::-moz-focus-inner { margin-left: 10px; } } - + img { margin-top: 0; } @@ -809,6 +817,11 @@ input::-moz-focus-inner { width: 30px; } +.img-circle-auto { + height: auto; + width: auto; +} + /* Forms */ label { color: $headings-color; @@ -822,7 +835,7 @@ label { color: $gray-dark; font-weight: 600; transition: background-color ease-in-out .15s; - + &:active, &:focus { background-color: darken($input-bg,5%); @@ -834,7 +847,7 @@ label { height: 34px; } -.form-control[disabled], +.form-control[disabled], .form-control[readonly] { background-color: $text-color-inverse; border: 1px solid $gray-lighter; @@ -874,14 +887,14 @@ label { .modal-header { border: 0; padding: 50px 0 20px 0; - + .close { font-size: 34px; position: absolute; top: 10px; right: 20px; } - + .sub-header { padding-bottom: 0; } @@ -893,7 +906,7 @@ label { .modal-backdrop { background-color: $sections-bg; - + &.in { opacity: .98; } @@ -910,11 +923,11 @@ label { line-height: 60px; font-weight: bold; } - + .form-group { position: relative; } - + .btn { background: 0 0; border: 0; @@ -924,7 +937,7 @@ label { top: 0; z-index: 3; } - + .glyphicon-search { color: $gray-light; font-size: 20px; @@ -1046,4 +1059,4 @@ label { opacity: .3; left: 50%; margin-left: -16px; -} \ No newline at end of file +}