HTML 5 & CSS 3 Mastery for Beginners
Welcome to the Course
Welcome to the Course
Introduction to HTML
Writing our First HTML Code
Our text editor
Introduction to HTML
HTML Tags and Elements
HTML Attributes
HTML Headings and Paragraphs
Hyper Links
Images and File Paths
Assignment 1
Assignment 1 Solution
HTML Lists
HTML Style Attribute
Text Formatting
Block vs Inline Elements
The Break Tag
Divs and Span Tags
Combining Inline and Block Elements
The Head Tag
HTML 5 Semantic Elements
HTML 5 Conclusion
CSS 3
CSS Section Preview
What is CSS
CSS – download the files
Basic CSS Syntax
Linking HTML and CSS
The Power of CSS
The Font Family Property
Other Font Properties
CSS Classes and IDs
The Background Image Property
Display Property
CSS Margins Paddings and Borders
CSS Box Model
Max Width Property
The Position Property
The Z Index Property
CSS Specificity
Project Section
Project Section Preview
Download the Project Files
The Starter Code
The Inspect Tool
Building the Header – Part 1
Building the Header – Part 2
Designing our Header- Part 1
Designing our Header – Part 2
Adding the Header Background Image
Adding the Hero Section
Styling Hero Section
Transitioning our Buttons
Building the About Us Section
Creating the Services Section
The Clear Property
Styling the Services Section
Building the Why-Us Section
Building the Team Section
Testimonials Challenge
Building the Testimonials Section
Building the Clients Section
Styling the Clients Section
Creating the Contact Form
Styling the Contact Form Part 1
Styling the Contact Form Part 2
Building the Footer
Styling the Footer
Getting our Social Media Icons from Font Awesome
Styling the Footer – Part 2
Adding the Remaining Icons
Adding the Navigational Anchor Links
Adding Animations
Adding Filter Effects
Project Section Review
Mobile Responsiveness
Responsive Design Section Preview
Introduction to Mobile Responsiveness
Creating the Break Points
Creating the Mobile Header – Part 1
Creating the Mobile Header – Part 2
Tablet Responsiveness
Tablet Responsiveness – Part 2
Phone Responsiveness
Responsiveness Section Review
Site Optimization & Launch
Site Optimization Section Preview
Search Engine Optimization
Speed Optimization – Part 1
Speed Optimization – Part 2
Creating our Favicons
HTML Markup Validation
Launching our Website Live
Managing Scripts
You did it
Web Design Basics
Web Design Section Preview
Site Structure
Choosing your Fonts
Colors
Working with Icons
Working with Background Images
Spacing
Web Design Section Review
PHP Basics
PHP Section Preview
Creating the footer.php file
Creating the header.php file
Creating the contact.php file
Updating the Menu Links
PHP Challenge
The Date() Function
Making our Contact Form Work
Conclusion
Final Conclusion
Previous Lesson
Next Lesson
Writing our First HTML Code
HTML 5 & CSS 3 Mastery for Beginners
Writing our First HTML Code
Previous Lesson
Back to Course
Next Lesson