Client: Yoga Blog
Scope: Design and build a responsive one page microsite website with HTML and CSS.
Tools: Visual Studio Code, 5.3 Bootstrap Framework, and ChatGPT
Combining my love of yoga and coding, I wanted to practice utilizing ChatGPT to assist with coding a responsive website. My microsite focuses on targeting yoga and meditation beginners.
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 HTML and CSS in Visual Studio Code.