diff --git a/README.md b/README.md index aa4a515..039ef54 100644 --- a/README.md +++ b/README.md @@ -1 +1,81 @@ -# tin-dog \ No newline at end of file +# TinDog Project + +HINT: To fiure out which Bootstrap components/snippets are used. Refer to the PDF below: +https://github.com/appbrewery/tindog/blob/main/Bootstrap-snippets.pdf + +## SVGs: + +Apple Logo: + + + + + +Google Play Logo: + + + + +Checkmark: + + + + + +Hat: + + + + + +Heart: + + + + +## Text: + +Meet new and interesting dogs nearby. + +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. + +"I no longer have to sniff other dogs for love. I've found the hottest Corgi on TinDog. Woof." +Pebbles, New York + +A Plan for Every Dog's Needs +Simple and affordable price plans for you and your dog. + +Chihuahua +$0/mo +5 Matches Per Day +10 Messages Per Day +Unlimited App Usage + +Labrador +$15/mo +Unlimited Matches +Unlimited Messages +Unlimited App Usage + +Mastiff +$29/mo +Pirority Listing +Unlimited Matches & Messages +Unlimited App Usage diff --git a/arrow-through-heart.svg b/arrow-through-heart.svg new file mode 100644 index 0000000..797574a --- /dev/null +++ b/arrow-through-heart.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/check2-circle.svg b/check2-circle.svg new file mode 100644 index 0000000..a7da95a --- /dev/null +++ b/check2-circle.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/css/solution.css b/css/solution.css new file mode 100644 index 0000000..3c06c17 --- /dev/null +++ b/css/solution.css @@ -0,0 +1,28 @@ +.gradient-background { + background: linear-gradient(300deg, #00bfff, #ff4c68, #ef8172); + background-size: 180% 180%; + animation: gradient-animation 18s ease infinite; +} + +@keyframes gradient-animation { + 0% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } +} + +.icon-square { + width: 3rem; + height: 3rem; + border-radius: 0.75rem; +} + +.profile-img { + border-radius: 50%; + height: 100px; +} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..adaed86 --- /dev/null +++ b/css/style.css @@ -0,0 +1,28 @@ +.gradient-background { + background: linear-gradient(300deg, #00bfff, #ff4c68, #ef8172); + background-size: 180% 180%; + animation: gradient-animation 18s ease infinite; +} + +@keyframes gradient-animation { + 0% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } +} + +.icon-square { + width: 3rem; + height: 3rem; + border-radius: 0.75rem; +} + +.profile-img { + height: 100px; + border-radius: 50%; +} diff --git a/goal images/features-goal.jpg b/goal images/features-goal.jpg new file mode 100644 index 0000000..6c1ff16 Binary files /dev/null and b/goal images/features-goal.jpg differ diff --git a/goal images/footer-goal.jpg b/goal images/footer-goal.jpg new file mode 100644 index 0000000..0816bf7 Binary files /dev/null and b/goal images/footer-goal.jpg differ diff --git a/goal images/pricing-goal.jpg b/goal images/pricing-goal.jpg new file mode 100644 index 0000000..b44ffae Binary files /dev/null and b/goal images/pricing-goal.jpg differ diff --git a/goal images/testimonial-goal.jpg b/goal images/testimonial-goal.jpg new file mode 100644 index 0000000..d694d48 Binary files /dev/null and b/goal images/testimonial-goal.jpg differ diff --git a/goal images/title-goal.jpg b/goal images/title-goal.jpg new file mode 100644 index 0000000..9afaf57 Binary files /dev/null and b/goal images/title-goal.jpg 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/iphone.png b/images/iphone.png new file mode 100644 index 0000000..fd0c852 Binary files /dev/null and b/images/iphone.png 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/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/tnw.png b/images/tnw.png new file mode 100644 index 0000000..f380c10 Binary files /dev/null and b/images/tnw.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..f1cbe89 --- /dev/null +++ b/index.html @@ -0,0 +1,241 @@ + + + + + + + + TinDog + + + + + + + +
+
+
+
+ Bootstrap Themes +
+
+

Meet new and interesting dogs nearby.

+

Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.

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

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.

+ +
+
+
+
+
+ +
+
+
+

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

+ my dog +
Pebbles, New York
+
+
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+
+
+ +
+
+
+ + +
+

A Plan for Every Dog's Needs

+

Simple and affordable price plans for you and your dog..

+
+
+ +
+
+
+
+
+

Chihuahua

+
+
+

$0/mo

+
    +
  • 5 Matches Per Day
    • +
  • 10 Messages Per Day
    • +
  • Unlimited App Usage
    • +
+ +
+
+
+
+
+
+

Labrador

+
+
+

$15/mo

+
    +
  • Unlimited Matches
    • +
  • Unlimited Messages
    • +
  • Unlimited App Usage
    • +
+ +
+
+
+
+
+
+

Mastiff

+
+
+

$29/mo

+
    +
  • Pirority Listing
    • +
  • Unlimited Matches & Messages
    • +
  • Unlimited App Usage
    • +
+ +
+
+
+
+ + + + + +
+ + +
+ +
+ + + + + + + \ No newline at end of file diff --git a/mortarboard.svg b/mortarboard.svg new file mode 100644 index 0000000..83ac968 --- /dev/null +++ b/mortarboard.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/solution.html b/solution.html new file mode 100644 index 0000000..02f68cc --- /dev/null +++ b/solution.html @@ -0,0 +1,243 @@ + + + + + + + TinDog + + + + + + + + +
+ +
+
+
+ Bootstrap Themes +
+
+

Meet new and interesting dogs nearby.

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

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.

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

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

+ dog image +

+ Pebbles, New York +

+
+ +
+
+
+ techcrunch +
+
+ mashable +
+
+ bizinsider +
+
+ tnw +
+
+
+
+
+
+ +
+
+
+

A Plan for Every Dog's Needs

+

Simple and affordable price plans for you and your dog. +

+
+
+
+
+

Chihuahua

+
+
+

$0/mo

+
    +
  • 5 Matches Per Day
    • +
  • 10 Messages Per Day
    • +
  • Unlimited App Usage
    • +
+ +
+
+
+
+
+
+

Labrador

+
+
+

$15/mo

+
    +
  • Unlimited Matches
    • +
  • Unlimited Messages
    • +
  • Unlimited App Usage
    • +
+ +
+
+
+
+
+
+

Mastiff

+
+
+

$29/mo

+
    +
  • Pirority Listing
    • +
  • Unlimited Matches & Messages
    • +
  • Unlimited App Usage
    • +
+ +
+
+
+
+
+
+ +
+
+ +
+
+ + + \ No newline at end of file