Watch Make a Portfolio Website with HTML, CSS, Jquery, Bootstrap 5 Free Online - Full Video Classroom | MJ Accedemy

Udemy – Make a Portfolio Website with HTML, CSS, Jquery, Bootstrap 5 2022-9

Download Course (Free)

Lecture 22/69

00:00/00:00

Lecture 22 of 69

Downloading and using Bootstrap 5

Download Course (Free)

Course Content

0 / 69 completed

Section 1: Prerequisites1 videos

Code Editors

Section 2: Visual Studio Code Editor16 videos

VS Code Installation

Opening Folders (Single and Multiple)

13m

Autosave

Export Settings

Installing Extensions

16m

Reset VS Code

Extension - Auto Rename Tag

Extension - Material Icon Theme

Extension - Bootstrap 5 Quick Snippets

20m

Extension - Vscode Great Icons

Creating and Working with Snippets

32m

Extension - HTML CSS Support

Extension - Live Server

Extension - Live Server Preview

Color Scheme

19m

Settings Sync

Section 3: Introduction1 videos

Introduction

1h 15m

Section 4: Layout and Design3 videos

Creating basic files and folders

Writing initial codes for HTML

Downloading and using Bootstrap 5

31mNow Playing

Section 5: Header Section3 videos

Header Section - Part 2

18m

Header Section - Part 3

26m

Header Section - Part 1

32m

Section 6: Home Page - Banner2 videos

Home Page - Banner - Part 1

19m

Home Page - Banner - Part 2

31m

Section 7: Home Page - About Section2 videos

Home Page - About Section - Part 1

45m

Home Page - About Section - Part 2

55m

Section 8: Home Page - Skill Section2 videos

Home Page - Skill Section - Part 2

12m

Home Page - Skill Section - Part 1

50m

Section 9: Home Page - Qualification Section2 videos

Home Page - Qualification Section - Part 2

29m

Home Page - Qualification Section - Part 1

1h 18m

Section 10: Home Page - Service Section2 videos

Home Page - Service Section - Part 2

21m

Home Page - Service Section - Part 1

45m

Section 11: Home Page - Counter Section2 videos

Home Page - Counter Section - Part 2

24m

Home Page - Counter Section - Part 1

42m

Section 12: Home Page - Portfolio Section2 videos

Home Page - Portfolio Section - Part 2

19m

Home Page - Portfolio Section - Part 1

1h 30m

Section 13: Home Page - Testimonial Section2 videos

Home Page - Testimonial Section - Part 1

44m

Home Page - Testimonial Section - Part 2

44m

Section 14: Home Page - Blog Section2 videos

Home Page - Blog Section - Part 1

24m

Home Page - Blog Section - Part 2

16m

Section 15: Home Page - Finishing5 videos

Preloader Setup

18m

Favicon Setup

11m

Scroll to Top

40m

Inserting Links

22m

Adding Section Animation

32m

Section 16: Home Page - Client Section1 videos

Home Page - Client Section

32m

Section 17: Footer Section1 videos

Footer Section

57m

Section 18: Services Page1 videos

Services Page

14m

Section 19: Service Detail Page2 videos

Service Detail Page - Part 1

27m

Service Detail Page - Part 2

1h 19m

Section 20: About Page1 videos

About Page

1h 4m

Section 21: Portfolio Page1 videos

Portfolio Page

11m

Section 22: Portfolio Detail Page3 videos

Portfolio Detail Page - Part 2

28m

Portfolio Detail Page - Part 1

48m

Portfolio Detail Page - Part 3

1h 25m

Section 23: Blog Page1 videos

Blog Page

48m

Section 24: Blog Detail Page5 videos

Blog Detail Page - Part 1

1h 1m

Blog Detail Page - Part 3

27m

Blog Detail Page - Part 2

46m

Blog Detail Page - Part 4

1h 6m

Blog Detail Page - Part 5

43m

Section 25: Category and Archive Page1 videos

Category and Archive Page

16m

Section 26: Contact Page2 videos

Contact Page - Part 1

32m

Contact Page - Part 2

35m

Section 27: Checking the Responsiveness3 videos

Responsive Check - Part 2

43m

Responsive Check - Part 1

1h 30m

Responsive Check - Part 3

1h 30m

About this Lecture

Section: Layout and Design • Size: 67.25 MB • Duration: 31m

Course Summary

Make a Portfolio Website with HTML, CSS, Jquery, Bootstrap 5 is a training course on making a portfolio website with HTML, CSS, Jquery, Bootstrap 5, which was published by Udemy Online Academy. Creating a portfolio website using HTML, CSS, jQuery and Bootstrap 5 is a great way to showcase your skills, projects and professional achievements. This combination of technologies allows you to build a responsive, visually appealing and interactive website with relative ease. By leveraging the strengths of these technologies, you can create a responsive, interactive, and visually appealing portfolio that effectively showcases your skills and projects. Whether you’re a developer, designer, or creative professional, a well-crafted portfolio website is an essential tool for making a strong impression and advancing your career.In this course, you will not only learn how to code, but you will also learn how to use the modern Visual Studio code editor and how to take advantage of VS Code’s great plugins. With the help of this training course, you will be able to use all the potential of HTML, CSS, Jquery, Bootstrap 5 to build your portfolio website and have better job opportunities. This course is recommended for people who want to build a personal portfolio website, people who want to learn front end development, and people who want to find a job through a personal website.

Course Content

0 / 69 completed

Section 1: Prerequisites1 videos

Code Editors

Section 2: Visual Studio Code Editor16 videos

VS Code Installation

Opening Folders (Single and Multiple)

13m

Autosave

Export Settings

Installing Extensions

16m

Reset VS Code

Extension - Auto Rename Tag

Extension - Material Icon Theme

Extension - Bootstrap 5 Quick Snippets

20m

Extension - Vscode Great Icons

Creating and Working with Snippets

32m

Extension - HTML CSS Support

Extension - Live Server

Extension - Live Server Preview

Color Scheme

19m

Settings Sync

Section 3: Introduction1 videos

Introduction

1h 15m

Section 4: Layout and Design3 videos

Creating basic files and folders

Writing initial codes for HTML

Downloading and using Bootstrap 5

31mNow Playing

Section 5: Header Section3 videos

Header Section - Part 2

18m

Header Section - Part 3

26m

Header Section - Part 1

32m

Section 6: Home Page - Banner2 videos

Home Page - Banner - Part 1

19m

Home Page - Banner - Part 2

31m

Section 7: Home Page - About Section2 videos

Home Page - About Section - Part 1

45m

Home Page - About Section - Part 2

55m

Section 8: Home Page - Skill Section2 videos

Home Page - Skill Section - Part 2

12m

Home Page - Skill Section - Part 1

50m

Section 9: Home Page - Qualification Section2 videos

Home Page - Qualification Section - Part 2

29m

Home Page - Qualification Section - Part 1

1h 18m

Section 10: Home Page - Service Section2 videos

Home Page - Service Section - Part 2

21m

Home Page - Service Section - Part 1

45m

Section 11: Home Page - Counter Section2 videos

Home Page - Counter Section - Part 2

24m

Home Page - Counter Section - Part 1

42m

Section 12: Home Page - Portfolio Section2 videos

Home Page - Portfolio Section - Part 2

19m

Home Page - Portfolio Section - Part 1

1h 30m

Section 13: Home Page - Testimonial Section2 videos

Home Page - Testimonial Section - Part 1

44m

Home Page - Testimonial Section - Part 2

44m

Section 14: Home Page - Blog Section2 videos

Home Page - Blog Section - Part 1

24m

Home Page - Blog Section - Part 2

16m

Section 15: Home Page - Finishing5 videos

Preloader Setup

18m

Favicon Setup

11m

Scroll to Top

40m

Inserting Links

22m

Adding Section Animation

32m

Section 16: Home Page - Client Section1 videos

Home Page - Client Section

32m

Section 17: Footer Section1 videos

Footer Section

57m

Section 18: Services Page1 videos

Services Page

14m

Section 19: Service Detail Page2 videos

Service Detail Page - Part 1

27m

Service Detail Page - Part 2

1h 19m

Section 20: About Page1 videos

About Page

1h 4m

Section 21: Portfolio Page1 videos

Portfolio Page

11m

Section 22: Portfolio Detail Page3 videos

Portfolio Detail Page - Part 2

28m

Portfolio Detail Page - Part 1

48m

Portfolio Detail Page - Part 3

1h 25m

Section 23: Blog Page1 videos

Blog Page

48m

Section 24: Blog Detail Page5 videos

Blog Detail Page - Part 1

1h 1m

Blog Detail Page - Part 3

27m

Blog Detail Page - Part 2

46m

Blog Detail Page - Part 4

1h 6m

Blog Detail Page - Part 5

43m

Section 25: Category and Archive Page1 videos

Category and Archive Page

16m

Section 26: Contact Page2 videos

Contact Page - Part 1

32m

Contact Page - Part 2

35m

Section 27: Checking the Responsiveness3 videos

Responsive Check - Part 2

43m

Responsive Check - Part 1

1h 30m

Responsive Check - Part 3

1h 30m