Cards Bootstrap 5Free+ CSS
Neumorphic Meet Our Team Card | Neumorphic card design — a free Bootstrap 5 card snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.
2.0k views35 downloads
gosnippets.com/preview/neumorphic-meet-our-team-card-|-neumorphic-card-design
Source Code
1<div class="container d-flex justify-content-center">
2
3
4<div class="row">
5 <div class="col-md-4">
6 <div class="card p-3 py-4 mt-5 mb-5">
7 <div class="text-center"> <img src="https://images.pexels.com/photos/2787341/pexels-photo-2787341.jpeg" width="100" class="rounded-circle">
8 <h3 class="mt-2">Radhika Menon</h3> <span class="mt-1 clearfix">Software Developer</span> <small class="mt-4">I am a Software Developer working at Microsoft Inc at Silicon,USA</small>
9 <div class="button mt-5">
10 <button class="view-button"> View More</button>
11 </div>
12 </div>
13 </div>
14 </div>
15
16 <div class="col-md-4">
17 <div class="card p-3 py-4 mt-5 mb-5">
18 <div class="text-center"> <img src="https://images.pexels.com/photos/2772091/pexels-photo-2772091.jpeg" width="100" class="rounded-circle">
19 <h3 class="mt-2">Vidya Kooper</h3> <span class="mt-1 clearfix">iOS Developer</span> <small class="mt-4">I am a iOS Developer working at Apple Inc at California,USA</small>
20 <div class="button mt-5">
21 <button class="view-button"> View More</button>
22 </div>
23 </div>
24 </div>
25 </div>
26
27 <div class="col-md-4">
28 <div class="card p-3 py-4 mt-5 mb-5">
29 <div class="text-center"> <img src="https://images.pexels.com/photos/2065198/pexels-photo-2065198.jpeg" width="100" class="rounded-circle">
30 <h3 class="mt-2">Katrina Kaif</h3> <span class="mt-1 clearfix">Software Developer</span> <small class="mt-4">I am a Software Developer working at Microsoft Inc at Bangalore, India</small>
31 <div class="button mt-5">
32 <button class="view-button"> View More</button>
33 </div>
34 </div>
35 </div>
36 </div>
37
38</div>
39
40
41
42</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.