A static business/service website built based on the Unicorn template
This project converted the Unicorn design mockup into a website built with semantic HTML, Sass, and ES6, along with using the Gulp toolkit to customize and optimize the code for production deployment.
unicorn-preview.mp4
- Landing page
- 404 page
- Offline page
- Responsive web design
- Easy navigation
- Carousel
- Contact form
- Animation on scroll
- Light/dark mode
- Multilingual
- Optimized code
- Offline first
- Progressive Web App (PWA)
- Meet the WebAIM Checklist for Web Content Accessibility Guidelines (WCAG)
- Achieved a PageSpeed score of at least 90
All features are usable across modern desktop, tablet, and phone browsers.
To get started, you need node.js and npm installed on your local machine.
To clone the project locally, run the following command:
git clone https://github.com/basma-khalil/unicorn.git
To install dependencies, go to the project directory and run the following command:
npm install
To create an optimized build of your application for production deployment, run the following command:
gulp
- Designer: PSD template designed by Hasin Hayder
- Libraries: AOS, Splide
- Fonts: Google Fonts
This code is licensed under the Attribution-NonCommercial-ShareAlike License - For more details:
For Demo of this template you can visit https://unicorn-theme.netlify.app