Cards Bootstrap 5Free+ CSS
Add a card to your UI with Pure css Laptop cart for shopping website. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
2.0k views27 downloads
gosnippets.com/preview/pure-css-laptop-cart-for-shopping-website
Source Code
1
2
3<div class="main">
4 <ul class="cards">
5 <li class="cards_item">
6 <div class="card">
7 <div class="card_image"><img src="https://images.pexels.com/photos/2857477/pexels-photo-2857477.jpeg" alt="laptop category " /></div>
8 <div class="card_content">
9 <h2 class="card_title">Dell Laptop <span class="orange">• $1200</span></h2>
10 <div class="card_text">
11 <p>
12 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non libero eget ipsum bibendum posuere.
13 </p>
14
15 </div>
16
17 </div>
18 </div>
19 </li>
20
21 <li class="cards_item">
22 <div class="card">
23 <div class="card_image"><img src="https://images.pexels.com/photos/326513/pexels-photo-326513.jpeg" alt="laptop " /></div>
24 <div class="card_content">
25 <h2 class="card_title">Apple Laptop <span class="orange">• $1500</span></h2>
26 <div class="card_text">
27 <p>
28 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non libero eget ipsum bibendum posuere.
29 </p>
30
31
32 </div>
33
34 </div>
35 </div>
36 </li>
37 <li class="cards_item">
38 <div class="card">
39 <div class="card_image">
40 <img src="https://images.pexels.com/photos/1229861/pexels-photo-1229861.jpeg" alt="Dell laptops. " />
41 </div>
42 <div class="card_content">
43 <h2 class="card_title"> Apple Laptop <span class="orange">• $2000</span></h2>
44 <div class="card_text">
45 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non libero eget ipsum bibendum posuere. </p>
46
47 </div>
48
49 </div>
50 </div>
51 </li>
52 </ul>
53</div>More Cards snippets
Bootstrap carousel with cards in 3 columns
Bootstrap carousel with cards in 3 columns: a hand-crafted, open-source Bootstrap 5 card. HTML included, ready to copy.
CardsView →
Bootstrap 5 ecommerce product cards details template
Add a card to your UI with Bootstrap 5 ecommerce product cards details template. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
CardsView →
Bootstrap snippet Panels with nav tabs using HTML & CSS
Bootstrap snippet Panels with nav tabs using HTML & CSS — a free Bootstrap 5 card snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.
CardsView →
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.