 <main class="main-wrapper">
    <div class="main-content">
      <button class="btn guestBtn d-flex gap-2 align-items-center" id="backBtn"><img src="<?= base_url('assets/images/arowleft.svg') ?>" alt="" width="15px"> Back</button>
		<div class="row">
    <div class="col-md-8 my-2">
        <div class="d-flex align-items-center gap-2 mb-2">
         <img src="<?= base_url('assets/images/megaIcons/event.svg') ?>" alt="" height="40px">
         <h3 class="fmon m-0 fw-bolder">Event Journal</h3>
        </div>
        </div>
     <div class="col-md-4 my-2 d-flex justify-content-end" >
    <a href="<?= base_url('site/addevent') ?>" class="btn guestBtn"><img src="<?= base_url('assets/images/plus.png') ?>" alt="" width="20px"></a>
     </div>
      
    </div class="row">
     <div class="col-md-12">
        <div class="card">
           <div class="card-body">
            <p class="fonteven text-muted">TiTle: <span class="text-black fw-bold">Security Breach</span></p>
            <p class="fonteven text-muted">Created At: <span class="text-black fw-bold">2024-07-24</span></p>
            <p class="fonteven text-muted">Status: <span class="text-black fw-bold">New</span></p>
            <p class="fw-bold text-black">Description</p>
            <p class="text-muted">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum quia, autem, pariatur repellendus quae enim facilis, nulla aliquam aperiam nobis asperiores eius tenetur architecto tempore obcaecati qui minima. Explicabo, quas?</p>
            <p class="fw-bold text-black">Attachment</p>
            <div class="d-flex gap-2 align-items-center">
             <img src="<?= base_url('assets/images/atachP2.png') ?>" alt="">
             <p class="text-muted m-0">Document</p>
            </div>
           </div>
          
           
        </div>
     </div>

        

      </div>
  </div>
    
  </main>