Hello guys🥰
In this tutorial, we are coding template of responsive Beauty website, with HTML , (CSS) SASS for styling of different part of site such as Navbar menu which In responsive mode, it becomes a Burger menu. Also Using CSS rules, we create an animation of the burger menu for making responsive Navigation menu and design the button with (CSS) sass rules ,box-shadows, transform,….. If you want add responsive search box to navbar you can watch 👇🏻this video:
🔴
Every week I will upload new video ✅
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, Frameworks such as Bootstrap and more along with creative UI/UX Designs and grow your skills in front-end web development.
also download documents of this tutorial: github.com/AsmrWebCoder😎
If you enjoy watching this video , support me by subscribing and commenting:
Subscribe →
Subscriptions, good comments and likes are great support for me
M coder
MCoder2023
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming
Responsive website
Responsive navbar
Burger menu
Beauty website

video contents:
00:00 – Intro
00:48 – Warming Fingers – Showing my heart to you guys
01:04 – HTML coding
02:07 – Navbar HTML coding
03:29 – burger Menu HTML coding
05:12 – responsive navigation menu for mobile HTML coding
07:28 – Section part HTML coding
10:22 – Import sass stylesheet to main.scss for compiling to CSS rules
10:59 – Base CSS styles
14:42 – Create layout part in sass and nav.scss for styling
16:33 – utils Create in sass complier and Define the flex function
20:50 – Define variables for using color-styling
23:29 – links CSS styling
27:18 – BurgerMenu CSS styling
34:02 – CSS styling responsive
43:33 – navbar CSS style
46:11 – button CSS style
49:39 – section CSS style
57:48 – Final result of this project