Responsive Website Using HTML CSS And JavaScript - Responsive Yoga Website Design Using HTML CSS & JavaScript

4.0 (1)

33 learners

What you'll learn

This course includes

76.5 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

responsive website html css javascript responsive website html css responsive yoga website design using html css & javascript website html css javascript responsive website using html css and javascript responsive website design responsive web design responsive yoga website yoga website yoga website design html css

Full Transcript

Responsive yoga website design using HTML CSS & JavaScript. With CSS animations when scrolling. Includes a light and dark theme. And deployment of website to the internet. Developed first with the Mobile First methodology, then for desktop. 🔔 Subscribe for more! https://www.youtube.com/@Bedimcode - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ❤️ Get source code https://buymeacoffee.com/bedimcode/e/123148 💙 Get source code by PayPal https://ko-fi.com/s/4aa23e8a0d - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 👨‍💻 Start project from scratch https://github.com/bedimcode/responsive-yoga-website 👆 Download (files + images) - Click on the GitHub link - Click the green button (code) - Click Download ZIP - Extract the project to the desired location 📂Assets Icons: https://remixicon.com/ Fonts: https://fonts.google.com/ JS Functions: https://github.com/bedimcode/responsive-watches-website ScrollReveal: https://scrollrevealjs.org/ Netlify: https://www.netlify.com/ ⏱ Timestamps 0:00 Intro Responsive Yoga Website 3:32 Project Setup 5:36 Variables CSS 5:46 Reset HTML & Reusable CSS 8:46 Header & Nav 19:42 Section Home 29:24 Buttons 31:35 Section List 44:32 Add Blur Header 42:51 Section Health 51:25 Section Routine 59:49 Section Follow 1:07:34 Section Join 1:13:08 Footer 1:22:45 Scroll Bar 1:24:06 Scroll Up 1:27:20 Scroll Sections Active Link 1:29:40 Dark/Light Theme 1:40:14 Breakpoints 2:17:05 ScrollReveal Animation 2:21:45 Final Project 2:23:18 Website Deployment (Uploading to the internet) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ✒️ Inspirate https://dribbble.com/shots/20471115-Yoga-Landing-page-Design 📸 Original Images https://www.freepik.com/ https://unsplash.com/ 💬 Doubts in the project send a DM to Facebook ⌚ I answer at 6:00 PM (Perú time) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ☕️ Support me https://www.buymeacoffee.com/bedimcode https://ko-fi.com/bedimcode 👍 Thanks for watching! Make sure to like + Subscribe for more! 💗 #responsivewebsite #websitehtmlcss #bedimcode