The
a
the
2
4
to
and
You
with
you
• Archive: HTML & CSS - Learn to build sleek websitesLevel up your coding skills and create beautiful, responsive and accessible websites.
• Easy, fun and effectiveLevel 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 developmentBy 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 CSSadd graphics and imageswork efficiently with CSSmake the webpage responsive with media queriesVideo lessons include:2 Hands-on HTML& CSS tutorials (start here if you are a complete beginner)Guide to Web Hosting (coming soon)1 Final ProjectSome Bonus includeUsing CSS3 AnimationAdding CSS transitionintegrating a Image Hover effectAdding 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 experienceCourse CurriculumWelcome!Welcome!
• (0:56)tCourse Guide (PDF) + downloadable Working FilesProject FilesHTML tutorialHTML5 Cheatsheet | PDFCreate 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 FundamentalsCSS Cheatsheet | PDFIntro 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 QueriesMedia Queries | Tablet (7:48)Media Queries | Small Devices (8:15)Alternate LayoutMedia 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 IProject 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 - BonusNavigations links hover effects (5:04)CSS3 Animation (2:20)Images Hover effect (5:06)Social Media Icons transition effect (6:02)