Responsive Website Design Using HTML Sass & JavaScript 🚚 | Delivery Landing Page

Responsive Website Design Using HTML Sass & JavaScript 🚚 | Delivery Landing Page


✔️ Description English
In this tutorial I use the Sass language. Below is a video on how to configure Live Sass in Visual Studio Code and how to use the Sass syntax.

✔️- Descripción Español
En este tutorial utilizo el lenguaje Sass. Abajo te dejo hay un video de cómo configurar Live Sass en Visual Studio Code y cómo usar la sintaxis de Sass.

🎥 Sass language video
https://youtu.be/PYm6QkM7bOU

📁 Assets
Icons: https://boxicons.com/
Fonts: https://fonts.google.com/
GitHub: https://github.com/bedimcode

HSL color mode
w3schools: https://www.w3schools.com/colors/colors_hsl.asp
Dopely: https://colors.dopely.top/

Images Svg
https://www.freepik.es/stories

📚 Knowledge
HTML, CSS(Grid, Flexbox), Variables CSS, Sass, JavaScript DOM, Responsive Web Design. Anyway you can learn everything mentioned. Follow the tutorial.

👇 Source code
https://github.com/bedimcode/responsive-website-delivery

📂 Start project from scratch
https://github.com/bedimcode/responsive-website-delivery/tree/Start-project-from-scratch

🔔 Subscribe for more!
https://www.youtube.com/c/Bedimcode?sub_confirmation=1

👇 Support this work
https://www.buymeacoffee.com/bedimcode/e/43708

⏱ Timestamps
0:00 Intro
2:48 Project Setup
4:20 Turn On Live Sass
4:36 Variables CSS
9:26 Reset HTML
11:35 Reusable CSS Classes
13:06 Layout CSS
13:43 Header & Nav Menu
23:22 Home
27:47 Buttons
29:25 About
32:33 Security
35:12 Services
43:21 App
49:02 Contact
53:31 Footer
01:02:16 Scroll Sections Active Link
01:05:17 Change Background Header
01:06:44 Scroll Up
01:10:45 Scroll Bar
01:12:04 Dark/Light Theme
01:17:18 Media Queries
01:32:17 Change Color To Project
01:35:26 Final Project

👇 Follow me
Instagram: https://www.instagram.com/bedimcode/
Facebook: https://www.facebook.com/bedimcode

☕️ Support me
https://www.buymeacoffee.com/bedimcode

👍 Thanks for watching!
Make sure to like + Subscribe For More! ❤

🎵 Music
Song: JayJen & Osheen - Holiday
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: https://youtu.be/WOHs5T1-Uro

Song: AERØHEAD - Fragments
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution-ShareAlike 3.0 Unported
Video Link: https://youtu.be/qmW6ZEIzrmI

Song: Sappheiros - Falling (Ft. eSoreni)
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: https://youtu.be/nrSiVf-rX4o

Song: AERØHEAD - Leaving
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution-ShareAlike 3.0 Unported
Video Link: https://youtu.be/bOQpCjA7-6E

Song: AERØHEAD - Perilune
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution-ShareAlike 3.0 Unported
Video Link: https://youtu.be/fHMn2KLL_Ew

#responsivewebsite #responsivelandingpage #bedimcode

responsive websiteresponsive website html css javascriptdelivery website