Building responsive HTML5 and CSS3 portfolio website with bootstrap 4 for beginners

Emmanuel Adegor, Web Developer | UI/UX Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
19 Videos (3h 14m)
    • Welcome & Course Introduction

      2:41
    • What is Bootstrap

      4:11
    • Getting our tools ready

      4:34
    • File & Folder structure

      8:55
    • What is wireframe & How is it important

      10:30
    • Laying out our portfolio page

      6:03
    • Building our responsive header section

      12:06
    • Adding transition effects to header section

      24:36
    • Introduction to bootstrap card

      2:30
    • Building our services section

      15:29
    • Adding transition to services section

      8:01
    • Building our projects section

      25:02
    • Building our skills section

      8:44
    • Building our footer section- part 1

      7:30
    • Building our footer section- part 2

      13:14
    • Building our footer section part 3

      5:33
    • Bootstrap 4 responsiveness for all device screen

      28:00
    • Commenting our codes

      3:34
    • Useful Resources

      2:51

About This Class

This course is just perfect for any one with love and taste for responsive  website development. This is a beginner-level class, and we will be building  a responsive/animated portfolio website, that would amaze your next billion users and clients using bootstrap 4.

A basic knowledge of HTML and CSS and JAVASCRIPT is required, but if you do not have it, do not let it scare you, that’s still very fine.

You will leave this class with great skills of developing professional portfolio websites with nice user interface and experience, that are responsive across various devices.

We won't just learn bootstrap 4, we will learn different techniques, to enhance development of mind blowing websites.

Overall, You will be learning....

  • Html 5
  • Css 3, animations, transitions, @keyframes
  • Bootstrap 4
  • Bootstrap Grid,
  • Bootstrap 4 Flexbox classes
  • Mobile-first responsive website development e.t.c

….and even useful links to great web tools like; colorzilla, clippy e.t.c shared at the end of the class to enhance your website user interfaces and experience.

So enough of the talk already....Let's get started!!!

3

Students

--

Projects

0

Reviews (0)

Emmanuel Adegor

Web Developer | UI/UX Designer

Hello there! I'm Emmanuel,  a web developer, a SharePoint developer/Administrator, a technical writer and an online teacher. I am very passionate about what i do and enjoy teaching others.

My personal motivation in becoming a programmer was because i needed a way to implement some of my great ideas, using some set of codes. Trust me, programming is not as hard as some say, Its FUN!!!

I am a computer science graduate and have been programming for 5 years now, I developed my ...

See full profile