Skip to navigation
Skip to navigation
Skip to search form
Skip to login form
Skip to footer
Skip to main content
MVP189
LEO777
LEO777
LEO777
LEO777
LEO777
LEO777
LEO777
LEO777
LEO777
PAREPOS
JAVABET99
KONTAN88
PEWE128
LAGA88
SKY99IDN
BUANA88
BOXING55
DEWISRI88
DEWISRI88
DEWISRI88
MVP189
slot mania
MVP189
situs tergacor
pg slot wallet
Accessibility options
Accessibility profiles
Visual impairment
Seizure and epileptic
Color vision deficiency
ADHD
Learning
Content adjustments
Readable font
Highlight titles
Highlight links
Stop animations
Text size
+
+ +
+ + +
Line height
+
+ +
+ + +
Text spacing
+
+ +
+ + +
Color adjustments
Dark contrast
Light contrast
High contrast
High saturation
Low saturation
Monochrome
Orientation adjustments
Reading guide
Reading Mask
Big black cursor
Big white cursor
Email: it@huph.edu.vn
Email: it@huph.edu.vn
Các khóa học
Link list
Đổi giao diện
Giao diện cũ
Giao diện mới
Learning AI
Machine Learning cơ bản
en
English
Technology
Web Design
Udemy - Practical Modern Web Projects Using Bootstrap 5 2025-6
0 students
Last updated
Aug 2025
Enrol now
Overview
Course content
Instructors
About the course
Udemy - Practical Modern Web Projects Using Bootstrap 5 2025-6
Show more...
Course content
Sections:
8
•
Activities:
1
•
Resources:
204
Expand all
Section 1
Introduction
Announcements
1 Introduction
Section 2
Creating the Bootstrap template
2 Where to get free media if you need it
3 Downloading Bootstrap folder and creating our project folder
4 Linking Bootstrap and Creating our Bootstrap template for all our projects
5 Accessing the bootstrap CSS file
Section 3
Stock Photos Project
6 Basic Structure of the project and navbar
7 Worknig on the navbartoggler
8 Working on the list links and button links on the navbar
9 Styling and customizing the navbar
10 Navbar responsiveness
11 Basic structure of Hero Section
12 Styling the Hero Section
13 Responsiveness of the Hero section
14 Structure of the popular tags
15 Styling the tags
16 Structure of the footer
17 Styling the footer
18 Structure of the masonry grid
19 Styling the masonry grid part 1
20 Styling the masonry grid part 2
21 load button
Section 4
Portfolio CV Project
22 Basic linking of external resources
23 Google font and Structure of the navbar toggler
24 navbarcollapse
25 Basic styling and navbar customizing
26 responsiveness of navbar
27 Hero Section
28 Hero section styling
29 responsiveness of Hero section
30 About me section
31 About me styling
32 My portfolio section
33 Styling My portfolio section
34 My Skills Progress section
35 My Skills Skillset section
36 Styling the My Skills
37 My Experience section
38 Styling My Experience section
39 Education section part 1
40 Education section part 2
41 Contact details
42 Contact form
43 Styling the contact
44 Footer
Section 5
Travel Blog Project
45 Structure of the general site
46 Making the back to top responsive and Finishing up the general site
47 Creating the navbar structure
48 Creating the navbar collapse
49 Responsiveness of the navbar
50 Structure of the footer part 1
51 Structure of the footer part 2
52 Bottom of the footer and responsiveness
53 Placing the navbar and footer in all other pages
54 Home Page Structure of the hero section
55 Styling the hero section
56 About section
57 Structure of destination cards
58 Styling of destination cards
59 Structure of Team
60 Styling of Team
61 Structure of the gallery
62 Styling of the gallery
63 Get in touch section
64 Header of the travel page and blog page
65 Travel Page Destination Guide background
66 infobox Overview aside
67 Top Attractions
68 Food Drink
69 Where to Stay
70 Best Time to Visit
71 Getting There
72 Practical Info
73 Photo Gallery
74 Blog Page post structure part 1
75 post structure part 2
76 Pagination
77 Featured post
78 Styling the featured post
79 Categories at the side
80 Popular Posts
81 About PamchBlog
82 Subscribe to Newsletter
83 Post Blog Page Structure of the post page and aside contents
84 Blog header breadcrumb
85 Blog header badge and author
86 Finishing the blog header
87 Table of content
88 blogcontent write up
89 Tags and Share
90 Author box
Section 6
Business Web Project
91 Structuring the offcanvas navbar
92 Navbar toggle and offcanvas
93 dropdown menu
94 Inserting the SVG icons
95 Styling the Navigation
96 Footer
97 Responsiveness of the navbar and footer
98 Carousels structure and the text carousel
99 Image carousel
100 Carousel prev and next button and responsiveness
101 Our brand section
102 CEO section
103 Structure of our teams section
104 Finishing up our teams section
105 Structure of visit us section and the map
106 The Form
107 Finishing up the responsiveness
108 Adding some finishing touches
Section 7
Real Estate Listing Project
109 Structuring and linking the necessary files
110 Structuring the Navbar in home page
111 Replicating the navbar in the other pages
112 Styling and customizing the navbar
113 Responsiveness of navbar
114 Structuring the footer
115 Styling the footer
116 Responsiveness of footer
117 Home page Hero section
118 Styling the hero section
119 Contact page Hero section
120 Structure of featured properties
121 Adding icons duplicating the properties and adding similar properties to de
122 Styling the featured properties
123 Fixing the background image and responsive styling of featured properties
124 Structure of our agents section
125 Styling our agents section
126 Testimonials section
127 Contact page Call to action
128 Creating the contact details
129 Creating the contact form
130 Property Details Page Property header
131 property gallery agent
132 Structure of the carousel and the carousel buttons
133 Creating the carousel inner and indicators
134 Customizing the carousel
135 Responsiveness of the property gallery
136 About property section part 1
137 About property section part 2
138 Schedule a Tour form
139 Structuring the features and amenities
140 Styling the features and amenities
141 Map and neighborhood
142 Responsive Map and neighborhood
Section 8
Online Course Platform Project
143 Introduction to the structure
144 Choosing the Google font and laying the navbar
145 Shopping cart dropdown from below large screen
146 navbarbrand
147 navbartoggler and explore dropdown menu
148 Finishing up dropdown menu and creating the search box
149 Two other dropdown menu
150 The cart icon sign up and log in buttons
151 Responsiveness of navbar
152 Structure of the footer
153 Styling the footer
154 Responsiveness of footer
155 Duplicating the nav and footer into the home page
156 Understanding the structure of the course page IMPORTANT
157 Course hero breadcrumb and text title and headline
158 Course stats with ratings
159 Instructor profile date and subtitle
160 Responsiveness of the course hero content
161 coursecard and background play icon
162 cardbody with the price and buttons
163 Includesitem
164 Responsiveness of the whole coursecard
165 Understanding how to create the sticky coursecard
166 What you will learn
167 What you will learn responsiveness
168 Content header
169 accordion part 1
170 accordion part 2
171 Responsiveness of accordion
172 Finishing up the accordion
173 Frequently Bought Together part 1
174 Frequently Bought Together part 2
175 Frequently Bought Together part 3
176 Frequently Bought Together responsiveness
177 Instructor
178 Finishing up the instructor profile
179 Student Reviews part 1
180 Student Reviews part 2
181 Student Reviews part 3
182 Student Reviews part 4
183 More courses section part 1
184 More courses section part 2
185 Home page Recommended courses
186 Tooltip content structure
187 Tooltip content styling
188 checklist styling
189 tooltip arrow and last tooltip
190 tooltip arrow responsiveness
191 Adjusting the tooltip content for a better user experience
192 Structure of the carousel section
193 carouselinner and carouseloverlay
194 Styling the carouselinner
195 Carousel responsiveness
196 Career part 1
197 Career part 2
198 Top Categories part 1
199 Top Categories part 2
200 Pamchdemy for Business
201 Trending Courses
202 Popular Topics To Explore
203 Become an instructor
204 Why People Choose Us
Instructors
Enrolment options
Udemy - Practical Modern Web Projects Using Bootstrap 5 2025-6
Course modified date:
17 Aug 2025
Udemy - Practical Modern Web Projects Using Bootstrap 5 2025-6
Enrolled students:
There are no students enrolled in this course.
Guests cannot access this course. Please log in.
Continue
Enrol now
This course includes
Forums
Resources
Share this course
Scroll to top
×
Close
×
Close