This is Tindog. A social network to find dogs nearby to sniff and play.
This project was built in the Angela's course - Web Development Full Course - on Udemy using the latest version of bootstrap.
- See the project online: Tindog
- Semantic HTML5
- Bootstrap CSS Framework
- Flexbox
- Responsive design
- Font Awesome
Tindog was the first project that I used the bootstrap css framework to build a website. Using it facilitates the development in 100%.
I've comprehended how to use several components like buttons, cards and carousel.
<div class="card">
<div class="card-header">
<h3>Chihuahua</h3>
</div>
<div class="card-body">
<h2>Free</h2>
<p>5 Matches Per Day</p>
<p>10 Messages Per Day</p>
<p>Unlimited App Usage</p>
<div class="d-grid">
<button class="btn btn-outline-primary" type="button">Sign Up</button>
</div>
</div>
</div>
Furthermore, I've comprehended how to built the website maintaining the responsivity in mind with media query.
- Bootstrap Documentation: See more here
- Font Awesome: See more here
- Twitter: Angela Yu