Lorem Pets

Lorem Pets it's a small application built with vanilla JavaScript, HTML, CSS and Bootstrap.

Table of Content

• Preview
• Demo
• Acknowledgements

Preview

Landing Page

User can:

• View pets by clicking on Adopt / See full gallery.

Pet Gallery Page

User can:

• Click on Visit profile to view the details of the pet (opens in a new window).
• Click on the top buttons to show the animal you want based on species.
• Click on Filter to filter animals based on breed, gender, age, size.
• Click on Show more to load more animals.

Sign Up Page

• Click on Sign Up - the data will pe logged to the console.

Demo

You can see live demo here.

Acknowledgements

• Petfinder API
• Design by Maja Djukanovic on Behance
• Logo on LOGO
• Favicon
• Images with transparent background
  • 喜宝HIPP on pngtree
  • FLOUFFY on Unsplash
  • storyset on freepik
  • Vinícius Henrique Photography on Unsplash
• Images
  • Tran Mau Tri Tam ✪ on Unsplash
  • Eric Ward on Unsplash
  • Alvin Balemesa on Unsplash
  • Toa Heftiba on Unsplash
  • Jack Finnigan on Unsplash
  • Jimmy Fermin on Unsplash
  • Foto Sushi on Unsplash