The 2025 Full Stack Web Development Bundle

15 Courses & 138.5 Hours

Deal Price$45.99

Suggested Price$300.00

You save 84%

What's Included

$20.00 Value

HTML & CSS Complete Course with Hands-on Portfolio Project

Oak Academy

84 Lessons (13h)

Lifetime

Experience level required: All levels
Access 84 lectures & 13 hours of content 24/7
Length of time users can access this course: Lifetime

Course Curriculum

84 Lessons (13h)

Your First Program
Preview

Welcome Course

General Terms9:43
Built a Real-World Website with HTML and CSS2:08
How the Website Works?2:48
What Is IDE?8:30
First Webpage11:01
HTML Fundamentals

About the Section0:37
What is HTML?2:22
HTML Document Structure9:22
Text Element11:48
Lists5:59
Images7:24
Hyperlinks7:44
Container Elements10:56
What is Semantic HTML?3:39
Creating Tables with HTML7:17
Colspan & Rowspan6:19
Working With Form Elements15:16
Checkbox6:23
Input type; Radio & File7:00
Select & Option6:05
New Visual Studio Code Extensions3:12
Challenge4:00
Let’s Make the Challenges16:21
Challenge Solutions Continue10:00
Quiz
CSS Fundamentals

About the Section1:34
What is CSS3:16
Styling Methods-Inline, Internal and External13:17
Let’s Do Some Styling18:46
Combining Selectors7:00
Style Operation With Class and Id Assignment15:19
Order of Priority in CSS9:41
Working with Colors7:48
Working with Colors on Code9:40
Using Border in CSS7:55
Pseudo-Class in CSS12:49
Styling Hyperlinks With Pseudo-Class9:38
Crome DevTools12:50
Important Advices for CSS13:11
Challenge 126:52
Box Model3:49
Margin & Padding15:54
Let’s Start Using Margin & Padding21:36
Dimensioning with CSS16:53
Let’s Centre Our Page8:07
Challenge 215:32
Types of Boxes16:50
Element Positioning with CSS15:32
Use of Fixed and Sticky11:28
Creating Shadow in CSS10:30
Challenge 321:15
Quiz
Layout on Webpage

About the Section0:43
3 Ways to Create Layout on Web Pages5:15
Float18:24
Flexbox12:26
Flexbox Overview5:17
Let’s Keep Using Flexbox13:35
Flex-Wrap8:25
Adding Flexbox to Our Project11:35
Adding Flexbox to Our Project - 217:03
Let’s Change the Page Layout with Flexbox8:26
Introduction to CSS Grid12:52
What Is CSS Grid?4:44
Let’s Continue Examining CSS Grid Features10:43
Other Grid Features9:12
Quiz
Media Query and CSS Animations

Section Overview1:33
Media Query and CSS Animations Code Samples3:37
Responsive Menu Making With Media Query8:42
CSS Animations13:38
Making a Slider Menu With Transform9:26
Keyframes4:11
Animation Examples With Keyframes17:16
Quiz
Portfolio Website

Let’s Start Creating the Sections9:21
Portfolio Website4:49
Let’s Start With Header Creation18:26
Home Section14:37
About Section5:44
Services Section8:26
Portfolio Section12:17
Contact Section & Footer15:38
Responsive Page Design16:21

HTML & CSS Complete Course with Hands-on Portfolio Project

Oak Academy

Oak Academy | Long Live Tech Knowledge

4.4/5 Instructor Rating: ★ ★ ★ ★ ★ ★

Oak Academy is a group of tech experts who have been in the sector for years and years. Deeply rooted in the tech world, they know that the tech industry's biggest problem is the "tech skills gap" and their online course is their solution. They specialize in critical areas like cybersecurity, coding, IT, game development, app monetization, and mobile. Thanks to their practical alignment, they are able to constantly translate industry insights into the most in-demand and up-to-date courses.

Description

Build Stunning Websites from Scratch: Master HTML & CSS with Real Projects

Learn how to build fully functional, responsive websites using HTML and CSS with this complete beginner-friendly course. You'll start by understanding the essential structure of web pages through HTML, from classic to semantic tags, and then dive into styling with both foundational and modern CSS techniques. With hands-on guidance, you'll create a complete website using only HTML, then progressively enhance it with CSS for layout, responsiveness, and animations. The course wraps up with a real-world portfolio project that pulls together everything you’ve learned, preparing you to build beautiful, mobile-friendly websites from scratch.

4.7/5 average rating: ★ ★ ★ ★ ★ ★

What you'll learn

Access 84 lectures & 13 hours of content 24/7
Learn HTML fundamentals, including classic & semantic tags
Master CSS basics, from styling and layout to modern techniques like Flexbox & Grid
Discover how to create responsive designs using media queries
Dive into CSS animations to enhance the visual appeal of your websites
Build a real-world portfolio website to showcase your skills
Apply best practices for organizing & optimizing HTML and CSS code

Who this course is for

Beginners eager to learn web development with HTML & CSS
Aspiring web developers wanting to build a solid foundation in frontend technologies
Individuals looking to create their own websites or portfolios
Anyone interested in mastering modern HTML & CSS practices, including responsive design and animations

Specs

Important Details

Length of time users can access this course: lifetime
Access options: desktop or mobile
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: all levels
Certificate of Completion ONLY
Updates included
Closed captioning NOT available
NOT downloadable for offline viewing
Have questions on how digital purchases work? Learn more here
Learn more about our Lifetime deals here!

Requirements

Working computer with 8GB RAM or higher and internet connection
No prior coding experience is required
A text editor (e.g., Visual Studio Code, Sublime Text, or Notepad++)

Terms

Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.

Your Cart

Your cart is empty. Continue Shopping!

Processing order...