Add a utility to your UI with Bootstrap ecommerce product list snippets. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
1<div class="container">
2<div class="row bootstrap snippets bootdeys" id="store-list">
3 <div class="col-md-6 col-xs-12">
4 <div class="panel">
5 <div class="panel-body">
6 <div class="row">
7 <div class="col-sm-5">
8 <a href="#"><img src="https://via.placeholder.com/300x300/FF4500/000000" class="img-responsive"></a>
9 </div>
10 <div class="col-sm-7">
11 <h4 class="title-store">
12 <strong><a href="#">Product name</a></strong>
13 </h4>
14 <hr>
15 <p>Iki kie mung omah lodong dadiine rodo murah tur yo ra awet wong karang mung murah, nek pingin awet yo tuku omah-omahan wae sing ra iso rusak.</p>
16 <p>
17 <a href="#" class="btn btn-default" disabled="" data-original-title="" title="">$12,990</a>
18 <a href="#" class="btn btn-warning pull-right" data-original-title="" title="">Buy Now</a>
19 </p>
20 </div>
21 </div>
22 </div>
23 </div>
24 </div>
25 <div class="col-md-6 col-xs-12">
26 <div class="panel">
27 <div class="panel-body">
28 <div class="row">
29 <div class="col-sm-5">
30 <a href="#"><img src="https://via.placeholder.com/300x300/DA70D6/000000" class="img-responsive"></a>
31 </div>
32 <div class="col-sm-7">
33 <h4 class="title-store">
34 <strong><a href="#">Product name</a></strong>
35 </h4>
36 <hr>
37 <p>Iki kie mung omah lodong dadiine rodo murah tur yo ra awet wong karang mung murah, nek pingin awet yo tuku omah-omahan wae sing ra iso rusak.</p>
38 <p>
39 <a href="#" class="btn btn-default" disabled="" data-original-title="" title="">$12,990</a>
40 <a href="#" class="btn btn-warning pull-right" data-original-title="" title="">Buy Now</a>
41 </p>
42 </div>
43 </div>
44 </div>
45 </div>
46 </div>
47 <div class="col-md-6 col-xs-12">
48 <div class="panel">
49 <div class="panel-body">
50 <div class="row">
51 <div class="col-sm-5">
52 <a href="#"><img src="https://via.placeholder.com/300x300/4169E1/000000" class="img-responsive"></a>
53 </div>
54 <div class="col-sm-7">
55 <h4 class="title-store">
56 <strong><a href="#">Product name</a></strong>
57 </h4>
58 <hr>
59 <p>Iki kie mung omah lodong dadiine rodo murah tur yo ra awet wong karang mung murah, nek pingin awet yo tuku omah-omahan wae sing ra iso rusak.</p>
60 <p>
61 <a href="#" class="btn btn-default" disabled="" data-original-title="" title="">$12,990</a>
62 <a href="#" class="btn btn-warning pull-right" data-original-title="" title="">Buy Now</a>
63 </p>
64 </div>
65 </div>
66 </div>
67 </div>
68 </div>
69 <div class="col-md-6 col-xs-12">
70 <div class="panel">
71 <div class="panel-body">
72 <div class="row">
73 <div class="col-sm-5">
74 <a href="#"><img src="https://via.placeholder.com/300x300/40E0D0/000000" class="img-responsive"></a>
75 </div>
76 <div class="col-sm-7">
77 <h4 class="title-store">
78 <strong><a href="#">Product name</a></strong>
79 </h4>
80 <hr>
81 <p>Iki kie mung omah lodong dadiine rodo murah tur yo ra awet wong karang mung murah, nek pingin awet yo tuku omah-omahan wae sing ra iso rusak.</p>
82 <p>
83 <a href="#" class="btn btn-default" disabled="" data-original-title="" title="">$12,990</a>
84 <a href="#" class="btn btn-warning pull-right" data-original-title="" title="">Buy Now</a>
85 </p>
86 </div>
87 </div>
88 </div>
89 </div>
90 </div>
91</div>
92</div>
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.
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.
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.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.