- Semantic HTML5 tags.
- Mobile First approach.
- SASS mixins and functions for multiple usage.
- SASS partials for split the giant CSS file to many small SASS files.
- SASS Numeric Operators (sass:math) to do important math operations.
- Five different breakpoints to achieve the responsive design as much as possible.
- CSS custom properties (CSS Variables).
- A lot of JavaScript functions for multiple usage.
- LocalStorage in browser to save the choosen Mode and Language.
- ES6 standerds in JavaScript code.
- Responsive design with flexable layout built with flexbox and grid.
- Minified CSS file (The Production Version).
- Minified website images as much as possible to achieve the high performance.
- Use Webp images to decrease rendering time.
- Two modes (Dark & Light) and two languages (Arabic & English).