Tutorialspoint

#May Motivation Use code MAY10 for extra 10% off

Create a Portfolio Website with HTML, CSS & Bootstrap

person icon Sandra L

4

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 May, 2024

language icon Language - English

person icon Sandra L

English [CC]

category icon Development,Web Development,Bootstrap

Lectures -17

Resources -1

Duration -1.5 hours

4

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point 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.

Goals

  • 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

Prerequisites

  • 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

Curriculum

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

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

Instructor Details

Sandra L

Sandra L


Course Certificate

Use your certificate to make a career change or to advance in your current career.

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
Annual Membership

Online Certifications

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

Explore Now
Online Certifications

Talk to us

1800-202-0515