Portfolio web page
Semantic and responsive portfolio page for a typical web developer. It's in dark mode by default and supports light mode.
What you will get
Full Learn HTML CSS course access
440+ lessons & challenges
390+ flashcards to solve
Portfolio & MyBank final projects
HTML CSS Knowledge Map
Discord Community
Certificate of completion
Future course updates (5 years)
What you will learn
This course covers HTML and CSS from scratch. While you can get a result on the screen easily with HTML and CSS, it's important to have proper semantics and accessibility. We've got a unique approach as we like to explain the concepts step by step so that you can fully understand how it works.
The lessons & challenges will guide you through these topics step by step:
- Accessibility
- Semantics
- Headings
- Meta tags
- Semantic elements
- Non-semantic elements
- HTML Validation
- Left to right direction
- Horizontal writing mode
- Landmarks
- Reader mode
- DevTools (Inspect)
- Images
- Fonts
- Units
- Responsiveness
- Box models
- Selectors
- Collapsing margins
- CSS (axis) Shorthands
- Anchors
- UI Kit
- Color accessibility
- Custom Properties
- Flex
- Grid
- Positioning
- Forms
- Variable fonts
- Stacking contexts
- Container queries
- Scroll Snap
- Responsive utilities
- :has()
- Dialog
- Much more...
Projects included
The two projects below are included throughout the entire course. They will let you apply the concepts you just acquired. After completing the course, you will be able to use these projects in your own (non-educational) work.
MyBank: Mobile banking web app
An 8-page mobile web app. The web app is static, thus uses no API. It focuses on mobile best practices.
Reviews
I just wanted to let you know I have finished Learn HTML & CSS, Learn JavaScript, and Learn React. I just want to tell you how great my experience has been going through your tutorials. I had a basic level of HTML & CSS and JavaScript when I started.
What I needed was an experts knowledge of putting the individuals tools I had previously learned into practice in a big picture sense, as well as the benefit of a professionals experience.
Not only did your course provide the above points but your experience came through loud and clear, it was incredibly helpful! I cannot begin to say how grateful I am to you for making these courses.
They are by far the best educational materials I have come across for HTML & CSS, JavaScript and React. Thank you very much for creating the materials, I will forever use the knowledge that you passed to me as a foundation to create a future for myself!
Frequently asked questions
Here are some of the most asked questions. If you have any other question, consider
Course content
Is this course suitable for absolute beginners?
The course assumes you know nothing about HTML and CSS. It does, however, assume that you have basic computer literacy.
Is this course suitable for intermediate developers?
Many developers know HTML and CSS from several years ago. However, the HTML specification has changed many times leading to new semantic meanings for old elements. Also, CSS has recently seen many new features that you can take advantage of while building web pages. You will learn a lot from this course, even if you've been writing HTML for many years.
We recommend that you go through the free trial to get a feel for yourself.
Payment
Is it a one-time payment or subscription?
Yes, it is a one-time payment that gives you access for 5 years.
If you'd like to use the app after those 5 years, you will have to make a new payment. We will not automatically charge your card and there is no automatic renewal.
We believe that you should not have to pay monthly except for Gas, Water & Electricity (and maybe Netflix). This encourages you to take your time while working on the course, rather than rushing it. Note that the payment is only valid for this course.
What happens after my PRO account expires (after 5 years)?
The majority of students will not need to access their accounts past the 5 years mark. After 5 years, your account will be downgraded from PRO. You will have the option to upgrade again. There is no automatic renewal and your card will not be automatically charged.
Can I pay in a different currency?
Yes, you can! You can pay in your own currency so that you don't incur a cost for currency exchange. Contact support if your currency is not available in the dropdown above (subject to availability).
The exchange rates are refreshed on our backend as frequently as every 5 minutes. The latest exchange rate will be used. If you keep the page open for long, you may be seeing an amount based on an outdated exchange rate. You will have to reload the page to view the latest price in your currency.
How do you process my payment?
We use Stripe or Paypal to process your payments and your credit card information never touches our servers.
Can I use the account for more than one person?
No, every paid account is meant to be used by one person only. We perform manual and automated checks while guaranteeing privacy.
Your account is tied to your GitHub username.
Do I get access to other courses?
No, other courses on different domains have a different price and PRO membership.
Do you offer a discount for bundles (multiple courses)?
Yes, for courses you haven't purchased yet. You can bundle courses and get a discount. The first bundled course will give you a 10% discount. Every additional course will add a 5% discount.
The bundle discount cannot be combined with other discounts.
Can I gift the course?
Yes, this is possible. Please contact support for more information.
VAT
I am a company registered in the EU. Can I use reverse VAT charge?
Yes, you can! Please note that this has to be done before you pay for the course. You can enter your VAT number by clicking on the VAT Info button. Please note that this is not available if your company is registered in the Netherlands.
How is VAT calculated?
VAT is finalized after you complete the payment because only then we will be able to know whether VAT should be collected or not. In both cases, the price will not change as the VAT is extracted from the amount you pay. You will be able to see whether VAT has been charged or not in your invoice.
Invoicing
Can I get an invoice?
You will automatically receive a (Business to Consumer) invoice after your payment by email. You will have the option to update this invoice with your (company) details within 30 days. Please note that if you require an EU VAT reverse charge invoice, then you should click on the VAT Info button and enter your VAT number before making the purchase.
What are the company details?
The company is registered in the Netherlands. You can find the company details below:
Company name: Jad Joubran B.V.
Chamber of Commerce number: 82283095
VAT Number: NL862410228B01
PRO Account
Will I be able to jump to any chapter once I upgrade?
Not before you solve the previous chapters. The chapters are sequential because the topics build on top of each other. Even when you upgrade to PRO, you will have to go through them one by one. However, you have the option to jump to a specific chapter from the help menu by selecting Course Progress > skip to a chapter or ask support to unlock all chapters so you can freely move around.
Do I get a certificate of completion?
Yes, you can get a signed certificate of completion with your full name once you finish the entire course.
Can I extend my PRO account beyond 5 years?
Unfortunately not, the PRO account is linked to your purchase date and cannot be extended or modified as it's used for accounting purposes.
Where will I be after finishing this course?
You will be able to build responsive websites and web apps using modern HTML and CSS with proper semantics and accessibility.
Companies & Universities
Can I get a group discount?
Group discounts are available for groups of 5, 10, 15, 20 and above. Please use the help center to contact us with the approximate size of your group.
I am a university instructor. Is this course suitable for my students?
Absolutely! The course is already being used in conjunction with university material at some universities. Please use the help center to contact us with the approximate number of students.
Curious to know what we shipped recently? Check out our public-facing Trello board.