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.

Yoga Blog Landing Page

Blog Desktop Landing Page.

Blog is responsive for various screens.

Yoga Blog HTML Code

Blog HTML and CSS in Visual Studio Code.

Let's Connect!

en_USEnglish