Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Bootstrap

Bootstrap 4 Website Built From Scratch HTML5, CSS3 & VS Code

Learn Bootstrap by building a complete responsive Bootstrap 4 Template from start to finish, with no steps skipped!
Rating: 4.4 out of 54.4 (293 ratings)
1,040 students
Created by Drew Ryan
Last updated 2/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Learn to design and develop your own Bootstrap 4 Themes!
  • Get a crash course of the Bootstrap Grid System with the theme layout
  • Use the latest HTML5 and CSS3 to add unique styling to Bootstrap
  • Integrate a fully functional PHP Contact Form into any Bootstrap Template
  • Learn how to integrate a Lightbox Image Gallery into any Bootstrap Theme

Course content

15 sections • 35 lectures • 4h 20m total length

  • Preview02:30
  • Preview02:47
  • Preview05:25

  • Preview01:31
  • Course Support & Code Fixing Resources
    05:11
  • Website Design Tools & Resources
    09:36
  • Text Editor: Introduction to Visual Studio Code
    12:39

  • Introduction to Bootstrap Website Layouts Practice Activity
    15:36

  • Project Files Download & Overview
    03:53
  • Bootstrap Project Files Setup - Linking CSS Files
    12:18
  • Bootstrap Project Files Setup - Linking JavaScript Files
    07:14

  • Bootstrap Scrollspy Website Scrolling
    03:42
  • CSS Reset Styles
    03:49

  • Bootstrap Responsive Navbar Menu HTML
    10:49
  • Bootstrap Responsive Navbar Menu CSS
    10:48

  • Landing Page Background Image HTML & CSS
    09:55
  • Landing Page Content HTML & CSS
    11:18

  • About Us Heading & Three Column Section HTML
    14:48
  • About Us Heading & Three Column Section CSS
    09:18

  • Lightbox Portfolio Gallery HTML
    13:57
  • Lightbox Portfolio Gallery CSS
    02:37

  • Bootstrap Cards Testimonials HTML
    12:55
  • Bootstrap Cards Testimonials CSS
    01:33

Requirements

  • You need to have basic knowledge of HTML and CSS but only a beginner understanding is required.
  • You don't need any prior experience with Bootstrap (or any other frameworks).

Description

Create your own Responsive Bootstrap 4 Websites from Scratch!

This course will show you how to make a complete Bootstrap 4 website from scratch starting with a blank index.html and style.css file!  We'll be moving rapidly to give you the quickest, yet most thorough Bootstrap website building experience possible.  Once you've completed the course you'll be able to design and develop you're own Bootstrap 4 websites and themes.  The source code for the completed theme is included along with the following:

  • The completed theme download with the original pictures.

  • The completed theme with placeholder images including their size (making it very easy to customize the Bootstrap theme).

  • Bootstrap Setup/Starter Files we'll cover in detail that you can use as a framework to build your own themes.

  • Progress source code downloads for each section of the theme while building your website.

  • My resources for unlimited free professional stock images, the best free text editor, unlimited website fonts, & more.

Learn why Bootstrap is the BEST responsive framework, and learn how to make your own AWESOME website themes!!!

_

I'm here to help you along the way while you master Bootstrap and I'm ready to answer any questions you may have

Who this course is for:

  • Anyone looking to learn or expand their knowledge of building Bootstrap websites and themes.

Featured review

Chris Blackman
Chris Blackman
23 courses
6 reviews
Rating: 5.0 out of 5a year ago
As always Drew is a great Instructor - a favourite of mine - whom has helped me understand HTML & CSS alot more than paid Adobe courses, with his intuitive style of going through all work with a clear & concise knowlege of working & linking the two as you work/move forwards. Always a 5 star rating, Highly recommended for begginers and people with a general knowlege of the subjects.

Instructor

Drew Ryan
Website Development and Design Online Instructor & Teacher
Drew Ryan
  • 4.5 Instructor Rating
  • 1,345 Reviews
  • 4,750 Students
  • 3 Courses

Web Development Instructor, 6 Years Experience

Since I started teaching website development online my courses have ended up in colleges and universities across the United States including the University of Washington in addition to schools in the UK and New Zealand.  As a self-taught web developer, on several occasions I have been taken back when asked by university instructors to help them with accelerating lesson plans when teaching their students core web development concepts.

I'm here to help you learn, excel, and enjoy the process of mastering your craft! I would be happy to have you as one of my students who I can and always will make myself available to online so don't hesitate to reach out to me when you take one of my courses.  Cheers!

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.