diff --git a/README.md b/README.md new file mode 100644 index 0000000..f19b4cf --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +TinDog Starting Files diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..2344c34 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,178 @@ +body{ + font-family: 'Montserrat-black', sans-serif; + text-align: center; +} +h1, h2{ + line-height: 1.5; + font-weight: bold; +} +h1 { + font-size: 3.5rem; +} + +.h2-resize{ + font-size: 2.5rem; +} +.container-fluid{ + padding: 3% 15% 5%; +} + +/*-----Background Color-----*/ +.colored-section{ + background-color: #ff4c69; + color: white; +} + +/*-----Title Section-----*/ +#title{ + text-align: left; +} + +/*-----Navbar-----*/ +.navbar{ + padding-bottom: 4rem; +} +.navbar-brand{ + font-family: 'Ubuntu'; + font-size: 2rem; + font-weight: bold; +} +.nav-item{ + padding: 0 18px; +} +.nav-link{ + font-family: 'Montserrat'; + font-size: 1.2rem; +} + +/*-----Download Buttons-----*/ +.download-button{ + margin: 5% 3% 5% 0; +} + +/*-----Title Image-----*/ +.phone{ + width: 20%; + transform: rotate(25deg); + margin-left: 10%; + position: absolute; + right: 20%; +} + +/*-----Features-----*/ +#features{ + font-family: 'Montserrat'; + background-color: #fff; + position: relative; +} +.features-col{ + margin: 5% 0 5% 0; +} +.features-font{ + font-size: 1.5rem; + font-weight: bold; + padding: 2%; +} +.features-p-font{ + color: #8f8f8f; +} +.features-icons{ + margin-bottom: 3%; + color: #ef8172; +} +.features-icons:hover { + color: #ff4c69; +} + +/*-----Testimonials-----*/ + +#testimonials{ + background-color: #ef8172; + color: #fff; +} +.carousel-inner{ + padding: 7% 15% 0% 15%; + +} +.testimonial-img{ + width: 10%; + border-radius: 100%; + margin: 20px; +} + +#press{ + padding: 7% 15%; + background-color: #ef8172; +} + +.press-logo{ + width: 15%; +} + +/*-----Pricing-----*/ +#pricing{ + padding: 4% 15% 4% 15%; + +} +.pricing-column{ + padding-top: 2%; + padding-bottom: 2%; +} +.pricing-text{ + font-family: "Ubuntu"; + font-weight: bold; +} + +/*-----Call to Action (CTA) section-----*/ +#cta{ + padding: 7% 0; + +} +.cta-h3{ + font-family: "montserrat"; + font-weight: bold; + color: #fff; + font-size: 2rem; + margin-bottom: 5%; + +} + +/*-----Footer-----*/ +#footer{ + margin-top: 5%; + background-color: #fff; +} +.social{ + margin: 0 5px; + color: #000; +} +.footer-p{ + margin-top: 2%; + margin-bottom: 10px; + font-family: "montserrat"; + color: #8f8f8f; +} +.cta-btn{ + margin: 0 1%; +} + +/*-----media query breakpoints-----*/ +@media (max-width:1028px){ + h1{ + line-height: 1.2; + } + h2{ + line-height: 1; + font-size: 1.5rem; + } + #title{ + text-align: center; + } + .phone{ + position: static; + transform: rotate(0); + width: 50%; + + } + +} \ No newline at end of file diff --git a/images/TechCrunch.png b/images/TechCrunch.png new file mode 100644 index 0000000..3dfcabb Binary files /dev/null and b/images/TechCrunch.png differ diff --git a/images/bizinsider.png b/images/bizinsider.png new file mode 100644 index 0000000..da13b13 Binary files /dev/null and b/images/bizinsider.png differ diff --git a/images/dog-img.jpg b/images/dog-img.jpg new file mode 100644 index 0000000..74ab2a3 Binary files /dev/null and b/images/dog-img.jpg differ diff --git a/images/iphone6.png b/images/iphone6.png new file mode 100644 index 0000000..2ef1983 Binary files /dev/null and b/images/iphone6.png differ diff --git a/images/lady-img.jpg b/images/lady-img.jpg new file mode 100644 index 0000000..caef2ea Binary files /dev/null and b/images/lady-img.jpg differ diff --git a/images/mashable.png b/images/mashable.png new file mode 100644 index 0000000..c49c0cf Binary files /dev/null and b/images/mashable.png differ diff --git a/images/tnw.png b/images/tnw.png new file mode 100644 index 0000000..2d4b4a7 Binary files /dev/null and b/images/tnw.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..599df3c --- /dev/null +++ b/index.html @@ -0,0 +1,236 @@ + + + + + + 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.

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

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.

+ + +
+ +
+ + + + + + + + + + \ No newline at end of file