diff --git a/assets/petclinic/app/index.html b/assets/petclinic/app/index.html index c891a6fa2..21dcaa6f1 100644 --- a/assets/petclinic/app/index.html +++ b/assets/petclinic/app/index.html @@ -2,7 +2,7 @@ - petclinic + Pet Clinic @@ -46,39 +46,268 @@
-

Hello, world!

-

This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.

-

Learn more »

+
+
+

Pet Clinic
A Spring Framework Demonstration

+

This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron Use it as a starting point to create something more unique.

+

Learn more »

+
+
-
- -
-
-

Heading

-

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

-

View details »

+ +
+
+
+
+
+

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.

+
+
-
-

Heading

-

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

-

View details »

-
-
-

Heading

-

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.

-

View details »

+
+
+
+ Generic placeholder image +
+

Thumbnail label

+

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

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

+
+
+
+
+
+ Generic placeholder image +
+

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.

+
+
+
+
+
+ Generic placeholder image +
+

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

+

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

+
+
+
+
+ +
+
+

View More »

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

+
+
+
+
-
-

© Company 2014

-
-
+ +
+
+
+
+

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

+
+
+
+
+ + +
+
+
+
+
+

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.

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

+
+
+
+
+
+ Companies placeholder image +
+
+ Companies placeholder image +
+
+ Companies placeholder image +
+
+ Companies placeholder image +
+
+ Companies placeholder image +
+
+ Companies placeholder image +
+
+
+
+ + +
+
+
+
+

Make an appointment today.

+

Use it as a starting point to create something more unique.

+
+
+ + +
+ + +
+
+ + +
+ +
+
+
+
+
+ + +
+
+ +
+
+

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.

+
+
+

Contact Us

+

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.

+
+
+
+
+ + +
+
+

Follow us at Facebook & Twitter

+

© 2015 Pet Clinic, A Spring Framework Demonstration

+
+
diff --git a/assets/petclinic/app/styles/main.scss b/assets/petclinic/app/styles/main.scss index 27d2fdef1..62dbdffed 100644 --- a/assets/petclinic/app/styles/main.scss +++ b/assets/petclinic/app/styles/main.scss @@ -38,9 +38,12 @@ body { /* Custom page footer */ .footer { - padding-top: 19px; color: #777; - border-top: 1px solid #e5e5e5; + padding: 20px 0; + + p { + margin-bottom: 0; + } } .container-narrow > hr { @@ -49,20 +52,89 @@ body { /* Main marketing message and sign up button */ .jumbotron { + height: 620px; + margin-bottom: 30px; text-align: center; border-bottom: 1px solid #e5e5e5; + + .container { + height: 100%; + } + + h1, .h1 { + font-weight: 600; + margin-bottom: 25px; + } + + p { + margin-bottom: 25px; + } + .btn { font-size: 21px; padding: 14px 24px; } } -/* Supporting marketing content */ -.marketing { - margin: 40px 0; - p + h4 { - margin-top: 28px; +.jumbotron-headline { + display: table; + height: 100%; +} + +.jumbotron-headline-cell { + display: table-cell; + vertical-align: middle; +} + +/* Secondary marketing message and call to action */ +.jumbotron-secondary { + height: 500px; + margin-bottom: 0; + + h2 { + font-size: 36px; + font-weight: 600; } + + .form-inline { + font-size: 0; + } + + .form-group { + margin-right: 5px; + } + + .form-control { + height: 58px; + } +} + +/* Sections */ +.sections { + border-bottom: 1px solid #e5e5e5; + padding: 100px 0; + + .thumbnail { + margin-bottom: 25px; + } + + .btn-primary { + font-size: 21px; + padding: 14px 24px; + } +} + +.sections-narrow { + padding: 40px 0; +} + +.section-heading { + font-size: 40px; +} + +.section-desc { + font-size: 18px; + margin-bottom: 25px; } /* Responsive: Portrait tablets and up */