Hero Design 7

<div class="container py-5">
  <div class="row g-4 align-items-center">
    <div class="col-lg-7">
      <h1 class="display-4 fw-bold">Learn to code <span class="text-success">step by step</span>.</h1>
      <p class="lead text-secondary">CodeShikhi makes web development friendly for beginners.</p>
      <div class="d-flex gap-2"><a class="btn btn-success btn-lg" href="#">Start learning</a><a class="btn btn-outline-success btn-lg" href="#"><i class="bi bi-play-circle"></i> Watch video</a></div>
    </div>
    <div class="col-lg-5">
      <div class="ratio ratio-16x9 rounded-4 bg-success bg-opacity-25"></div>
    </div>
  </div>
</div>