https://github.com/kishore-sr/orange-appleclone

Fully responsive UI clone of Apple's landing page.
https://github.com/kishore-sr/orange-appleclone

html-css-javascipt

Last synced: 6 days ago
JSON representation

Fully responsive UI clone of Apple's landing page.

• Host: GitHub
• URL: https://github.com/kishore-sr/orange-appleclone
• Owner: Kishore-SR
• Created: 2024-01-20T14:56:45.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-07-18T15:16:12.000Z (4 months ago)
• Last Synced: 2024-07-18T19:25:47.791Z (4 months ago)
• Topics: html-css-javascipt
• Language: CSS
• Homepage: https://aorange.web.app
• Size: 22.5 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Orange 🍊

Orange is a fully responsive Apple Clone website that is compatible with all mobile devices, and is built using HTML, CSS and JavaScript.

[![Project Link](https://img.shields.io/badge/Project%20Link-37a779?style=for-the-badge)](https://aorange.web.app/)

## About Orange

Orange is a frontend project that started as an exploration of Apple's captivating UI. The main goal was to recreate the frontend of Apple's landing page, showcasing my skills and understanding of modern web development. However, instead of creating a direct clone, I took a creative departure by fully rebranding the project as Orange.

## Tools Used

[![HTML5](https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white)](/)

[![CSS5](https://img.shields.io/badge/css5%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white)](/)

[![JavaScript](https://img.shields.io/badge/javascript%20-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)](/)

[![Git](https://img.shields.io/badge/Git-5E5E5E?style=for-the-badge&logo=git&logoColor=F05032)](/)

[![GitHub](https://img.shields.io/badge/GitHub-5E5E5E?style=for-the-badge&logo=github&logoColor=181717)](/)

[![Canva](https://img.shields.io/badge/Canva-00C4CC?style=for-the-badge&logo=canva&logoColor=white)](/)

[![ChatGPT](https://img.shields.io/badge/ChatGPT-3D7BF7?style=for-the-badge&logo=openai&logoColor=white)](/)

[![Firebase](https://img.shields.io/badge/Firebase-FFCA28?style=for-the-badge&logo=firebase&logoColor=black)](/)

## Website Preview

![website-img](https://github.com/codingstella/personal-blog-website/assets/113582974/a2600ea4-f7c1-4faa-93f1-26ab4259ada4)

## Key Features

- Responsive design for various screen sizes.

- Interactive elements powered by JavaScript.

- Distinctive Orange branding throughout the webpage.

## Connect Here

[![LinkedIn](https://img.shields.io/badge/linkedin%20-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/Kishore-SR)  

[![YouTube](https://img.shields.io/badge/Youtube-%23FF0000.svg?style=for-the-badge&logo=YouTube&logoColor=white)](https://www.youtube.com/@Kishore-SR)  

[![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white&color=red)](mailto:[email protected])