diff --git a/css/styles.css b/css/styles.css index e69de29b..30974c3b 100644 --- a/css/styles.css +++ b/css/styles.css @@ -0,0 +1,174 @@ +body { + font-family: "Montserrat"; + text-align: center; +} + +h1, h2, h3, h4, h5, h6 { + font-family: "Montserrat"; + font-weight: 700; +} + +p { + color: #8f8f8f; +} + +/* Headings */ + +.big-heading { + font-family: "Montserrat"; + font-weight: 900; + font-size: 3.5rem; + line-height: 1.5; +} + +.section-heading { + font-size: 3rem; + line-height: 1.5; +} + +/* Container */ + +.container-fluid { + padding: 7% 15%; +} + +/* Sections */ + +.colored-section { + background-color: #ff4c68; + color: #fff; +} + +.white-section { + background-color: #fff; +} + +/* Navigation Bar */ + +.navbar { + padding: 0 0 4.5rem; +} + +.navbar-brand { + font-family: "Ubuntu"; + font-size: 2.5rem; + font-weight: bold; +} + +.nav-item { + padding: 0 18px; +} + +.nav-link { + font-size: 1.2rem; + font-family: "Montserrat"; + font-weight: 300; +} + +/* Download Buttons */ + +.download-button { + margin: 5% 3% 5% 0; +} + +/* Title Section */ + +#title .container-fluid { + padding: 3% 15% 7%; + text-align: left; +} + +/* Title Image */ + +.title-image { + width: 60%; + transform: rotate(25deg); + position: absolute; + right: 30%; +} + +/* Features Section */ + +#features { + + position: relative; +} + +.feature-title { + font-size: 1.5rem; +} + +.feature-box { + padding: 4.5%; +} + +.icon { + color: #ef8172; + margin-bottom: 1rem; +} + +.icon:hover { + color: #ff4c68; +} + +/* Testimonial Section */ + +#testimonials { + background-color: #ef8172; +} + +.testimonial-text { + font-size: 3rem; + line-height: 1.5; +} + +.testimonial-image { + width: 10%; + border-radius: 100%; + margin: 20px; +} + +#press { + background-color: #ef8172; + padding-bottom: 3%; +} + +.press-logo { + width: 15%; + margin: 20px 20px 50px; +} + +/* Pricing Section */ + +#pricing { + padding: 100px; +} + +.price-text { + font-size: 3rem; + line-height: 1.5; +} + +.pricing-column { + padding: 3% 2%; +} + +/* CTA Section */ + +.special-icon { + margin: 20px 10px; +} + +/* Footer Section */ + +@media (max-width: 1028px) { + + #title { + text-align: center; + } + + .title-image { + position: static; + transform: rotate(0); + } +} diff --git a/index.html b/index.html index 5a19d4c7..3789ebfc 100644 --- a/index.html +++ b/index.html @@ -2,129 +2,263 @@ - - TinDog - + + TinDog + + + + + + + + + + + + + + + + + -
+
+
+ + + + + + + + +
+ +
+

Meet new and interesting dogs nearby.

+ + +
+ +
+ iphone-mockup +
+ +
+ +
+ +
+ + + + +
+ +
+ + + +
+ +
+ +

Easy to use.

+

So easy to use, even your dog could do it.

+
+ +
+ +

Elite Clientele

+

We have all the dogs, the greatest dogs.

+
+ +
+ +

Guaranteed to work.

+

Find the love of your dog's life or your money back.

+
+ +
+ +
+ +
+ + + + +
+ + - -
-

Meet new and interesting dogs nearby.

- - -
-
- iphone-mockup -
-
+
- + -
+
+ + + + -

Easy to use.

-

So easy to use, even your dog could do it.

+
-

Elite Clientele

-

We have all the dogs, the greatest dogs.

-

Guaranteed to work.

-

Find the love of your dog's life or your money back.

+ -
+
+

A Plan for Every Dog's Needs

+

Simple and affordable price plans for your and your dog.

- +
-
+
+
+
+

Chihuahua

+
-

I no longer have to sniff other dogs for love. I've found the hottest Corgi on TinDog. Woof.

- dog-profile - Pebbles, New York +
+

Free

+

5 Matches Per Day

+

10 Messages Per Day

+

Unlimited App Usage

+ +
+
+
- -
+
+
+
+

Labrador

+
+
+

$49 / mo

+

Unlimited Matches

+

Unlimited Messages

+

Unlimited App Usage

+ +
+
+
- -
- tc-logo - tnw-logo - biz-insider-logo - mashable-logo +
+
+
+

Mastiff

+
-
+
+

$99 / mo

+

Pirority Listing

+

Unlimited Matches

+

Unlimited Messages

+

Unlimited App Usage

+ +
+
+ - -
+ -

A Plan for Every Dog's Needs

-

Simple and affordable price plans for your and your dog.

+
-

Chihuahua

-

Free

-

5 Matches Per Day

-

10 Messages Per Day

-

Unlimited App Usage

- + +
-

Labrador

-

$49 / mo

-

Unlimited Matches

-

Unlimited Messages

-

Unlimited App Usage

- +
-

Mastiff

-

$99 / mo

-

Pirority Listing

-

Unlimited Matches

-

Unlimited Messages

-

Unlimited App Usage

- -
+

Find the True Love of Your Dog's Life Today.

+ + + - +
-
-

Find the True Love of Your Dog's Life Today.

- - + -
+ +