diff --git a/src/main/webapp/static/app/images/arrow_down.png b/src/main/webapp/static/app/images/arrow-down.png similarity index 100% rename from src/main/webapp/static/app/images/arrow_down.png rename to src/main/webapp/static/app/images/arrow-down.png diff --git a/src/main/webapp/static/app/images/bg-appointment.png b/src/main/webapp/static/app/images/bg-appointment.png new file mode 100644 index 000000000..761b81d9c Binary files /dev/null and b/src/main/webapp/static/app/images/bg-appointment.png differ diff --git a/src/main/webapp/static/app/images/logo_brand.png b/src/main/webapp/static/app/images/logo-brand.png similarity index 100% rename from src/main/webapp/static/app/images/logo_brand.png rename to src/main/webapp/static/app/images/logo-brand.png diff --git a/src/main/webapp/static/app/images/logo-footer.png b/src/main/webapp/static/app/images/logo-footer.png new file mode 100644 index 000000000..c94428d80 Binary files /dev/null and b/src/main/webapp/static/app/images/logo-footer.png differ diff --git a/src/main/webapp/static/app/images/testimonial-tiles.png b/src/main/webapp/static/app/images/testimonial-tiles.png new file mode 100644 index 000000000..d78294cd3 Binary files /dev/null and b/src/main/webapp/static/app/images/testimonial-tiles.png differ diff --git a/src/main/webapp/static/app/images/vet1.jpg b/src/main/webapp/static/app/images/vet1.jpg new file mode 100644 index 000000000..2ee4265fb Binary files /dev/null and b/src/main/webapp/static/app/images/vet1.jpg differ diff --git a/src/main/webapp/static/app/images/vet2.jpg b/src/main/webapp/static/app/images/vet2.jpg new file mode 100644 index 000000000..49a8fba8e Binary files /dev/null and b/src/main/webapp/static/app/images/vet2.jpg differ diff --git a/src/main/webapp/static/app/images/vet3.jpg b/src/main/webapp/static/app/images/vet3.jpg new file mode 100644 index 000000000..e64cd803d Binary files /dev/null and b/src/main/webapp/static/app/images/vet3.jpg differ diff --git a/src/main/webapp/static/app/images/vet4.jpg b/src/main/webapp/static/app/images/vet4.jpg new file mode 100644 index 000000000..a69ea67fe Binary files /dev/null and b/src/main/webapp/static/app/images/vet4.jpg differ diff --git a/src/main/webapp/static/app/images/vet5.jpg b/src/main/webapp/static/app/images/vet5.jpg new file mode 100644 index 000000000..df32dc7e8 Binary files /dev/null and b/src/main/webapp/static/app/images/vet5.jpg differ diff --git a/src/main/webapp/static/app/images/vet6.jpg b/src/main/webapp/static/app/images/vet6.jpg new file mode 100644 index 000000000..934be7b78 Binary files /dev/null and b/src/main/webapp/static/app/images/vet6.jpg differ diff --git a/src/main/webapp/static/app/images/vet7.jpg b/src/main/webapp/static/app/images/vet7.jpg new file mode 100644 index 000000000..017d40296 Binary files /dev/null and b/src/main/webapp/static/app/images/vet7.jpg differ diff --git a/src/main/webapp/static/app/images/vet8.jpg b/src/main/webapp/static/app/images/vet8.jpg new file mode 100644 index 000000000..6f558fb0a Binary files /dev/null and b/src/main/webapp/static/app/images/vet8.jpg differ diff --git a/src/main/webapp/static/app/index.html b/src/main/webapp/static/app/index.html index b6e3122b1..fd78fd6f6 100644 --- a/src/main/webapp/static/app/index.html +++ b/src/main/webapp/static/app/index.html @@ -24,8 +24,8 @@
- - Pet Clinic Brand + + Pet Clinic Brand Sign In
@@ -37,7 +37,7 @@ Make an Appointment Learn More

- +
@@ -46,28 +46,28 @@ - -
+ +
Client logos
- -
+ +
-
+
+ Service 1 +
+

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 -
- -
+ +
@@ -82,16 +82,16 @@
-
+
-
+
+ Service 3 +
+

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 -
@@ -108,140 +108,140 @@
-
-
- Generic placeholder image +
+
+ Vet 1
-

Thumbnail label

-

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

+

James Carter

+

Radiology

-
- Generic placeholder image +
+ Vet 2
-

Thumbnail label

-

Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum.

+

Carlos Estaban

+

Radiology

-
- Generic placeholder image +
+ Vet 3
-

Thumbnail label

-

Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.

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

Thumbnail label

-

Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum.

+

Helen Leary

+

Surgery

-
- Generic placeholder image +
+ Vet 4
-

Thumbnail label

-

Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.

+

Linda Douglas

+

Dentistry surgery

-
-
- Generic placeholder image +
+
+ Vet 5
-

Thumbnail label

-

The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli.

+

Sharon Jenkins

+

Surgery

-
- -
-
-

View More »

+
+
+ Vet 6 +
+

Rafael Ortega

+

Radiology

+
+
+
+
+
+ Vet 7 +
+

Henry Stevens

+

Surgery

+
+
+
+
+
+ Vet 8 +
+

Jenkins Helen

+

Radiology

+
+
-
+
-
-
-

What our customers are saying.

-

Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

-
+
+

Our happy customers say

+ Generic placeholder image +

Betty Davis, Dogs Associations Inc.

+

It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life.

+
    +
  1. +
  2. +
  3. +
-
-
- Generic placeholder image -

Client One

-

Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.

-
-
- Generic placeholder image -

Client Two

-

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

-
-
- Generic placeholder image -

Client Three

-

Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

-
-
- -
+ +
-
-
-

Trusted by some of the world's smartest companies

+
+
+ +

1325

+ Pet Owners
-
-
-
- Companies placeholder image +
+
+ +

2325

+ Pets +
-
- Companies placeholder image +
+
+ +

903

+ Pet Visits +
-
- Companies placeholder image -
-
- Companies placeholder image -
-
- Companies placeholder image -
-
- Companies placeholder image +
+
+ +

24

+ Veterinarians +
-
+
@@ -274,30 +274,51 @@
-
-

Business Hours

-

Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.

-
-
-

Our Location

-

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

-
-
-

Questions or comments

+
+

Company Information

+
+
+

Wanna talk?

+
    +
  • Call us at (203) 420-0234
    • +
  • Email us to info@petclinic.com
    • +
  • We respond to emails within one business day. Hours: Mon - Fri from 9am - 7pm ET
    • +
      +
+
+

Follow Us

+
+
+

Questions or comments

Cras mattis consectetur purus sit amet fermentum.

Drop us a line

-
-
-
- -
-

Tell your friends: Facebook, Twitter, Google+

-

© 2015 Pet Clinic, A Spring Framework Demonstration

+
+
+
+
+

+ © 2015 Pet Clinic, A Spring Framework Demonstration. +

+

Design by Andrew Abogado. See the Colophon for details on the design and code.

+
+
+ @@ -305,16 +326,6 @@ - - - diff --git a/src/main/webapp/static/app/styles/main.scss b/src/main/webapp/static/app/styles/main.scss index ac57ad3ed..bf189640c 100644 --- a/src/main/webapp/static/app/styles/main.scss +++ b/src/main/webapp/static/app/styles/main.scss @@ -100,13 +100,42 @@ input::-moz-focus-inner { /* Custom page footer */ .footer { font-size: 13px; - padding: 30px 0; + padding: 40px 0; + + h5, .h5 { + color: $text-color; + font-size: 16px; + font-weight: 600; + margin-bottom: 20px; + } + + .list-unstyled { + a { + color: $text-color; + } + + li { + margin-bottom: 10px; + } + } } .colophon { - border-top: 1px solid $sections-border; - margin-top: 30px; - padding-top: 30px; + background-color: $btn-cta; + color: $btn-default-color; + font-size: 12px; + padding: 20px 0; + + p { + line-height: 20px; + } + + @media (max-width: 768px) { + .logo-footer { + display: block; + margin-bottom: 20px; + } + } } .container-narrow > hr { @@ -142,15 +171,15 @@ input::-moz-focus-inner { h1, .h1 { color: $text-color-inverse; - font-size: 48px; - font-weight: 500; + font-size: 52px; + font-weight: 600; margin-bottom: 15px; } p { - color: $text-color-inverse; - font-size: 23px; - font-weight: 500; + color: $navbar-default-link-color; + font-size: 24px; + font-weight: 400; margin-bottom: 30px; } } @@ -181,6 +210,9 @@ input::-moz-focus-inner { } .jumbotron-appointment { + background: image-url("images/bg-appointment.png") $brand-primary; + background-size: cover; + .form-inline { font-size: 0; } @@ -285,10 +317,14 @@ input::-moz-focus-inner { background-color: $text-color-inverse; } -.sections-alt { +.sections-companies { + @extend .text-center; background-color: #f9fafb; -} + img { + max-width: 100%; + } +} .sections-darker { background-color: #f3f5f7; @@ -311,6 +347,43 @@ input::-moz-focus-inner { padding: 0; } +.sections-testimonials { + background: image-url("images/testimonial-tiles.png") $brand-primary; + color: $text-color-inverse; + padding: 50px 0; + + .section-heading { + color: $text-color-inverse; + margin-bottom: 60px; + } + + .section-title { + color: $text-color-inverse; + } + + p { + line-height: 32px; + font-size: 15px; + } + + .img-circle { + margin-bottom: 20px; + } +} + +.sections-services { + + @media (max-width: 768px) { + .img-circle { + float: none !important; + } + + .col-md-6 { + text-align: center; + } + } +} + .hr-lg { border-top-color: darken($sections-border,4%); margin-bottom: 50px; @@ -331,6 +404,10 @@ input::-moz-focus-inner { line-height: normal; } +.navbar-brand-nopadding { + padding: 0; +} + .navbar-nav { > li { > a { @@ -749,6 +826,10 @@ input::-moz-focus-inner { margin-bottom: 5px; } + .caption-meta-uppercase { + text-transform: uppercase; + } + .caption-label { @extend .label; @extend .label-default; @@ -800,6 +881,11 @@ input::-moz-focus-inner { margin-bottom: 20px; } +.thumbnail-noborder { + background-color: transparent; + border: 0; + box-shadow: none; +} /* Image circle classes */ .img-circle { @@ -1013,6 +1099,23 @@ label { } +/* Stat numbers */ +.stats-numbers { + text-transform: uppercase; + + .glyphicon { + color: $gray-lighter; + font-size: 30px; + margin-bottom: 20px; + } + + .stats-number { + color: $headings-color; + font-size: 40px; + line-height: 40px; + } +} + /* Action Items */ .action-wrappers, .action-items { @@ -1048,7 +1151,7 @@ label { } .scroll-down { - background: image-url("images/arrow_down.png") no-repeat center center; + background: image-url("images/arrow-down.png") no-repeat center center; display: inline-block; height: 16px; text-indent: -9999px; @@ -1060,3 +1163,29 @@ label { left: 50%; margin-left: -16px; } + +.carousel-indicators-static { + left: auto; + margin: 30px 0; + position: static; + text-align: center; + width: 100%; + + .active { + background-color: $text-color-inverse; + height: 10px; + margin: 0 8px; + width: 10px; + } + + li { + background-color: $text-color-inverse; + background-color: rgba($text-color-inverse,.5); + border: 0; + border-radius: 100%; + cursor: pointer; + height: 10px; + margin: 0 8px; + width: 10px; + } +} \ No newline at end of file