https://github.com/mmansy19/quran-tab-landing-page

Quran Tab is a Chrome extension that replaces your new tab with a random ayah from the Quran. It aims to keep users inspired by presenting a verse from the Quran every time they open a new tab. This landing page provides information about the extension, its features, and how to download it.
https://github.com/mmansy19/quran-tab-landing-page

animation css3 frontend html5 responsive-design sass

Last synced: about 1 month ago
JSON representation

Quran Tab is a Chrome extension that replaces your new tab with a random ayah from the Quran. It aims to keep users inspired by presenting a verse from the Quran every time they open a new tab. This landing page provides information about the extension, its features, and how to download it.

• Host: GitHub
• URL: https://github.com/mmansy19/quran-tab-landing-page
• Owner: MMansy19
• Created: 2024-01-16T04:21:13.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-02-18T01:34:07.000Z (11 months ago)
• Last Synced: 2024-02-19T01:25:49.631Z (10 months ago)
• Topics: animation, css3, frontend, html5, responsive-design, sass
• Language: HTML
• Homepage: https://quran-tab-landing-page.netlify.app/
• Size: 17.6 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Quran Tab Landing Page

## [🌟Live Link🌟](https://quran-tab-landing-page.netlify.app)

![Quran Tab Landing Page](images/quran-book.jpg)

## Description

Quran Tab is a Chrome extension that replaces your new tab with a random ayah from the Quran. It aims to keep users inspired by presenting a verse from the Quran every time they open a new tab. This landing page provides information about the extension, its features, and how to download it.

## Skills Learned

This project involved the application of various skills, including:

- **HTML:** Used to structure the content and create the layout of the landing page.

- **CSS:** Implemented for styling, layout enhancements, and design consistency.

- **SASS:** Utilized to streamline and enhance the CSS styling process.

- **Animation:** Implemented subtle animations for a more engaging user interface.

- **Responsive Design:** Ensured a seamless user experience across various devices and screen sizes.

## Landing Page Overview

![Quran Tab Landing Page](images/screen-1.png)

![Quran Tab Landing Page](images/screen-2.png)

![Quran Tab Landing Page](images/screen-3.png)

## How to Use

1. Clone the repository: `git clone https://github.com/MMansy19/quran-tab-landing-page.git`

2. Open the `index.html` file in a web browser to view the landing page.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Contact

- [Author](https://github.com/MMansy19)

- [Website](https://mahmoud-mansy-portfolio.netlify.app/)

- [Email](mailto:[email protected])

- [LinkedIn](https://www.linkedin.com/in/mahmoud-mansy-a189a5232)