Bootstrap 4 Single Page Website Bootstrap 4
4.6 (5 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.
2,936 students enrolled

Bootstrap 4 Single Page Website Bootstrap 4

explore how you can build a single page website using Bootstrap 4 fully responsive website from scratch Bootstrap
4.6 (5 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.
2,936 students enrolled
Created by Laurence Svekis
Last updated 2/2020
English
English [Auto-generated]
Current price: $69.99 Original price: $99.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • 12 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • what Bootstrap 4 is and how to use it
  • How to apply Boostrap to your website
  • Build a custom single page website from scratch
Requirements
  • HTML
  • Basics of web design
Description

Explore how you can create a fully responsive website from scratch using Bootstrap framework

Apply Bootstrap styling to create your website, select from competent and add to your projects.

Course covers the basics of Bootstrap 4 and commonly used Components

Source Code is included so you can build a website just like the one in the course.

Step by step lessons

Covers

  • Basic HTML structure

  • Setup of Bootstrap for your web project

  • Adding navbar and making it toggle collapse for smaller screens

  • Linking and setting sections for navigation

  • Adding content to sections fixing top bar hidden content

  • Apply custom style for your website

  • Use of Grid Bootstrap

  • Use of Bootstrap Cards for content group

  • Slideshow and carousel setup with Bootstrap

  • Animation with jQuery

  • Use of Bootstrap scrollspy

Bootstrap

Build responsive, mobile-first projects on the web with the world’s most popular front-end component library.

Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

Taught by an instructor with many years of web development experience ready to help you learn more about Bootstrap and answer any questions you might have. 

__________________________________________________________________________

When we learn something new, I add it to the course - at no additional cost to you! This is a course that will continue to add more and more to every aspect of your life.

In addition to the Udemy 30-day money back guarantee, you have my personal guarantee that you will love what you learn in this course. If you ever have any questions please feel free to message us directly and we will do our best to get back to you as soon as possible!

__________________________________________________________________________

What I can't do in this Course..

I can't guarantee your success – this course does take work on your part. But You Can Do It!

__________________________________________________________________________

Click the "take this course" button at the top right now!

...every hour you delay is costing you money...

See you in the course!

Sincerely,

Laurence Svekis

Who this course is for:
  • Web developers
  • web designers
  • bootstrap learners
  • anyone who wants to learn bootstrap
Course content
Expand 26 lectures 01:42:49
+ Introduction to creating a single page website with Bootstrap 4
26 lectures 01:42:48
Source Code
00:32
NavBar Sticky Top Bootstrap 4
09:08
Source Code
00:10
Social Media Icons.
04:57
Source Code
00:14
Section Custom Styling
07:44
Source Code
00:15
About Card Deck Bootstrap
07:33
Source Code
00:42
Products Grid Layout
07:28
Source Code
00:35
Slideshow component Carousel
11:21
Source Code
00:39
Contact Form Bootstrap
08:40
Source Code
00:26
Footer Contents.
06:12
Source Code
00:18
Bootstrap ScrollSpy
02:41
Source Code
03:27
jQuery Smooth Scroll Animation.
09:49
Source Code
00:05
Website Code Review Bootstrap 4 single page website project
04:40
Complete Source Single Page Website
03:30