Example = like this
I want to make similar design like this in website. So please Help? Here is my code:
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content=""><meta name="author" content=""><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"></head><body id="page-top"><section class=""><div class="container-fluid"><h2 class="text-center font-weight-bold">Key Features</h2><div style="height: 100px; width: 100%;"></div><div class="card newalign1 mb-3 nextcolor1" style="max-width: 540px;"><div class="row"><div class="col-md-4"><img src="img/design/day66-travel-faab519ff2056d4874882edfc30ebdb9.png" class="card-img" alt="..."></div><div class="col-md-8"><div class="card-body"><h5 class="card-title">Card title</h5><p class="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></div></div></div></div><div class="card newalign2 mb-3 nextcolor1" style="max-width: 540px;"><div class="row "><div class="col-md-8"><div class="card-body"><h5 class="card-title">Card title</h5><p class="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></div></div><div class="col-md-4"><img src="img/design/day66-travel-faab519ff2056d4874882edfc30ebdb9.png" class="card-img" alt="..."></div></div></div><div class="card mb-3 newalign3 nextcolor1" style="max-width: 540px;"><div class="row "><div class="col-md-4"><img src="img/design/day66-travel-faab519ff2056d4874882edfc30ebdb9.png" class="card-img" alt="..."></div><div class="col-md-8"><div class="card-body"><h5 class="card-title">Card title</h5><p class="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></div></div></div></div><div class="card mb-3 newalign4 nextcolor1" style="max-width: 540px;"><div class="row "><div class="col-md-8"><div class="card-body"><h5 class="card-title">Card title</h5><p class="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></div></div><div class="col-md-4"><img src="img/design/day66-travel-faab519ff2056d4874882edfc30ebdb9.png" class="card-img" alt="..."></div></div></div></div></section></body></html>
