Course introduction
  • The Projects Included in this Course
  • The PSD Files for this Course
  • The Code for this Course
  • The Images for this Course
Bootstrap 101 - The Basics of Bootstrap Grid, Buttons, Typography & More
  • First steps with the Grid
  • More About the Grid
  • Typography Classes in Bootstrap
  • Working with Images
  • Margins & Paddings
  • Tables in Bootstrap
  • Buttons
  • The Card Component
  • Card Columns & Masonry Effect
  • The Carousel Component
  • Finishing the Carousel
  • The Collapse or Accordion Component
  • The Modal (or Lightbox) Component
  • All About Navigation Menus
  • The ScrollSpy Component
  • The ToolTip Component
  • The DropDown Component
  • The Jumbotron Component
PROJECT: Building the Home Page
  • Starting our Project
  • Working With The Header
  • Creating the Main Navigation
  • Styling the Main Navigation
  • Adding Google Fonts
  • Adding the Carousel
  • Styling the Carousel
  • Working with the New Website Section
  • Styling the New Website Section
  • Working With the Image Links Section
  • Styling the Image Links Section
  • Adding CSS3 Transitions
  • Working with the Business Hours Section
  • Adding a Table
  • Styling the Working Hours Section
  • Developing the Products Section
  • Styling the Products
  • Working With The Appointment Section
  • Styling the Appointments Section
  • Working with the Footer
  • Working with the Social Networks Menu
  • Printing the Social Icons
  • Moving the File to a Local Server
  • Splitting the Website into different PHP Files
PROJECT: Building the About Us Page
  • Adding the Main HTML For this Section
  • Styling the Hero Image & adding the main content
  • Adding the Business Hours Table
  • Adding a Gallery
PROJECT: Working with the Services Section
  • Creating the services page
  • Printing the Services into a Tab / Collapse
  • Building the Coupon Sidebar
  • Styling the Services Section
  • Re using the Appointments Section from the home page
PROJECT: Building the Shop / Products Section
  • Creating the Main Products / Shop Page
  • Adding the Single Page Product
PROJECT: Building the Contact Section
  • Building the Contact Form
  • Styling the Contact Form
PROJECT: PHP / MySQL - Creating the Database to display the Products
  • Creating the Database
  • Populating the Database
  • Creating the Connection to the Database
  • Printing the Products in the Home Page
  • Printing the Products in the Products page from the Database
  • Working with the Single Product Page
  • Printing the Information from the database to the Single Product Page
PROJECT: Building the Contact Form with jQuery, AJAX and PHP
  • Adding Validation with jQuery
  • Refactoring our Code
  • Printing feedback in the Contact Form
  • Validating the other fields
  • Checking that there're no errors in our contact form
  • Adding AJAX
  • Building the Send PHP File
  • Finishing the AJAX function
  • Testing our Project
Adding a Responsive Navigation (Hamburger Menu)
  • Adding the markup (HTML)
  • Styling our Hamburger Menu
  • Making the Menu Fixed when scrolling to the bottom of the page
How to Migrate your website into the latest version
  • Migrate to the new Beta Version
Converting our Website into a WordPress Theme - First Steps
  • Local by Flywheel
  • Installing WordPress locally with MAMP
  • Creating our theme
  • Adding the main Stylesheet
WordPress Theme: Working with the Header
  • Working with the header
  • Adding the Main Social to the functions file
  • Printing the Menu in our header
  • Creating all the Pages and Adding the Main Navigation