<div class="container">
<div class="row">
<div class="col-xl col-md-4 kırmızı">
<P></P>
</div>
</div>

<div class="row">
<div class="col-xl-6 col-md-4 yesil">
<p></p>
</div>
<div class="col-xl-6 col-md-2 mavi">
<p></p>
</div>
</div>


<div class="row">
<div class="col-xl-3 col-md-6 siyah">
<p></p>
</div>
<div class="col-xl-3 col-md-6 pembe">
<p></p>
</div>
<div class="col-xl-3 col-md-2 ten">
<p></p>
</div>
<div class="col-xl-3 col-md-2 sari">
<p></p>
</div>
</div>


<div class="row">
<div class="col-xl-6 col-md-8 pudrapembe">
<p></p>
</div>
<div class="col-xl-6 col-md gyesil">
<p></p>
</div>
</div>

</div>
</body>
</html>