Client: Yoga Blog
Tools: Visual Studio Code, 5.3 Bootstrap Framework, and ChatGPT
For this project, I integrated:
- Responsiveness: Ensured my site’s layout, readability, and visuals are consistent and responsive, no matter what device it’s viewed on.
- Image Optimization: Ensured faster load times and improved performance across devices by using 72 ppi and WebP images.
- Carousel and Card Layouts: Created dynamic sections with a carousel for visual engagement and organized information through responsive cards.
- Embedded Video: Added an instructional video for a quick 5-minute yoga flow, offering users easy access to a guided practice, along with links to more videos.
- Design Details: Added drop shadows for depth, a floating button for easy navigation, and the color purple to convey a sense of calm and creativity.
- Accessibility: Conducted a thorough accessibility check for inclusivity.
- Validation: Completed W3C Markup Validation to confirm code quality and compliance.