Build a Responsive Portfolio Website with HTML5 and CSS3
3.6 (33 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
9,163 students enrolled

Build a Responsive Portfolio Website with HTML5 and CSS3

The practical way to learn modern web design, HTML5, CSS3 and Bootstrap4 step-by-step from scratch.
3.6 (33 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
9,163 students enrolled
Last updated 2/2019
English
English [Auto-generated]
Current price: Free Original price: $29.99 Discount: 100% off
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 2 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to Udemy's top 3,000+ courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Basic concept of website development
  • Basic understanding of HTML5 and CSS3

  • Basic understanding of Bootstrap4 Framework.

  • Basic understanding of Isotope Filter Function
  • Start learning new stuff by going through the official documentation
  • Basic steps to initiate git and deploy to Heroku
Course content
Expand all 17 lectures 02:36:39
+ Portfolio Website Homepage
8 lectures 01:19:28
Introduction to the Bootstrap Framework
09:32
Build navigation bar - part 1 - Modify the framework by overriding class
17:30
Build navigation bar - part 2 - Font-awesome and create a new class
10:36
Build the main area - Revision of how to add image and grid
06:46
Build the mouse-over effect by CSS - Add Opacity and Hover
06:17
Add CSS3 animation to the mouse-over effect
04:07
Lesson Summary
11:53
+ Portfolio Website - Other pages and Deployment
7 lectures 01:02:25
Build portfolio listing page - use Isotope Javascript library to build filter
10:39
Build portfolio detail page - add breadcrumb
09:25
Build team page - overriding body class and introduction to flex
13:10
Build contact page - introduction to form and adopts formspree
12:48
Install Git and deploy to Heroku
16:01
Extra: Check the final codes on Github
00:01
Extra: Image Credit
00:21
Requirements
  • No development experience is required. Mac computer is recommended.
  • You will start learning from the basics. All you need to get started is a Visual Studio Code & Chrome Browser.
  • Willing to google answers or reach out to your instructor if you face any problem
Description

Here is exactly what we cover in this course:

• Easy-to-follow and hands-on web development with HTML5 and CSS3

• Ready-to-go Bootstrap4 framework to speed up the website development

• Leverage Isotope Javascript library to build a fancy filter animation for your portfolios

• How to search and use images, fonts and icons to make your website beautiful— all for free

• First steps for responsive web design: learn how to create websites that work beautifully on all screen sizes

• How to leverage Formspree to build form without server-side development — all for free

• How to initialize a new git and deploy to Heroku — all for free

• Learn to build websites that can show to your friend

Who this course is for:
  • People who eager to learn website development