https://github.com/pranav-jadhav09/responsive-airpods-landing-page

A responsive Apple Airpods landing page built using HTML5, CSS3, Vanilla Js along with GSAP Library.
https://github.com/pranav-jadhav09/responsive-airpods-landing-page

airpodspro apple css-animations gsap-animation javascript-library landing-page scroll scrollmagic timelinemax

Last synced: 7 days ago
JSON representation

A responsive Apple Airpods landing page built using HTML5, CSS3, Vanilla Js along with GSAP Library.

• Host: GitHub
• URL: https://github.com/pranav-jadhav09/responsive-airpods-landing-page
• Owner: Pranav-Jadhav09
• License: mit
• Created: 2023-08-10T16:39:03.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-11T14:22:40.000Z (over 1 year ago)
• Last Synced: 2024-11-21T07:29:05.745Z (2 months ago)
• Topics: airpodspro, apple, css-animations, gsap-animation, javascript-library, landing-page, scroll, scrollmagic, timelinemax
• Language: CSS
• Homepage: https://pranav-jadhav09.github.io/responsive-airpods-landing-page/
• Size: 520 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


![GitHub repo size](https://img.shields.io/github/repo-size/Pranav-Jadhav09/responsive-airpods-landing-page)

[![Twitter Follow](https://img.shields.io/twitter/follow/Pranav_Jadhav09?style=social)](https://twitter.com/Pranav_Jadhav09)

[![Hashnode Badge](https://img.shields.io/badge/Read_What_I_learn-2962FF?style=social&logo=hashnode&logoColor=blue)]( https://thejrpranav09.hashnode.dev/gsap-essentials-a-guide-to-basics-for-seamless-web-animations)









Apple Airpods Landing Page

Apple Airpods is a fully responsive landing page website, responsive for all devices, built using HTML5, CSS3, and JavaScript. Also used GSAP library, timelinemax and scrollMagic. 


➥ Live Demo







### 🎧 Apple Airpods Landing Page

- Made using HTML CSS, JavaScript and GSAP Library.

- Contains GSAP - Slide animation.

- Developed first with the Mobile First methodology, then for desktop.

- Compatible with all mobile devices and with a beast user interface.

### Demo Screenshots

![Landing Page Demo Screen](./assets/images/demo1.png "Demo Screen")




![Landing Page Demo Screen](./assets/images/demo2.png "Demo Screen")

### Prerequisites

Before you begin, ensure you have met the following requirements:

- [Git](https://git-scm.com/downloads "Download Git") must be installed on your operating system.

### Run Locally

To run **Apple Airpods Landing Page**, run this command on your git bash:

Linux and macOS:

```bash

sudo git clone https://github.com/Pranav-Jadhav09/responsive-airpods-landing-page.git

```

Windows:

```bash

git clone https://github.com/Pranav-Jadhav09/responsive-airpods-landing-page.git

```

### License

MIT