Skip to content

Commit 9e8c1bf

Browse files
harshita2216harshita2216
authored
Merge pull request #210 from gunjan-g/project
Tindog
2 parents 6cafdb7 + b224b44 commit 9e8c1bf

File tree

11 files changed

+437
-0
lines changed

11 files changed

+437
-0
lines changed

‎Index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -74,3 +74,4 @@
7474
| [Basic Contact Form](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Basic-Contact-Form) | A basic contact form having reset and send button. |
7575
| [Online quiz portal](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/online%20quiz%20portal) | An online portal in which an individual can attend the quiz and view the result automatically |
7676
| [Virtual Keyboard](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Virtual%20Keyboard) | This is a keyboard on the screen with all the components and a display. |
77+
| [Tindog](https://github.com/Ayushparikh-code/Web-dev-mini-projects/tree/main/Tindog) | Tinder customized for dogs to find their mate online |

‎Tindog/images/TechCrunch.png

10.7 KB
Loading

‎Tindog/images/bizinsider.png

13.7 KB
Loading

‎Tindog/images/dog-img.jpg

23 KB
Loading

‎Tindog/images/iphone6.png

232 KB
Loading

‎Tindog/images/lady-img.jpg

26.2 KB
Loading

‎Tindog/images/mashable.png

17 KB
Loading

‎Tindog/images/tnw.png

24.1 KB
Loading

‎Tindog/index.html

Lines changed: 243 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,243 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<title>TinDog</title>
7+
8+
<!--Bootsrap 4.0 CDN-->
9+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
10+
11+
<!-- Google Fonts -->
12+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Open+Sans&family=Ubuntu&display=swap" rel="stylesheet">
13+
14+
<!-- Adding CSS stylesheet -->
15+
<link rel="stylesheet" href="style.css">
16+
17+
<!-- Font Awesome CDN-->
18+
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
19+
20+
<!-- Javascript for Bootstrap -->
21+
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
22+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
23+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
24+
</head>
25+
26+
<body>
27+
28+
<section id="title">
29+
30+
<div class="container-fluid">
31+
32+
<!-- Navigation Bar -->
33+
<nav class="navbar navbar-expand-lg navbar-dark">
34+
<a class="navbar-brand" href="">tindog</a>
35+
36+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
37+
<span class="navbar-toggler-icon"></span>
38+
</button>
39+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
40+
41+
<ul class="navbar-nav ml-auto">
42+
<li class="nav-item">
43+
<a href="footer" class="nav-link">Contact</a>
44+
</li>
45+
<li class="nav-item">
46+
<a href="#pricing" class="nav-link">Pricing</a>
47+
</li>
48+
<li class="nav-item">
49+
<a href="#cta" class="nav-link">Download</a>
50+
</li>
51+
</ul>
52+
</div>
53+
54+
</nav>
55+
56+
57+
<!-- Title -->
58+
<div class="row">
59+
60+
<div class="col-lg-6">
61+
<div>
62+
<h1>Meet new and interesting dogs nearby.</h1>
63+
<button type="button" class="btn btn-dark btn-lg download-btn">
64+
<i class="fab fa-apple"></i> Download</button>
65+
<button type="button" class="btn btn-outline-light btn-lg download-btn">
66+
<i class="fab fa-google-play"></i> Download</button>
67+
</div>
68+
</div>
69+
70+
<div class="col-lg-6">
71+
<div>
72+
<img src="images/iphone6.png" class="title-image" alt="iphone-mockup">
73+
</div>
74+
</div>
75+
</div>
76+
77+
</div>
78+
</section>
79+
80+
81+
<!-- Features -->
82+
83+
<section id="features">
84+
85+
<div class="row">
86+
<div class="col-lg-4">
87+
<!--<span class="icons">-->
88+
<i class=" icons fas fa-check-circle fa-5x"></i> <!-- </span> -->
89+
<h3 class="feature-heading">Easy to use.</h3>
90+
<p>So easy to use, even your dog could do it.</p>
91+
</div>
92+
93+
<div class="col-lg-4">
94+
<!--<span class="icons">-->
95+
<i class=" icons fas fa-bullseye fa-5x"></i> <!-- </span> -->
96+
<h3 class="feature-heading">Elite Clientele</h3>
97+
<p>We have all the dogs, the greatest dogs.</p>
98+
</div>
99+
100+
<div class="col-lg-4">
101+
<i class="icons fas fa-heart fa-5x"></i>
102+
<h3 class="feature-heading">Guaranteed to work.</h3>
103+
<p>Find the love of your dog's life or your money back.</p>
104+
</div>
105+
106+
</div>
107+
108+
</section>
109+
110+
111+
<!-- Testimonials -->
112+
113+
<section id="testimonials">
114+
115+
<div id="testimonial-carousel" class="carousel slide" data-ride="false">
116+
<div class="carousel-inner">
117+
118+
<div class="carousel-item active">
119+
<h2 class="testimonial-heading">I no longer have to sniff other dogs for love. I've found the hottest Corgi on TinDog. Woof.</h2>
120+
<img class="testimonial-img" src="images/dog-img.jpg" alt="dog-profile">
121+
<em>Pebbles, New York</em>
122+
</div>
123+
124+
<div class="carousel-item">
125+
<h2 class="testimonial-heading">My dog used to be so lonely, but with TinDog's help, they've found the love of their life. I think.</h2>
126+
<img class="testimonial-img" src="images/lady-img.jpg" alt="lady-profile">
127+
<em>Beverly, Illinois</em>
128+
</div>
129+
</div>
130+
131+
<a class="carousel-control-prev" href="#testimonial-carousel" role="button" data-slide="prev">
132+
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
133+
<span class="sr-only">Previous</span>
134+
</a>
135+
<a class="carousel-control-next" href="#testimonial-carousel" role="button" data-slide="next">
136+
<span class="carousel-control-next-icon" aria-hidden="true"></span>
137+
<span class="sr-only">Next</span>
138+
</a>
139+
</div>
140+
141+
142+
<!-- -->
143+
144+
</section>
145+
146+
147+
<!-- Press -->
148+
149+
<section id="press">
150+
<img class="press-logo" src="images/techcrunch.png" alt="tc-logo">
151+
<img class="press-logo" src="images/tnw.png" alt="tnw-logo">
152+
<img class="press-logo" src="images/bizinsider.png" alt="biz-insider-logo">
153+
<img class="press-logo" src="images/mashable.png" alt="mashable-logo">
154+
155+
</section>
156+
157+
158+
<!-- Pricing -->
159+
160+
<section id="pricing">
161+
162+
<h2>A Plan for Every Dog's Needs</h2>
163+
<p>Simple and affordable price plans for your and your dog.</p>
164+
165+
<div class="row">
166+
167+
<div class="pricing-col col-lg-4 col-md-6">
168+
<div class="card">
169+
<div class="card-header">
170+
<h3>Chihuahua</h3>
171+
</div>
172+
<div class="card-body">
173+
<h2>Free</h2>
174+
<p>5 Matches Per Day</p>
175+
<p>10 Messages Per Day</p>
176+
<p>Unlimited App Usage</p>
177+
<button type="button" class="btn btn-lg btn-block btn-outline-dark">Sign Up</button>
178+
</div>
179+
</div>
180+
</div>
181+
182+
<div class="pricing-col col-lg-4 col-md-6">
183+
<div class="card">
184+
<div class="card-header">
185+
<h3>Labrador</h3>
186+
</div>
187+
<div class="card-body">
188+
<h2>$49 / mo</h2>
189+
<p>Unlimited Matches</p>
190+
<p>Unlimited Messages</p>
191+
<p>Unlimited App Usage</p>
192+
<button type="button" class="btn btn-block btn-dark btn-lg">Sign Up</button>
193+
</div>
194+
</div>
195+
</div>
196+
197+
<div class="pricing-col col-lg-4">
198+
<div class="card">
199+
<div class="card-header">
200+
<h3>Mastiff</h3>
201+
</div>
202+
<div class="card-body">
203+
<h2>$99 / mo</h2>
204+
<p>Pirority Listing</p>
205+
<p>Unlimited Matches</p>
206+
<p>Unlimited Messages</p>
207+
<p>Unlimited App Usage</p>
208+
<button type="button" class="btn btn-block btn-dark btn-lg">Sign Up</button>
209+
</div>
210+
</div>
211+
</div>
212+
213+
</div>
214+
</section>
215+
216+
217+
<!-- Call to Action -->
218+
219+
<section id="cta">
220+
221+
<h3 class="cta-heading">Find the True Love of Your Dog's Life Today.</h3>
222+
<button type="button" class="btn btn-dark btn-lg download-btn">
223+
<i class="fab fa-apple"></i> Download</button>
224+
<button type="button" class="btn btn-outline-light btn-lg download-btn">
225+
<i class="fab fa-google-play"></i> Download</button>
226+
</section>
227+
228+
229+
<!-- Footer -->
230+
231+
<footer id="footer">
232+
<i class="fab fa-twitter icon"></i>
233+
<i class="fab fa-facebook-f icon"></i>
234+
<i class="fab fa-instagram icon"></i>
235+
<i class="fas fa-envelope icon"></i>
236+
<p>© Copyright 2018 TinDog</p>
237+
238+
</footer>
239+
240+
241+
</body>
242+
243+
</html>

‎Tindog/readme.md

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
### Tindog
2+
It is a copy of tinder, customised for dogs to find their mate
3+
4+
### Use of the Project:
5+
Used by people to find the love for their dogs
6+
7+
### Tech Stack
8+
* HTML5
9+
* CSS3
10+
* BOOTSTRAP
11+
12+
13+
#### Steps to Use:
14+
15+
---
16+
17+
- Download or clone the repository
18+
19+
```
20+
git clone https://github.com/gunjan-g/TINDOG.git
21+
```
22+
23+
- Go to the directory
24+
- Run the index.html file
25+
- Have a look
26+
27+
---
28+
29+
## Screenshots
30+
![image](https://user-images.githubusercontent.com/81305824/125517278-e6dc9bb3-4db9-4d99-9efd-920447ed0513.png)
31+

0 commit comments

Comments
 (0)