<div class="heroItem">

<div class="container d-flex p-4 justify-content-between align-items-center">

<div class="ticketImage order-2 w-50">

<img src="assets/images/property-img/fe-property-img-1.jpg" class="img-fluid shadow" alt="ticket1"

srcset="">

</div>

<div class="tecketInfo order-1 w-50">

<div class="title d-flex gap-4 align-items-center">

<div class="ticketDate d-flex flex-column bg-white rounded-lg p-3 shadow-sm gap-2">

<span class="text-warning">SAT</span>

<span class="text-dark fw-bold fs-3">O7</span>

<span>JUN</span>

</div>

<h3>AirBnB</h3>

</div>

<div class="ticketLocation text-uppercase my-4 text-dark fw-bold d-flex flex-column">

<small class="m-0"><i class="fi fi-ts-land-layer-location"></i> Braeburn

Theater</small>

<small class="m-0"><i class="fi fi-ts-clock-five"></i> Braeburn Theater</small>

</div>

<div class="ticketMessage d-flex">

<p class="text-dark">Lorem Ipsum is simply dummy text

of the printing and

typesetting

industry. Lorem

Ipsum has been the industry's standard dummy text ever since the 1500s, when an

unknown printer took a galley of type and scrambled it to make a type specimen

book.

It has survived not only five centuries,

</p>

</div>

<div class="ticketBtns d-flex gap-3">

<button type="button" class="btn btn-outline-primary">GET TICKET</button>

<button type="button" class="btn btn-outline-dark">ADD TO CALENDER</button>

</div>

</div>

</div>