Login

Cards

Cards
Vertical Card
Ex.
<div className="card shadow rounded border-0 overflow-hidden">
   <Image src="/images/blog/01.jpg" className="img-fluid" alt="">
   <div className="card-body">
      <h5 className="card-title">Saas & Software : Landrick</h5>
     <p className="text-muted">Due to its widespread use as filler text for layouts, non-readability is of great importance</p>
     <Link href="#" className="text-primary">Read More <FiChevronRight className="align-middle"></FiChevronRight></Link>
   </div>
</div>
Saas & Software : Landrick

Due to its widespread use as filler text for layouts, non-readability is of great importance

Read More
Saas & Software : Landrick

Due to its widespread use as filler text for layouts, non-readability is of great importance

Read More
Horizontal Card
Ex.
<div className="card shadow rounded border-0 overflow-hidden">
   <div className="row g-0">
       <div className="col-md-5">
          <Image src="/images/work/14.jpg" className="img-fluid" alt="...">
       </div>
       <div className="col-md-7">
          <div className="card-body">
           <h5 className="card-title">Saas & Software : Landrick</h5>
           <p className="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
           <p className="card-text"><small className="text-muted">Last updated 3 mins ago</small></p>
       </div>
   </div>
</div>
...
Saas & Software : Landrick

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago