Left to Right Vertical Timeline example with Bootstrap-5: a hand-crafted, open-source Bootstrap 5 utility. HTML & CSS included, ready to copy.
1<div class="container">
2 <div class="row">
3 <div class="col-md-12">
4 <div class="Yearly-timeline">
5 <div class="timeline">
6 <a href="" class="timeline-content">
7 <div class="timeline-icon"><i class="fa fa-instagram"></i></div>
8 <h3 class="title">2018-2022</h3>
9 <p class="description">
10 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer males uada tellus lorem, et condimentum neque commodo Integer males uada tellus lorem, et condimentum neque commodo
11 </p>
12 </a>
13 </div>
14 <div class="timeline">
15 <a href="" class="timeline-content">
16 <div class="timeline-icon"><i class="fa fa-twitter"></i></div>
17 <h3 class="title">2013-2017</h3>
18 <p class="description">
19 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer males uada tellus lorem, et condimentum neque commodo Integer males uada tellus lorem, et condimentum neque commodo
20 </p>
21 </a>
22 </div>
23 <div class="timeline">
24 <a href="" class="timeline-content">
25 <div class="timeline-icon"><i class="fa fa-facebook"></i></div>
26 <h3 class="title">2009-2012</h3>
27 <p class="description">
28 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer males uada tellus lorem, et condimentum neque commodo Integer males uada tellus lorem, et condimentum neque commodo
29 </p>
30 </a>
31 </div>
32 <div class="timeline">
33 <a href="" class="timeline-content">
34 <div class="timeline-icon"><i class="fa fa-linkedin"></i></div>
35 <h3 class="title">2006-2009</h3>
36 <p class="description">
37 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer males uada tellus lorem, et condimentum neque commodo Integer males uada tellus lorem, et condimentum neque commodo
38 </p>
39 </a>
40 </div>
41 </div>
42 </div>
43 </div>
44 </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.
Hand-crafted Tailwind CSS components — HTML or React, copy-paste ready, with live previews. Free forever, MIT licensed, no sign-up to use.
24
Components
57
Views
6
Likes
Trending now
More Bootstrap snippets developers are viewing this week.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.