Create a Swiper Carousel Web App | Challenge

# Introduction In this project, you'll learn how to create a Swiper carousel web app that features a visually appealing carousel layout with cosmic-themed content. The app will allow users to navigate through different slides and view cards with interesting facts about the universe. Here is a preview of the Swiper carousel: ![project-swiper](https://file.labex.io/namespace/718bace8-27a3-4200-a588-dde4041ceeb9/web/project-create-a-swiper-carousel-web-app/challenge-1/assets/swiper.gif) ## 🎯 Tasks In this project, you will learn how to: - Construct the HTML skeleton for the web app - Embed the Swiper carousel into the HTML structure - Add circles and animated floating circles to the background of the app - Implement foundational CSS resets to ensure consistent styling across browsers - Style the main section and content holder of the app - Design and animate floating circles in the background - Style the Swiper carousel and its components - Initialize the Swiper carousel using JavaScript ## 🏆 Achievements In this project, you will learn the following skills: - HTML structure and layout - CSS styling and animations - JavaScript for initializing and configuring the Swiper carousel

|60 : 00

Click the virtual machine below to start practicing