Even though jQuery Owl Carousel 2 hasn't been updated for a long time, it's still one of the best image carousel plugins out there. I really love using this carousel for my projects, and I want to share with you one of the carousel design options. It's a responsive and lightweight carousel with a minimal and clean design to showcase your work. A demo of this carousel is available at the following link: Lightweight-Responsive-Carousel. Demonstration in Cyrillic (Russian language): Cyrillic-Demo.
The project uses the following colors:
- Body bg: #ffffff
- Content 1: #333944
- Content 2: #1f2329
- Metadata: #757c89
- Hover color 1: #005dff
- Hover color 2: #000000
Image sizes:
- Original: 307x260px
- Recommended size: 921x780px
Google fonts: Open Sans (400, 400 Italic, 500, 500 Italic, 700, 700 Italic).
I also use the "mw-" prefix for CSS classes and IDs. This should make it easier to use this carousel if you want to add it to your project, since using this prefix will reduce the chance of conflicts with your project's styles.
- Owl Carousel 2: Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider.
- jQuery: jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
- normalize.css: A modern alternative to CSS resets.
- Font Awesome Free: Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators.
- Google Fonts: Open Sans.
- Unsplash.com: The internet's source of freely-usable images. Powered by creators everywhere.
Thank you for your interest!