Make a Portfolio Website with HTML, CSS, Jquery, Bootstrap 5

discover how to use Visual Studio Code extensions, browse the extensions panel, install and manage extensions for HTML and CSS, and customize color schemes.

Locate the settings.json file in the base code editor’s roaming folder, then back up and import it after reinstall to preserve extensions and settings.

Install and use the auto rename tag extension to automatically update opening and closing tags when you edit a tag, saving time while coding your portfolio site with HTML.

This lecture shows how to install the great icons extension for VSCode to apply a consistent icon set, including folders, CSS, and JavaScript icons, for better navigation.

Build the left pane of a portfolio banner using bootstrap flexbox for vertical centering, then style headings, text, and a call-to-action button with hover effects.

Learn to animate a portfolio's expertise progress bar with jQuery, using the animate function to grow widths from 0% to 55–80% over 2.5 seconds, triggered by user interaction.

Design the home page service section by styling a remote button, adding service items with icons, hover effects, and links to website design, development, digital marketing, content writing, and SEO.