Bootstrap 5 and Sass Tutorial for Beginners | Build a Landing Page From Scratch

preview_player
Показать описание
In this tutorial, we will teach you how to build a landing page using Bootstrap 5 and Sass.

Source Code on GitHub:

00:00:00 Introduction
00:00:37 Project Overview
00:01:30 Responsive Design
00:01:56 About Bootstrap 5
00:04:21 How to Customize Bootstrap
00:07:45 About Sass
00:11:41 Visual Studio Code
00:12:55 Live Sass Compiler
00:13:11 Live Server
00:14:15 Creating project directory
00:15:47 Installing dependencies: Bootstrap, Material Icons, and Bootstrap Icons
00:18:30 About node_modules
00:21:41 Creating project files
00:23:47 Basic HTML 5 structure
00:28:42 Adding Bootstrap, Material Icons, and Bootstrap Icons
00:34:00 Page Structure
00:36:33 Navbar
01:00:32 Hero Section
01:15:29 Products
01:28:51 Call to Action
01:34:47 Footer
01:35:57 Outro

#Bootstrap #Sass #LandingPage
Рекомендации по теме
Комментарии
Автор

I haven't finish the whole video and it surprise me how much details you provide to follow allong, this video is beyond good, new sub here ! 💯💯💯💯💯

piricuaco
Автор

Excellent stuff, would you say that using the index file is the way to go when adding bootstrap spacing etc and keep the css to an absolute minimum.
Just subscibed, excellent work, keep em coming

cybertraining
Автор

Great video. Thank you for your efforts. May I know what should I do before deploying my website? I know I shouldn't upload all the folders on the hosting platform.

CK_Kwok
Автор

I don't know why? 18liks but u deserves 1k per day. fantastic 10q u

virtualvibe