Utilities Bootstrap 5Free+ CSS
Free Bootstrap 5 utility snippet — Bootstrap 5 categories snippets using html css. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
2.4k views30 downloads
gosnippets.com/preview/bootstrap-5-categories-snippets-using-html-css
Source Code
1<div class="container">
2 <div class="row">
3 <div class="col-lg-4 col-md-6">
4 <div class="offer-box">
5 <img src="https://i.imgur.com/g4t9rWz.jpg" alt="image">
6 <div class="category">
7 <h4>Women's</h4>
8 </div>
9 <div class="box-inner">
10 <div class="inner-content">
11 <h3>Women's</h3>
12 <ul>
13 <li><a href="#">Woman Accessories</a></li>
14 <li><a href="#">Man Accessories</a></li>
15 <li><a href="#">Sunglasses</a></li>
16 <li><a href="#">Belts</a></li>
17 <li><a href="#">Hats</a></li>
18 <li><a href="#">Scrafs</a></li>
19 </ul>
20 </div>
21 </div>
22 </div>
23 </div>
24 <div class="col-lg-4 col-md-6">
25 <div class="offer-box">
26 <img src="https://i.imgur.com/x5VQQH4.jpg" alt="image">
27 <div class="category">
28 <h4>Accessories</h4>
29 </div>
30 <div class="box-inner">
31 <div class="inner-content">
32 <h3>Accessories</h3>
33 <ul>
34 <li><a href="#">Woman Accessories</a></li>
35 <li><a href="#">Man Accessories</a></li>
36 <li><a href="#">Sunglasses</a></li>
37 <li><a href="#">Belts</a></li>
38 <li><a href="#">Hats</a></li>
39 <li><a href="#">Scrafs</a></li>
40 </ul>
41 </div>
42 </div>
43 </div>
44 </div>
45 <div class="col-lg-4 col-md-6 offset-lg-0 offset-md-3">
46 <div class="offer-box">
47 <img src="https://i.imgur.com/UpbgwOL.jpg" alt="image">
48 <div class="category">
49 <h4>Men's</h4>
50 </div>
51 <div class="box-inner">
52 <div class="inner-content">
53 <h3>Men's</h3>
54 <ul>
55 <li><a href="#">Woman Accessories</a></li>
56 <li><a href="#">Man Accessories</a></li>
57 <li><a href="#">Sunglasses</a></li>
58 <li><a href="#">Belts</a></li>
59 <li><a href="#">Hats</a></li>
60 <li><a href="#">Scrafs</a></li>
61 </ul>
62 </div>
63 </div>
64 </div>
65 </div>
66 </div>
67 </div>More Utilities snippets
Auto move mouse cursor snippet
Auto move mouse cursor snippet: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.
UtilitiesView →
Bootstrap 5 Ecommerce Product Detail Page Design snippet
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce Product Detail Page Design snippet. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
UtilitiesView →
Bootstrap 5 Ecommerce single product page design template
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce single product page design template. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
UtilitiesView →
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.