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

Опубликовано: 16 Ноябрь 2024
на канале: Bedimcode

82,040

2.5k

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

❤ Support this project
https://www.buymeacoffee.com/bedimcod...

❤ Support this project by PayPal
https://ko-fi.com/s/e6bdaf7cdf

✔️ 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
   • Settings and how to use Sass | Config...

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

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

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

🔗 Source code
https://github.com/bedimcode/responsi...

☝ How to download the project
Click on the GitHub link
Click the green button (code)
Click Download ZIP
Extract the project to the desired location

👨‍💻 Start project from scratch
https://github.com/bedimcode/responsi...

🔔 Subscribe for more!
   / bedimcode

⏱ 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:   / bedimcode
Facebook:   / bedimcode

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

💙 Support me by PayPal
https://ko-fi.com/bedimcode

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

🎵 Music
This video has no music, (due to copyright).
Choose your favorite music and enjoy the video, greetings.

#responsivewebsite #responsivelandingpage #bedimcode