This repository contains the code for building a iPhone inspired Calculator clone using HTML, CSS & Vanilla JavaScript. The project aims to recreate the visual design and layout of Calculator, providing similar interfaces for display, buttons & other details on UI including current Time & much more.
- Responsive design: The web page adapts to different screen sizes, ensuring a consistent user experience on desktop and mobile devices.
- Interactive components: The page includes interactive elements such as buttons, display & current time display.
- Dynamic content: Content is used to mimic iPhone's Calculator.
- CSS styling: The stylesheets provides a sleek, modern & exact look as devices compatiable with iOS 11 & further.
- Background: Aside from Calculator, elegant gradient background provides user with an interactive & relaxing mood.
To get started with this project, follow these steps:
- Clone the repository:
git clone https://github.com/Mubassim-Khan/Iphone-Calculator.git-
Open the project in your preferred code editor.
-
Launch the
index.htmlfile in a web browser to view the iPhone Calculator. -
Feel free to modify the code and customize the page according to your preferences. You can update the content, change the colors, or add new features.
Contributions to this project are welcome. If you find any issues or have suggestions for improvements, please open an issue or submit a pull request.
- The design and inspiration for this project come from the official iPhone Calculator.
- This project is a task from TechnoHacks Edu Tech, as a part of Internship Program.
If you have any questions, suggestions, or feedback, you can reach out to the project maintainer:
- LinkedIn: Mubassim Ahmed Khan
- Email: mubassimkhan@gmail.com