From e31c48d36f92b4b9ec201362e0f9f67dd88fde20 Mon Sep 17 00:00:00 2001 From: Andrew Abogado Date: Wed, 21 Jan 2015 15:37:13 +0800 Subject: [PATCH] Add discover pet owners page --- assets/petclinic/app/discover.html | 264 ++++++++++++++++++++++++++ assets/petclinic/app/index.html | 19 +- assets/petclinic/app/styles/main.scss | 44 +++-- 3 files changed, 296 insertions(+), 31 deletions(-) create mode 100644 assets/petclinic/app/discover.html diff --git a/assets/petclinic/app/discover.html b/assets/petclinic/app/discover.html new file mode 100644 index 000000000..0b3ba518f --- /dev/null +++ b/assets/petclinic/app/discover.html @@ -0,0 +1,264 @@ + + + + + Pet Clinic - Discover Pet Owners on your Neigborhood + + + + + + + + + + + + + + + + + + +
+
+
+
+

Discover Pet Owners

+

Helping you discover pet owners near you and connect.

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

+

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.

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

Over 40,000 pet owners trust us. Register now. It's Free forever!

+

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.

+
+
+

Subscribe to our stories

+
+
+ + +
+ +
+

By clicking "Submit" I agree to Pet Clinic's Terms of Service.

+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/petclinic/app/index.html b/assets/petclinic/app/index.html index ce109de62..4e2400d56 100644 --- a/assets/petclinic/app/index.html +++ b/assets/petclinic/app/index.html @@ -2,7 +2,7 @@ - Pet Clinic + Pet Clinic - Home @@ -29,14 +29,12 @@ - Pet Clinic + Pet Clinic @@ -50,7 +48,7 @@

Pet Clinic
A Spring Framework Demonstration

A place to see your neighborhood pet owners

-

Get started - It's Free!

+

Get started - It's Free!

@@ -128,7 +126,7 @@
- @@ -265,7 +263,8 @@
-
+
+
@@ -280,8 +279,8 @@
- -
+ +
diff --git a/assets/petclinic/app/styles/main.scss b/assets/petclinic/app/styles/main.scss index 08ee7e987..1ec870b58 100644 --- a/assets/petclinic/app/styles/main.scss +++ b/assets/petclinic/app/styles/main.scss @@ -53,7 +53,7 @@ body { /* Main marketing message and sign up button */ .jumbotron { height: 620px; - margin-bottom: 30px; + margin-bottom: 0; text-align: center; border-bottom: 1px solid #e5e5e5; @@ -70,15 +70,19 @@ body { margin-bottom: 25px; } - .btn { - font-size: 21px; - padding: 14px 24px; + .form-inline { + font-size: 0; + } + + .form-group { + margin-right: 5px; } } .jumbotron-headline { display: table; height: 100%; + width: 100%; } .jumbotron-headline-cell { @@ -89,7 +93,6 @@ body { /* Secondary marketing message and call to action */ .jumbotron-secondary { height: 500px; - margin-bottom: 0; h2 { font-size: 36px; @@ -99,17 +102,14 @@ body { fotn-weight: 600; } } +} - .form-inline { - font-size: 0; - } +/* Tertiary marketing message and call to action. */ +.jumbotron-tertiary { + height: 400px; - .form-group { - margin-right: 5px; - } - - .form-control { - height: 58px; + h1, .h1 { + margin-top: 0; } } @@ -121,11 +121,6 @@ body { .thumbnail { margin-bottom: 25px; } - - .btn-primary { - font-size: 21px; - padding: 14px 24px; - } } .sections-narrow { @@ -141,6 +136,13 @@ body { margin-bottom: 25px; } -/* Responsive: Portrait tablets and up */ -@media screen and (min-width: 768px) { +.nav-tabs-filter { + margin-bottom: 30px; +} + +/* Responsive: Portrait tablets and up */ +@media (max-width: 768px) { + .jumbotron { + height: auto; + } }