Create a Portfolio Website with HTML, CSS & Bootstrap
3.9 (34 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.
660 students enrolled
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.9 (34 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.
660 students enrolled
Created by Sandy Ludosky
Last updated 11/2014
English
Current price: $10 Original price: $40 Discount: 75% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 4 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
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
Requirements
  • 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
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.

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
19 Lectures
01:46:15
+
Welcome!
2 Lectures 00:53

Guide & Instructions | PDF
1 page
+
Header
2 Lectures 20:20
Navigation Bar
09:17

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


The Footer | Html entities
05:57
+
Responsive template | Media Queries
2 Lectures 17:28
Responsive-friendy | Ipad
07:40

Responsive-friendy | IPhone
09:48
+
BONUS Video Lessons
4 Lectures 15:04
Navigation bar | Scrollspy.js
05:02

Using Google Font
04:27

Adding a Favicon
03:14

Successfully validate your webpage with W3C validator
02:21
+
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
Sandy Ludosky
4.3 Average rating
1,387 Reviews
16,851 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.