A pet adoption website featuring a gallery of adorable dogs.

Visit the site here!

• JavaScript
• jQuery
• HTML and CSS
• Sass
• Bootstrap
• Lightbox
• Lazy loading with Lozad JS

• Responsive across popular browers, screens, and platforms
• SEO Optimization
• Clicking on images opens image in full-size view in modal
• Modal can be closed by clicking on 'x' or outside modal

• Add lightbox to image gallery
• Add Sass to project
• Build fluid responsive grid gallery
• Compress images using TinyPNG
• Implement lazy load to images using Lozad JS
• Compress images for performance optimization
• Back-to-top button
• Add smooth scroll
• Implement load more feature after x photos
• Add filtering capability to gallery
• Global site search
• Automate image optimization
• Install webpack

1. Setup local testing server
2. If making style changes, install Sass and run sass --watch sass/styles.scss:styles.css --style compressed