Crunchyroll Clone
Project Overview:
This project is a Crunchyroll Clone designed to replicate the look and feel of the Crunchyroll streaming platform. It offers a responsive layout, interactive buttons, and styling to showcase popular anime titles and premium subscription plans. The clone uses HTML, CSS to implement essential features and styles.
Features: Navigation Bar:
- Sticky Navigation Bar: Includes a logo and buttons for LOG IN and EXPLORE.
- Hover Effects: Buttons change styles when hovered for better UX.
Hero Section:
- Promotional Banner: Highlights premium subscription plans with a call-to-action button for a 7-day free trial.
- Informative Content: Clear details about pricing, plan comparison, and cancellation policy.
Anime Cards:
- Grid Display: Features popular anime titles in a visually appealing card layout.
- Anime Details: Includes an image, title, and category of the series.
Subscription Plans:
- Pricing Section: Displays various subscription plans with features such as ad-free streaming, offline viewing, and multi-device support.
- Interactive Buttons: Call-to-action buttons for starting a free trial.
Additional Features:
- Offline Viewing Section: Highlights offline viewing capabilities.
- Ad-Free Viewing: Promotes ad-free streaming on multiple devices.
- Footer Navigation: Includes legal links, copyright, and language selection.
Technologies Used:
- HTML: For structure and layout.
- CSS: For styling, hover effects, and responsive design.
- Integrated Google Fonts for custom typography.
- FontAwesome for icons.
How to Run the Project:
- Clone the repository or download the files.
- Open the index.html file in your preferred browser.
- Ensure an active internet connection for linked resources (Google Fonts, FontAwesome, and external images).
Files and Folders:
- index.html: Main HTML file for the layout and structure.
- style.css: CSS file for styling and responsiveness.
- assets: External images and resources loaded via URLs.