This project is a clone of the official Apple iPhone website. It is built using modern web development technologies including HTML, CSS, 3JS, GSAP, Vite and JavaScript.
- Responsive design that works on various screen sizes.
- Replicates the look and feel of the official Apple iPhone website.
- Interactive UI elements such as carousels and animations.
- Navigation menu and footer similar to the original website.
You can view a live demo of the iPhone website clone here.
- HTML5: For the structure of the web pages.
- CSS3: For styling and layout, including Flexbox and Grid.
- JavaScript: For interactivity and dynamic content
- Scrolltrigger: for smooth scrolling
- GSAP: for animation and effects
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/your-username/iphone-website-clone.git
- Navigate to the project directory:
cd iphone-website-clone ``
-
Open the index.html file: You can open the
index.htmlfile directly in your web browser to view the website.Alternatively, you can use a live server extension in your code editor (like Visual Studio Code) to view the website with live reloading.
-
Explore the website: Navigate through different sections and interact with the UI elements to see the full functionality.
Contributions are welcome! If you'd like to contribute, please follow these steps:
- Fork the repository.
- Create a new branch (
git checkout -b feature/your-feature). - Commit your changes (
git commit -m 'Add some feature'). - Push to the branch (
git push origin feature/your-feature). - Open a Pull Request.
This project is licensed under the MIT License. See the LICENSE file for details.
If you have any questions or suggestions, feel free to contact me at:
- Email: [email protected]
- GitHub: Theboycut05
Thank you for visiting the iPhone website clone project!