Create a Portfolio Website with HTML, CSS & Bootstrap

person icon Sandra L

Create a Portfolio Website with HTML, CSS & Bootstrap

Level up your web development skills, by creating your portfolio , with this project-based video tutorial

updated on icon Updated on Oct, 2023

language icon Language - English

person icon Sandra L

architecture icon Development,Web Development,Bootstrap

Lectures -17

Resources -1

Duration -1.5 hours


30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint courses anytime, anywhere.

Course Description

Create your online portfolio with this project-based tutorial. And, Learn about responsive design & fast web development.

Bootstrap 3 is a lightweight and responsive framework for a better and faster mobile-friendly web development.

You will learn to

  • Effectively use the grid system to build a responsive and flexible multi-column layout
  • Showcase your artwork/portfolio items with a simple image hover effect
  • Use the FLAT UI colors palette
  • Use the inspector tool to customize the Boostrap CSS

PLUS, you will discover other resources like:

  • The Font Awesome icons designed by Bootstrap
  • The Google Fonts
  • The online favicon generator
  • W3C validation service to build an error-free webpage

- By the end of the course, you will have a better understanding of the responsive grid and the bootstrap documentation.

- By the end of the course, you will have a nice responsive one-page site that you can use as a personal page or a professional portfolio.

- By the end of the course, you will be well-versed with most of the Bootstrap built-in CSS and components. You will be ready to design sleek, mobile-ready websites with HTML and CSS

Lessons include topics like:

  • How to use the 12-column Grid System
  • Adding and customizing links and buttons
  • Using Font Awesome to easily include scalable social media icons
  • Using the pseudo-class :hover to create cool hover effects
  • HTML & CSS Cheatsheets (downloadable)
  • Master Bootstrap Cheatsheet (downloadable)

The video lessons will walk you through every process step-by-step.

Join me to create your portfolio & learn about the most popular open-source responsive framework Bootstrap 3.


What will you learn in this course:

  • You will learn to build complex and dynamic site layouts with the 12-column Grid System
  • You will learn how to design your site quickly with CSS built-in classes and other functional components
  • You will learn how to override the Bootstrap styling with your custom style
  • By the end of the course, you will have a fully functional, responsive webpage. The final template is customizable and can be used as an online portfolio


What are the prerequisites for this course?

  • HTML and CSS basics
  • Download and install a modern web browser like Chrome
  • Download and install a code editor like Sublime Text 2 or 3, Notepad++, Coda or Dreamweaver - any code editor will be just fine
Create a Portfolio Website with HTML, CSS & Bootstrap


Check out the detailed breakdown of what’s inside the course

2 Lectures
  • play icon Introduction 00:53 00:53
  • play icon 2. Guide & Instructions | PDF
2 Lectures
Portfolio & Works Section
3 Lectures
Contact Us & Footer
3 Lectures
Responsive template | Media Queries
2 Lectures
BONUS Video Lessons
4 Lectures

Instructor Details

Sandra L

Sandra L

Javascript and Web Developer


I am Sandy, freelance web and mobile Developer based out of Toronto, in Ontario, Canada, I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery. 

I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few. 

I am also keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
People having fun around a laptop

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
People having fun around a laptop

Talk to us