<!-- Example: 1 -->
    <div class="bg-gradient-primary">
      Place your all contents
    </div>

    <!-- Example: 2 -->
    <div class="bg-gradient-info">
      Place your all contents
    </div>
  
              

  
    <!-- background image with content -->
    <div class="section-padding bg-paralax" style="background-image: url('path/to/img..');">
      <h1 class="text-white mb-2">Demo Title</h1>
      <p class="text-white">Lorem ipsum dolor sit amet.</p>
    </div>