Bootstrap 4 Beginners: Code a Responsive Landing Page

Learn to code a responsive landing page with Bootstrap 4 using HTML & CSS. Ideal for beginners and those looking to enhance their skills.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course teaches you how to create a professional and responsive landing page from scratch using Bootstrap 4, HTML, and CSS. Perfect for beginners and those looking to brush up on their skills, you'll build a solid foundation while coding along.

Key Points

  • Learn Bootstrap 4 basics
  • Code a responsive landing page
  • Understand the Grid System
  • Apply custom fonts and icons
  • Use animations and media queries

Learning Outcomes

  • Create a fully responsive landing page
  • Gain a solid understanding of Bootstrap 4
  • Apply custom styles and fonts
  • Use CSS animations and media queries
  • Download and edit project files for practice

About This Course

Learn how to code a fully responsive professional landing page in bootstrap 4, from scratch, using HTML & CSS

Learn the basic concepts, tools, and functions that you will need to build fully functional, professional landing page within the new bootstrap 4 framework. Ideal for students of all skill-sets, from total beginners or students that simply want to brush up on their coding skills.

Code a professional landing page and build a strong foundation in the Bootstrap 4 framework with HTML & CSS with this brand new course.

  • Fully Responsive Landing Page

  • New Bootstrap components

  • Solid Understanding of the Grid System & Media Queries

  • Apply Custom fonts

  • CSS Overlays

  • Use Font-Awesome Icons

  • Apply Animate CSS & WOW js


This course will help you create a perfect bootstrap responsive landing page for your own personal portfolio, or for your business. You will ideally have a little knowledge of HTML & CSS, however it isn't essential as I will walk you through every step of code to ensure you have the right understanding of the bootstrap framework, and the tools to further your learning after you have completed the course.

You will not only create a modern professional looking bootstrap 4 landing page, you will also take your skills further by adding animation and custom fonts to make sure your landing page stands our from the crowd. We start by understanding the basics of bootstrap, how it works and how it is implemented. We cover the famous bootstrap grid system and media queries to ensure your new page looks, and displays, correctly on all devices.

You will take the learn-by-doing approach which will help you understand all aspects of bootstrap and give you the tools to re-design our template or build an entirely new landing page specifically how you want it. You will be able to download project files throughout the course, which will be yours to keep and work on at your leisure.

By the end of this course you will have hand coded a modern & professional landing page using HTML & CSS and built a solid understanding of the bootstrap framework to help you develop your own pages in the future.

  • Learn how to develop awesome responsive landing pages

  • Code pages from scratch using HTML & CSS

  • Use advanced CSS features

Course Curriculum

Instructor

Profile photo of Andy Clarke
Andy Clarke

I have been in the web design and development sector for over 10 years, working on various aspects of design and build. I've always had a passion for design and coding and enjoy creating various sites through HTML, CSS and Javascript, especially Wordpress & Bootstrap sites. I also design websites, illustrations  and apps layouts in Adobe Creative Suite & Sketch.

Review
4.9 course rating
4K ratings
ui-avatar of Mark V Ortiz
Mark V. O.
4.5
2 years ago

Everything was going great until the animation, the animation didn't seem to work. The rest of the class went very well.

  • Helpful
  • Not helpful
ui-avatar of Pablo Farfan
Pablo F.
4.0
3 years ago

Easy to follow. He explains really well. This is a real project sample with a lot of useful tips and practices.

  • Helpful
  • Not helpful
ui-avatar of Randy
Randy
3.0
4 years ago

It was pretty good in the beginning and mid parts, but towards the end, specifically animation section. need to be updated. The sites this course referred to are not around anymore but the github is still around. Also the related website to the aforementioned github doesn't have what is shown in this video or is not easily found. The new website encourages a direct link to the cdn which still didn't work for me so I did not get any animation practice at all in this course.

  • Helpful
  • Not helpful
ui-avatar of Anonymized User
Anonymized U.
4.5
4 years ago

I really enjoyed the quick lesson on responsive bootstrap page creation. This will help me out alot on creating my personal project

  • Helpful
  • Not helpful
ui-avatar of Anonymized User
Anonymized U.
3.5
4 years ago

A great course for beginners . Elaborate explanation , well paced and have included lots of major features one must know regarding bootstrap.
But the text is horribly small and drags down the whole quality of the lecture set. Provided set of codes do not serve the purpose.
Many concepts have been unnecessarily repeated . Could have been avoided . styles.css too needs to be more tidy.

  • Helpful
  • Not helpful
ui-avatar of Zachary Foster
Zachary F.
5.0
4 years ago

Covered a lot of material, very quickly but thoroughly. Andy moves fast, so don't be afraid to use the pause button when needed. Course followed a solid pattern and felt very natural after just a few lessons. Feeling very confident to jump into more advanced projects now. No significant HTML or CSS experience necessary, just a small understanding of each will do.

  • Helpful
  • Not helpful
ui-avatar of Saul Ansbacher
Saul A.
4.0
4 years ago

This was a good course, as advertised: the instructor guides you through making one page (with many different Bootstrap components) and was a good into to Bootstrap 4, I was able to get pretty much everything I was hoping to. The videos and downloads are all written for Bootstrap 4-alpha, but I used Bootstrap 4.5.3 and had no problems. Some of the downloadable code examples seem out of date compared to the videos, and some times you can see the older code in the videos, but what he covers and types out if correct: use that. He covers a little CSS as well (to customize the page) and that was good too.

  • Helpful
  • Not helpful
ui-avatar of Fred Lauckner
Fred L.
4.5
4 years ago

Very good introduction. Speaker talks a little too quick some times so I would have to pause, rewind and listen to some areas multiple times.

  • Helpful
  • Not helpful
ui-avatar of Stephen Lapierre
Stephen L.
5.0
4 years ago

It was a godsend suplement to my web programming course at university, thank you so much!

  • Helpful
  • Not helpful
ui-avatar of Eric DeLoriea
Eric D.
5.0
5 years ago

This course was a lot of fun. It was engaging and the end result was a very satisfying example page.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses