Online Learning Website

Table of contents

• General info
• Screenshots
• Technologies
• Setup
• Status

General info

I did this project to put into practice everything I have learned so far.

The site was written from scratch and the design was taken from this template.
I have improved and added a few things to make it more visually appealing.

I learned a lot of things with this project:

• The difference between relative and absolute positions.
  
• How to use z-index to stack an element above another.
  
• The importance of color contrast.
  
• How to create a parallax scrolling effect.
  
• How to create a sticky and responsive navigation bar.
  
• How to use npm to install packages.
  
• How to use SASS (being able to nest classes is awesome)

Finishing this project wasn't difficult, but I spent a lot of time writing CSS, so I'll try to use a CSS framework next time.

I hope to learn more things with the next project.

Screenshot

Technologies

• HTML
• CSS
• JS
• HTML5 Boilerplate
• SASS
• AOS

Setup

• Demo

Status

Project is: finished