<!-- Containers -->
<!-- <div class="container-fuild" id="red">
<div class="row" id="green">
<div class=" col-xl-4 col-lg-4 col-md-4 col-sm-6 col-8 bg-primary text-white">ROW</div>
<div class=" col-xl-4 col-lg-6 col-md-4 col-sm-6 col-2 bg-secondary text-white">Column</div>
<div class=" col-xl-4 col-lg-2 col-md-4 col-sm-12 col-2 bg-success text-white">Column</div>
</div>
</div> -->
<!--
<div class="container-fuild" id="red">
<div class="row" id="green">
<div class="col-lg-4 bg-primary text-white">COL 4</div>
<div class="col-lg-8 bg-secondary text-white">
COL 8(Heading)
<div class="row">
<div class="col-lg-4 bg-primary">div 1</div>
<div class="col-lg-4 bg-danger">div 2</div>
<div class="col-lg-4 bg-info">div 3</div>
</div>
</div>
</div>
</div> -->
