Portfolio Website Using Bootstrap 5
HTML-код
- Опубликовано: 2 июн 2024
- Portfolio Website Using Bootstrap 5:
How to create a simple responsive portfolio website using HTML CSS and Bootstrap 5.
HTML | CSS | BOOTSTRAP
Timestamps:
0:00 - Final Output
0:10 - Channel Intro
0:13 - File setup
0:24 - Add Bootstrap navbar
1:27 - Hide button on small devices
2:03 - Hero section of the website
4:58 - Services section
5:30 - Bootstrap icon and styling
7:46 - About section
9:07 - Portfolio or projects section
10:50 - Get color from an image
11:18 - Testimonials carousel section
13:00 - Contact section
14:02 - Using CSS variable
15:23 - Footer
Source code for responsive Bootstrap portfolio website HTML CSS Bootstrap:
codingyaar.com/portfolio-webs...
Bootstrap 5 Navbars Playlist:
• Bootstrap Navbar Chang...
Bootstrap 5 Carousels Playlist:
• Bootstrap 5 Carousel
#bootstrapwebsite #portfoliowebsite #bootstrap #bootstrap5 #website #webdevelopment
Coding Yaar's Discord server: / discord
Buy Me A Coffee☕️:
www.buymeacoffee.com/codingyaar
Nice website
Great tutorial about create site with bootstrap! Thank you. What code editor do you use?
You're welcome! The code editor I use is Visual Studio Code.
@@codingyaar 😏👍
can u give image for this tutorial, i not found image for this lab. Btw good job its great boostrap custom tutorial
The images are from unDraw: undraw.co/illustrations
Good morning mam theme jaise baneye navbar ke sath drop-down menu
Good morning! Yeh navbars with dropdown use kar sakte ho:
Bootstrap navbar submenu: ruclips.net/video/sqwk7xXBhFk/видео.html
Bootstrap dropdown mega menu: ruclips.net/video/V5MquVuKlU4/видео.html