Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Create a Portfolio Website with HTML, CSS & Bootstrap to your Wishlist.

Add to Wishlist

Create a Portfolio Website with HTML, CSS & Bootstrap

Level up your web development skills, by creating your portfolio , with this project-based video tutorial
3.6 (33 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
641 students enrolled
Created by Sandy Ludosky
Last updated 11/2014
$10 $40 75% off
17 hours left at this price!
30-Day Money-Back Guarantee
  • 1.5 hours on-demand video
  • 4 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
You will learn to build complexe and dynamic site layouts with the 12-column Grid System
You will learn how to design your site quickly with CSS buill-in classes and other functional components
You will learn how to override the Boostrap styling with your custom style
By the end of the course, you will have a fully functional, responsive wepage. The final template is customizable and can be used as on online portfolio
View Curriculum
  • 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 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.

Who is the target audience?
  • This class is for beginner and intermediate level
  • This class is for anyone willing to learn about fast web developement and rapid prototyping
  • The course is designed is for any person willing to advance their skills in responsive web development
  • The course is designed for anyone willing to learn about the most popular responsive framework
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 19 Lectures Collapse All 19 Lectures 01:46:15
2 Lectures 00:53

Guide & Instructions | PDF
1 page
2 Lectures 20:20
Navigation Bar

Header & Banner
Portfolio & Works Section
3 Lectures 18:28
Contact Us & Footer
3 Lectures 29:02
Responsive Contact Form

The Footer | Html entities
Responsive template | Media Queries
2 Lectures 17:28
Responsive-friendy | Ipad

Responsive-friendy | IPhone
BONUS Video Lessons
4 Lectures 15:04
Navigation bar | Scrollspy.js

Using Google Font

Adding a Favicon

Successfully validate your webpage with W3C validator
Supplementary Resources
3 Lectures 00:00
HTML Tag references | PDF
1 page

CSS cheatsheets | PDF
2 pages

Bootstrap Master Cheatsheet
1 page
About the Instructor
4.2 Average rating
1,045 Reviews
15,572 Students
20 Courses
Web Designer & Developer

My name is Sandy. I am a freelance Web Designer and 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.

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

On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff.

Report Abuse