This project creates a visually appealing infinite logo slider. It's designed to display a series of logos with a smooth sliding animation, perfect for showcasing partners, sponsors, or clients. The slider uses CSS animations for smooth transitions and is fully responsive.
- Infinite Sliding: The logos continuously slide from right to left, creating a seamless animation.
- Responsive Design: The layout adjusts to different screen sizes, ensuring optimal visibility on mobile and desktop devices.
- Customizable: You can easily change the logos, animation speed, and other styles to suit your project needs.
Follow these steps to set up and run the project locally:
- Clone the repository:
git clone https://github.com/your-username/your-repo.git
- Go the the project directory
-
cd your-repo
- Open the index.html file in your preferred web browser to view the logo slider.
- Here's how to use the infinite logo slider:
Add or replace logos in the logos section of the index.html file. Ensure your logo images are in the correct directory (like assets/). Adjust the @keyframes animation in the CSS if you want to change the speed of the sliding animation. Modify the h3 element in the HTML to change the header text.
-You can customize several aspects of this project to suit your needs:
Logos: Add or replace logos in the HTML file. Animation Speed: Change the duration in the @keyframes to adjust the sliding speed. Header Text: Modify the content of the h3 element to change the header above the logo slider.** **Styling: Adjust the CSS to change colors, fonts, or other visual elements.
-Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
Fork the repository on GitHub. Create a new branch for your feature or bugfix. Commit your changes with clear and concise commit messages. Submit a pull request, explaining the changes you've made.
-This project is licensed under the MIT License. You can view the license in the LICENSE file for more information.
-If you have questions or need further assistance, feel free to reach out:
GitHub: alexbytesback Email: [email protected]