Bootstrap 4 is a widely used front-end framework for creating responsive websites and applications, featuring built-in HTML, CSS components, and optional JavaScript extensions. Key features include an improved grid system, new typography options, and cross-browser compatibility, making it suitable for both beginners and advanced users. The document outlines five real-world projects designed to enhance learning, including a photo sharing site, a professional resume, a social networking platform, an agency site, and a lightbox project, all offered at a promotional price until November 26, 2017.

1. Learn Bootstrap 4
Build Real-World
Project

2. What is Bootstrap 4?
● Bootstrap 4 is one of the most
popular web front end framework
for building responsive websites
and application.
● It provides an inbuilt component
of HTML and CSS. Also includes
an optional JavaScript Extension.
● Latest version of Bootstrap
framework.

3. Why Bootstrap 4?
● Bootstrap frameworks simplify the
process of adding layouts to
website or Web App in order to
make them more responsive.
● Easy to use.
● The framework itself contains
HTML- and CSS-based design
templates for typography, forms,
buttons, navigation and other
interface components.
● Most widely used framework.

4. Features:
● Flexbox and improved grid system
● New Typography
● Cards
● New customization option
● Dropped IE8 and IE9 Support
● New Build Tools

5. ● Blocks Repetition
● Adaptable to screen sizes
● Prototypes new design easily
● Ensures Cross-Browser compatibility
● Suitable for both newbies and advanced
Advantages:

6. Real World Projects
➔ Photo Sharing
➔ Resume
➔ Social Networking
➔ Agency
➔ LightBox

7. Project1: Photo Sharing
A unique photo sharing
website that includes
multiple pages and
layouts.
As you move from one
page from other, the
layout will change. This
will make your website
look attractive.

8. Project2: Resume
A sophisticated
website! You will learn
how to use bootstrap 4
grid and create layouts
accordingly.
It gives a professional
look to your website.

9. Project3: Social Networking
Social networking website
is where you will be
learning how to
incorporate different
feature such as
comments, photos and
groups.
Also how to add a sidebar
to the website.

10. Project4: Agency
A good looking website
with a nav bar on the top,
followed by a jumbotron.
You will be learning how to
block off sections of a page
to add a different segment
of the website and add a
contrasting design.

11. Project5: Lightbox
You will be learning how
to incorporate the
bootstrap 4 grid layout
to create a lightbox. It
includes images which
are added to the
slideshow.
Web page also includes a
sticky menu.

12. Super Early Bird Offer!
Learn Bootstrap 4 only at
$10!
PRE-ORDER NOW
www.indiegogo.com
Note: Offer valid until 26th November, 2017 only

13. Thank You!
Enroll Now, Happy Learning!