This is a webpage showcasing the Apple Vision Pro. The webpage is built using HTML, CSS, and JavaScript. It features a modern and responsive design, with a light and dark theme that can be toggled based on the intersection of the articles.
The webpage is structured into two main sections:
- Apple Vision Pro: This section provides information about the Apple Vision Pro.
- What You'll Get: This section details what you will get with the Apple Vision Pro.
Each section is contained within an article tag and includes a heading, a paragraph of text, and an image.
The styling of the webpage is done using CSS. It includes a light theme and a dark theme, which can be toggled. The CSS also includes media queries for responsive design, making the webpage look good on all devices (desktops, tablets, and phones).
The functionality of the webpage is handled using JavaScript. It includes a function to change the theme of the webpage based on the intersection of the articles. This means that as you scroll through the webpage, the theme will automatically switch between light and dark.
To run this project, simply open the HTML file in your browser. The CSS and JavaScript files are linked in the HTML, so they will load automatically when you open the HTML file.