diff --git a/Fronted Projects/tinDog - Canine Connection App/README.md b/Fronted Projects/tinDog - Canine Connection App/README.md new file mode 100644 index 00000000..365988dd --- /dev/null +++ b/Fronted Projects/tinDog - Canine Connection App/README.md @@ -0,0 +1,68 @@ +# tinDog - Canine Connection Apsp + +Welcome to tinDog, the ultimate platform for dog lovers to meet nearby dogs and potentially find their true love. Inspired by Tinder, tinDog is designed to connect people through their shared love for dogs. Swipe right to meet your furry friend or even your future life partner. Get started now and unleash the world of doggy happiness! + +## Table of Contents + +- [Demo](#demo) +- [Technologies Used](#technologies-used) +- [Features](#features) +- [Screenshots](#screenshots) +- [Getting Started](#getting-started) +- [Contributing](#contributing) +- [License](#license) + +## Demo + +Check out the live demo: [tinDog Live Demo](https://ahsancommits.github.io/tinDog) + +## Technologies Used + +This app is built using the following technologies: + +- HTML +- CSS +- JavaScript +- Bootstrap +- Responsive Design + +## Features + +- User-friendly, Tinder-inspired interface for dog lovers. +- Find nearby dogs and their owners. +- Swipe right to like and connect with others. +- Explore a world of doggy happiness. +- Connect with like-minded dog enthusiasts. +- Responsive design for a seamless experience on all devices. + +## Screenshots + +![tinDog Screenshot 1](images/1.png) + +![tinDog Screenshot 2](images/2.png) + +![tinDog Screenshot 3](images/3.png) + +## Getting Started + +Follow these steps to get a copy of the project up and running on your local machine. + +1. Clone the repository: + + ```shell + git clone https://github.com/ahsancommits/tinDog.git + ``` + +2. Open the project directory: + + ```shell + cd tinDog + ``` + +3. Open the `index.html` file in your web browser to start using tinDog. + +## Contributing + +We welcome contributions from the community. If you have ideas for improvements or find any issues, please submit a pull request or open an issue in this repository. + +Enjoy connecting with fellow dog lovers on tinDog! 🐶❤️ diff --git a/Fronted Projects/tinDog - Canine Connection App/css/styles.css b/Fronted Projects/tinDog - Canine Connection App/css/styles.css new file mode 100644 index 00000000..695a818c --- /dev/null +++ b/Fronted Projects/tinDog - Canine Connection App/css/styles.css @@ -0,0 +1,196 @@ +body { + font-family: 'Montserrat', sans-serif; + text-align: center; +} + +h1, h2, h3, h4, h5, h6 { + font-family: 'Montserrat', sans-serif; + font-weight: 700; +} + +p { + color: #8f8f8f; +} + +/* Headings */ + +.big-heading{ + font-family: 'Montserrat', sans-serif; + font-size: 3.5rem; + font-weight: 900; + line-height: 1.5; +} + +.section-heading{ + font-size: 3rem; + line-height: 1.5; +} + + +/* Containers */ + +.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', sans-serif; + font-size: 2.5rem; + font-weight: bold; +} + +.nav-item { + padding: 0 18px; +} + +.nav-link { + font-size: 1.2rem; + font-family: 'Montserrat', sans-serif; + font-weight: 300; +} + +/* Title Section */ + +#title .container-fluid{ + padding: 3% 15% 7%; + text-align: left; +} + +/* Download Buttons */ +.download-button { + margin: 5% 3% 5% 0; +} + +/* Title Image */ +.title-image { + height: 67%; + transform: rotate(25deg); + position: absolute; + right: 25%; +} + +/* Features Section*/ +#features { + position: relative; +} + +.feature-title { + font-size: 1.5rem; +} + +.feature-box { + padding: 2.8%; +} + +.icon { + color: #ef8172; + margin-bottom: 1rem; +} + +.icon:hover { + color: #ff4c68; +} + +/* Testimonials Section */ +#testimonials { + background-color: #ef8172; +} + +.testimonial-text { + font-size: 3rem; + line-height: 1.5; +} + +.testimonial-image { + width: 10%; + border-radius: 100%; + margin: 20px; +} + + +/* Press Section */ +#press { + background-color: #ef8172; + padding-bottom: 3%; +} + +.press-logo { + width: 15%; + margin: 20px 20px 50px; +} + +/* Pricing Section */ +#pricing { + padding: 100px; +} + +.price-title { + margin-top: 0.5rem; + font-size: 1.5rem; +} + +.price-text{ + font-size: 3rem; +} + +.pricing-column { + padding: 3% 2%; +} + +.pricing-icon { + display: flex; + align-items: center; +} + +.pricing-icon i { + color: #ef8172; +} + +.pricing-icon i:hover { + color: #ff4c68; +} + +.pricing-icon p { + margin: 0 10px; +} + + +/* Footer Section */ + +.social-icon{ + margin: 20px 10px; +} + + +/* Responsive */ +@media (max-width: 1028px) { + .title-main{ + text-align: center; + } + + + .nav-item { + padding: 0; + } + + .title-image{ + position: static; + transform: rotate(0); + } +} diff --git a/Fronted Projects/tinDog - Canine Connection App/images/1.png b/Fronted Projects/tinDog - Canine Connection App/images/1.png new file mode 100644 index 00000000..53977a21 Binary files /dev/null and b/Fronted Projects/tinDog - Canine Connection App/images/1.png differ diff --git a/Fronted Projects/tinDog - Canine Connection App/images/2.png b/Fronted Projects/tinDog - Canine Connection App/images/2.png new file mode 100644 index 00000000..b867e4fe Binary files /dev/null and b/Fronted Projects/tinDog - Canine Connection App/images/2.png differ diff --git a/Fronted Projects/tinDog - Canine Connection App/images/3.png b/Fronted Projects/tinDog - Canine Connection App/images/3.png new file mode 100644 index 00000000..1fbe0f54 Binary files /dev/null and b/Fronted Projects/tinDog - Canine Connection App/images/3.png differ diff --git a/Fronted Projects/tinDog - Canine Connection App/images/bizinsider.png b/Fronted Projects/tinDog - Canine Connection App/images/bizinsider.png new file mode 100644 index 00000000..da13b139 Binary files /dev/null and b/Fronted Projects/tinDog - Canine Connection App/images/bizinsider.png differ diff --git a/Fronted Projects/tinDog - Canine Connection App/images/dog-favicon.png b/Fronted Projects/tinDog - Canine Connection App/images/dog-favicon.png new file mode 100644 index 00000000..63d3b286 Binary files /dev/null and b/Fronted Projects/tinDog - Canine Connection App/images/dog-favicon.png differ diff --git a/Fronted Projects/tinDog - Canine Connection App/images/dog-img.jpg b/Fronted Projects/tinDog - Canine Connection App/images/dog-img.jpg new file mode 100644 index 00000000..74ab2a3b Binary files /dev/null and b/Fronted Projects/tinDog - Canine Connection App/images/dog-img.jpg differ diff --git a/Fronted Projects/tinDog - Canine Connection App/images/iphone6--2.png b/Fronted Projects/tinDog - Canine Connection App/images/iphone6--2.png new file mode 100644 index 00000000..75eb71fe Binary files /dev/null and b/Fronted Projects/tinDog - Canine Connection App/images/iphone6--2.png differ diff --git a/Fronted Projects/tinDog - Canine Connection App/images/iphone6.png b/Fronted Projects/tinDog - Canine Connection App/images/iphone6.png new file mode 100644 index 00000000..2ef1983f Binary files /dev/null and b/Fronted Projects/tinDog - Canine Connection App/images/iphone6.png differ diff --git a/Fronted Projects/tinDog - Canine Connection App/images/lady-img.jpg b/Fronted Projects/tinDog - Canine Connection App/images/lady-img.jpg new file mode 100644 index 00000000..caef2ead Binary files /dev/null and b/Fronted Projects/tinDog - Canine Connection App/images/lady-img.jpg differ diff --git a/Fronted Projects/tinDog - Canine Connection App/images/mashable.png b/Fronted Projects/tinDog - Canine Connection App/images/mashable.png new file mode 100644 index 00000000..c49c0cfc Binary files /dev/null and b/Fronted Projects/tinDog - Canine Connection App/images/mashable.png differ diff --git a/Fronted Projects/tinDog - Canine Connection App/images/tc-logo.png b/Fronted Projects/tinDog - Canine Connection App/images/tc-logo.png new file mode 100644 index 00000000..3dfcabb2 Binary files /dev/null and b/Fronted Projects/tinDog - Canine Connection App/images/tc-logo.png differ diff --git a/Fronted Projects/tinDog - Canine Connection App/images/tnw.png b/Fronted Projects/tinDog - Canine Connection App/images/tnw.png new file mode 100644 index 00000000..2d4b4a78 Binary files /dev/null and b/Fronted Projects/tinDog - Canine Connection App/images/tnw.png differ diff --git a/Fronted Projects/tinDog - Canine Connection App/index.html b/Fronted Projects/tinDog - Canine Connection App/index.html new file mode 100644 index 00000000..28ddac86 --- /dev/null +++ b/Fronted Projects/tinDog - Canine Connection App/index.html @@ -0,0 +1,268 @@ + + + + + + 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

+
+ +

Pirority Listing

+
+
+ +

5 Matches Per Day

+
+
+ +

10 Messages Per Day

+
+
+ +

Unlimited App Usage

+
+ + +
+
+
+ +
+
+
+

Labrador

+
+
+ +

$49 / mo

+
+ +

Pirority Listing

+
+
+ +

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.

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