Unicorn Theme

A static business/service website built based on the Unicorn template.

Table of Contents

• Unicorn Theme
  • Table of Contents
  • About the Project
    • Description
    • Live preview
    • Built With
    • Features
    • Usability
  • Getting Started
    • Prerequisites
    • Installing
    • Production Build
  • Credits
  • License
  • Demo

About the Project

Description

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.

Live preview

unicorn-preview.mp4

Built With

Features

• 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

Usability

All features are usable across modern desktop, tablet, and phone browsers.

Getting Started

To get started, you need node.js and npm installed on your local machine.

Prerequisites

To clone the project locally, run the following command:

git clone https://github.com/basma-khalil/unicorn.git

Installing

To install dependencies, go to the project directory and run the following command:

npm install

Production Build

To create an optimized build of your application for production deployment, run the following command:

gulp

Credits

• Designer: PSD template designed by Hasin Hayder
• Libraries: AOS, Splide
• Fonts: Google Fonts

License

This code is licensed under the Attribution-NonCommercial-ShareAlike License - For more details:

• View License Deed
• View Legal Code

Demo

For Demo of this template you can visit https://unicorn-theme.netlify.app