Add a carousel to your UI with Pure CSS Emoji Star Rating Widget snippet. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
1<div class="wrapper">
2 <input type="radio" name="rate" id="star-1">
3 <input type="radio" name="rate" id="star-2">
4 <input type="radio" name="rate" id="star-3">
5 <input type="radio" name="rate" id="star-4">
6 <input type="radio" name="rate" id="star-5">
7 <div class="content">
8 <div class="outer">
9 <div class="emojis">
10 <li class="slideImg"><img src="https://i.imgur.com/07k6I7v.jpg" alt=""></li>
11 <li><img src="https://i.imgur.com/lRxhp6u.jpg" alt=""></li>
12 <li><img src="https://i.imgur.com/RUiZaOo.png" alt=""></li>
13 <li><img src="https://i.imgur.com/JCmWQZj.jpg" alt=""></li>
14 <li><img src="https://i.imgur.com/jpBXBvY.jpg" alt=""></li>
15 </div>
16 </div>
17 <div class="stars">
18 <label for="star-1" class="star-1 fas fa-star"></label>
19 <label for="star-2" class="star-2 fas fa-star"></label>
20 <label for="star-3" class="star-3 fas fa-star"></label>
21 <label for="star-4" class="star-4 fas fa-star"></label>
22 <label for="star-5" class="star-5 fas fa-star"></label>
23 </div>
24 </div>
25 <div class="footer">
26 <span class="text"></span>
27 <span class="numb"></span>
28 </div>
29 </div>
Bootstrap 5 carousel with multiple cards
Free Bootstrap 5 carousel snippet — Bootstrap 5 carousel with multiple cards. Preview, copy HTML, CSS & JS, drop it into any Bootstrap 5 project.
Sliding tabs | CSS transitions only
Sliding tabs | CSS transitions only — a free Bootstrap 5 carousel snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.
Bootstrap Services in circle slider snippet
Bootstrap Services in circle slider snippet: a hand-crafted, open-source Bootstrap 5 carousel. HTML, CSS & JS included, ready to copy.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.