HTML and CSS -Learn to build sleek websites – Sandy Ludosky

Salepage link: At HERE. Archive:

HTML & CSS – Learn to build sleek websites

Level up your coding skills and create beautiful, responsive and accessible websites. Easy, fun and effective

Level UP your coding skills.

The course level is from beginner to intermediate.

You will learn to create a beautiful webpage with very easy steps and instructions.

• You are a beginner: the 2 hands-on HTML & CSS tutorials teach the 101 of web development.
• You are intermediate: you will learn the foundation for more advanced web development

By the end of the course, you will have a better understanding of HTML, CSS (Cascading Stylesheet), web development and responsive design.

As a student in this course, you will learn to:

• create a fully functional website with HTML and CSS
• add graphics and images
• work efficiently with CSS
• make the webpage responsive with media queries

Video lessons include:

• 2 Hands-on HTML& CSS tutorials (start here if you are a complete beginner)
• Guide to Web Hosting (coming soon)
• 1 Final Project

Some Bonus include

• Using CSS3 Animation
• Adding CSS transition
• integrating a Image Hover effect
• Adding a Favicon (coming soon)

I am fast-lightening responder – if you have any question about the course, you can reach out to me in a private message or by posting your question on the discussion board.

I will make sure you have the best learning experience

Course Curriculum

Welcome!

• Welcome! (0:56)t
• Course Guide (PDF) + downloadable Working Files
• Project Files

HTML tutorial

• HTML5 Cheatsheet | PDF
• Create your first HTML document | Headings (4:00)
• Typographie & Formatting (3:03)
• Navigation & Links (5:18)
• HTML5 Semantic (3:54)
• Meta Tags | Head section (8:00)

CSS Fundamentals

• CSS Cheatsheet | PDF
• Intro to CSS (Cascading Stylesheet) (4:13)
• Formatting (8:37)
• Working with colors (7:40)
• Styling the Navigation Bar (6:25)
• Pseudo-class (3:24)
• Class & ID (4:32)
• CSS Float (2-column Layout) (2:50)
• CSS Clear Property (1:53)
• The Box Model (4:01)
• Margin & Padding (7:21)
• Reverse Layout (1:33)

Responsive Design | Media Queries

• Media Queries | Tablet (7:48)
• Media Queries | Small Devices (8:15)

Alternate Layout

• Media Queries – I (6:56)
• Media Queries – II (4:26)
• Adding Media (3:14)
• Embed a youtube video link (2:21)

Project – “Bon Voyage! Travel with Us!” – Part I

• Project overview (3:51)
• Navigation (9:55)
• Banner (4:22)
• About Us (9:42)
• Destinations (11:03)
• Contact Us (9:56)
• Footer (4:16)
• Google Font & Font Awesome (5:30)
• Navigation | Position Fixed (2:24)
• Navigation | CSS z-index property (1:26)

Project – “Bon Voyage! Travel with Us!” – Part II (Media Queries)

• Tablet & Ipad (3:10)
• Mobile version 1 (9:48)
• Mobile version 2 (10:29)

Project – Bonus

• Navigations links hover effects (5:04)
• CSS3 Animation (2:20)
• Images Hover effect (5:06)
• Social Media Icons transition effect (6:02)