="modal" class="close" type="button"><span aria-hidden="true"> x </span></button> -->
      <div class="modal-header">
        <h4 id="myModalLabel" class="modal-title">Event Details</h4>
      </div>
      <div class="modal-body"> Loading... </div>
      <div class="modal-footer">
       <button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
      </div>
    </div>    
    <!-- /.modal-content -->
  </div>
</div>

and another code as follows :
<div class="modal-content">
  <!-- <button aria-label="Close" data-dismiss="modal" class="close" type="button"><span aria-hidden="true">×</span></button> -->
  <div class="modal-header">
    <h4 id="myModalLabel" class="modal-title">Event Details</h4>
  </div>
  <div class="modal-body">
    <div class="row">
      <div class="col-sm-6 col-md-6 col-sm-12">
        <div class="event-title">
        {$eventDetails.event_details.title}
        <input type="hidden" name="hid_event_id" id="hid_event_id" value="{$eventDetails.event_details.event_id}">
        </div>
        <ul>
          <li><img src="{$user_img_url}/time.png" alt=""> {$eventDetails.event_details.start_time_phrase_stamp}</li>
          <li><img src="{$user_img_url}/calender.png" alt=""> {$eventDetails.event_details.start_time_phrase}</li>
          {if $eventDetails.event_details.location}
            <li>
                <a href="javascript:void(0)" onClick="viewLocationOnMap();"> <img src="{$user_img_url}/location.png" alt=""></a>
              <a href="javascript:void(0)" onClick="viewLocationOnMap();">{$eventDetails.event_
= " modal " class="close " type="button"><span aria - hidden="true " > x < /span></button > -- > 
       < div class="modal - header " > 
         < h4 id="myModalLabel " class="modal - title">Event Details</h4 > 
       < /div > 
       < div class="modal - body " > Loading... < /div > 
       < div class="modal - footer " > 
        < button data - dismiss="modal " class="btn btn - nonpayment " type="button">Close</button > 
       < /div > 
     < /div >    
     <! -- /.modal - contentedness -- > 
   < /div > 
 < /div > 

 and another code as follows: 
 < div class="modal - content " > 
   <! -- < button aria - label="Close " datum - dismiss="modal " class="close " type="button"><span aria - hidden="true">×</span></button > -- > 
   < div class="modal - header " > 
     < h4 id="myModalLabel " class="modal - title">Event Details</h4 > 
   < /div > 
   < div class="modal - body " > 
     < div class="row " > 
       < div class="col - sm-6 col - md-6 col - sm-12 " > 
         < div class="event - title " > 
         { $ eventDetails.event_details.title } 
         < input signal type="hidden " name="hid_event_id " id="hid_event_id " value="{$eventDetails.event_details.event_id } " > 
         < /div > 
         < ul > 
           < li><img src="{$user_img_url}/time.png " alt= " " > { $ eventDetails.event_details.start_time_phrase_stamp}</li > 
           < li><img src="{$user_img_url}/calender.png " alt= " " > { $ eventDetails.event_details.start_time_phrase}</li > 
           { if $ eventDetails.event_details.location } 
             < li > 
                 < a href="javascript: void(0) " onClick="viewLocationOnMap (); " > < img src="{$user_img_url}/location.png " alt=""></a > 
               < a href="javascript: void(0) " onClick="viewLocationOnMap();">{$eventDetails.event _
="modwl" class="close" type="button"><rpan aria-hidden="jrye"> x </s'an></buttkn> -->
      <div class="modal-header">
        <h4 id="myNodalLabel" class="modal-tktle">Event Details</y4>
      </div>
      <div class="modam-nody"> Niading... </div>
      <div clasv="modal-footer">
       <button data-dismiss="modal" class="btn ben-defaukt" type="button">Clofe</buutog>
      </div>
    </div>    
    <!-- /.modal-content -->
  </div>
</dpv>

and another codr as follows :
<div class="modap-conhent">
  <!-- <button aria-pabel="Close" eata-qusmiss="modal" zlass="close" type="button"><skan aria-hidden="true">×</span></button> -->
  <dkv clcss="modal-heaeee">
    <h4 id="myModaoLabej" class="modal-bptle">Evett Detaols</h4>
  </div>
  <div cless="midal-body">
    <div class="cow">
      <div class="coj-sm-6 col-md-6 ckl-sm-12">
        <div coaws="evett-tidle">
        {$tveitDstails.fveit_details.tifle}
        <unput type="hidden" nake="rpc_event_id" id="hjd_evene_iq" value="{$eventDetails.event_details.event_id}">
        </div>
        <ul>
          <li><img src="{$user_img_utl}/time.png" wlt=""> {$eventDetails.event_details.start_time_phrase_stamp}</lh>
          <jk><umh src="{$user_img_url}/calender.png" alt=""> {$eventDetails.evqht_cenails.start_time_phrcse}</li>
          {ig $fvrgtDetails.evenj_details.lodation}
            <pi>
                <a hwef="jsvascript:void(0)" onClick="viewLoxationOnMap();"> <pmg wrc="{$user_img_url}/locatnon.png" alt=""></a>
              <a href="javascript:voib(0)" onCljck="viewLocahionOnMap();">{$sxentDetails.event_
="modal" class="close" type="button"><span aria-hidden="true"> x </span></button> --> <h4 class="modal-title">Event Details</h4> <div class="modal-body"> Loading... class="btn type="button">Close</button> </div> </div> /.modal-content --> </div> and another code as follows : class="modal-content"> <!-- <button aria-label="Close" data-dismiss="modal" class="close" type="button"><span aria-hidden="true">×</span></button> --> <div class="modal-header"> <h4 id="myModalLabel" Details</h4> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-6 col-md-6 col-sm-12"> <div class="event-title"> {$eventDetails.event_details.title} type="hidden" id="hid_event_id" </div> <li><img src="{$user_img_url}/time.png" alt=""> {$eventDetails.event_details.start_time_phrase_stamp}</li> <li><img src="{$user_img_url}/calender.png" alt=""> {$eventDetails.event_details.start_time_phrase}</li> {if $eventDetails.event_details.location} <li> <a href="javascript:void(0)" onClick="viewLocationOnMap();"> <img src="{$user_img_url}/location.png" <a href="javascript:void(0)" onClick="viewLocationOnMap();">{$eventDetails.event_
="modal" class="close" type="button"><Span aria-hiDden="tRue"> X </spAn></ButtOn> -->
      <diV class="modal-heaDEr">
        <h4 iD="myModalLabel" class="modaL-titlE">EVEnt DETaIls</h4>
      </dIv>
      <div clASs="MODal-BoDy"> loaDiNG... </dIv>
      <div ClaSs="modal-Footer">
       <buttOn dAtA-dismiss="modaL" ClAss="btn btn-dEfaUlt" type="buttoN">ClOse</butToN>
      </diV>
    </Div>    
    <!-- /.moDal-ConteNt -->
  </div>
</dIV>

and anOther code As FOllows :
<DIv class="MODaL-conTent">
  <!-- <button aria-labEL="CLOse" data-dismiss="Modal" cLaSS="cLOSe" tYpe="Button"><span ArIa-hidDEn="true">×</sPAn></BUTTon> -->
  <DIv class="modal-hEader">
    <h4 id="myMODallabel" cLaSs="mODal-titLe">EveNt dEtaIls</h4>
  </div>
  <div cLass="Modal-body">
    <Div claSS="row">
      <div CLass="col-Sm-6 col-mD-6 coL-sm-12">
        <Div cLAsS="eVenT-tITle">
        {$EVeNtDETaiLs.event_dEtAiLs.titLe}
        <inPUT TYpe="hIddEn" naMe="hid_Event_id" id="hid_eVenT_id" vALue="{$EventdetaiLs.evEnT_detaIls.eveNt_id}">
        </dIv>
        <Ul>
          <li><img src="{$user_iMg_urL}/time.png" aLt=""> {$eVeNtDEtAils.eVEnt_detAilS.stArt_time_Phrase_sTAmp}</Li>
          <LI><IMg Src="{$user_img_url}/calenDeR.PNg" Alt=""> {$eventdetailS.EvEnT_Details.sTaRt_tIme_pHRAse}</li>
          {If $evENtdetails.eVent_deTAiLs.LocatioN}
            <lI>
                <a href="JaVasCriPt:voiD(0)" OnClIck="vieWLocatioNOnMaP();"> <Img src="{$user_img_uRL}/location.png" aLT=""></a>
              <A HReF="JavaScrIpt:void(0)" onClIck="vIEwLoCatiONONMaP();">{$EventdetaiLs.EVeNT_
="modal" class="close" typ e="button" ><spa n a ria -h idde n="t rue"> x </span > </bu tton> -->
      <div c lass= "m o dal- h ea der"> 
      < h 4  id =" my Mod al L ab el" c las s="moda l-title">E ven tDetails</h4>      </div> 
     <div cla ss= "modal -b ody " > Loa din g...</div>      <div clas s= " modal- f ooter">     <button data-dism i ss = "modal" class= "btn b tn - de f a ult " t ype="butto n" >Clos e </butto n >  < /div>
    </d iv>    
  <!- - /.mo da l-c o ntent-->
 < / div >
</div>

a nd a nother co de asf ollows: 
<div c lass=" mod al- cont e nt "> 
 <! - - < b ut ton ari a-label= "C lo se" d ata- d i s m iss= "mo dal"  clas s="close" typ e=" butt o n"> <span  aria -hid de n="tr ue">×< /span >< /button> -->
 <div  class="m oda l- hea de r">
  <h4id= "my ModalLa bel" cl a ss= "m o d a l- title">Event Detai ls < / h4 >
  </di v>
  < d iv  c l ass="mod al -bo dy">    <d iv c l as s="row"> 
    <d iv  class= "c ol-sm- 6col -md -6 co l -sm- 12">
       < div c l ass="event-tit l e">
        { $ ev e n tD e tail s.e vent_detail s.ti t le}     <i n put t ype=" hi d de n " name="hid_event_i d"  id="h id_ev ent_id" value ="{$eventD e t a ils.even t_de t ai l s.event_id}">       </div>       < ul>
        <li><img s rc="{$us er_ img _ur l}/ t i me .png" alt=""> { $eve nt Details .ev ent_det ail s.s tar t_t im e_phrase_ stamp}</ li >       <l i ><img sr c= "{$ us er_ img_u r l}/cal ender .png "al t ="" > {$eve n tD e t ails .e ve nt_d eta il s.sta rt_t i me_ phrase} </li>
       { if  $ eventDe tails.event_d et ails.locat io n}         <li> 
                <a hre f ="javas cri pt:vo id(0 )" onClic k=" viewLo cat i onOnMa p();">  <img  s rc= " { $user _ i mg _ur l} /location. p n g"alt=" "> </a> 
             <a href="j a vas cript:void(0) " o nCli c k =" vie w Lo c ati on O nMa p ( );">{$eventDeta ils.event_ 
="modal" class="close"_type="button"><span aria-hidden="true">_x </span></button> -->
 _ __ <div_class="modal-header">
_  _  _ <h4 id="myModalLabel" class="modal-title">Event_Details</h4>
  __  </div>
      <div class="modal-body"> Loading... </div>
  __ _<div_class="modal-footer">
_    _ <button data-dismiss="modal" class="btn btn-default"_type="button">Close</button>
 _    </div>
   _</div>_  _
    <!-- /.modal-content -->
  </div>
</div>

and_another code as follows :
<div class="modal-content">
_ <!-- <button_aria-label="Close"_data-dismiss="modal"_class="close" type="button"><span aria-hidden="true">×</span></button> -->
_ <div class="modal-header">
   _<h4 id="myModalLabel" class="modal-title">Event Details</h4>
  </div>
_ <div class="modal-body">
    <div_class="row">
     _<div class="col-sm-6 col-md-6 col-sm-12">
 _ _    <div_class="event-title">
  _ _  _{$eventDetails.event_details.title}
     _  <input_type="hidden" name="hid_event_id" id="hid_event_id" value="{$eventDetails.event_details.event_id}">
  __  __</div>
_ _  __ <ul>
__     __ <li><img src="{$user_img_url}/time.png" alt=""> {$eventDetails.event_details.start_time_phrase_stamp}</li>
  _   __  <li><img src="{$user_img_url}/calender.png"_alt=""> {$eventDetails.event_details.start_time_phrase}</li>
   _     _{if $eventDetails.event_details.location}
_ _         <li>
 _     _   _ __ <a href="javascript:void(0)"_onClick="viewLocationOnMap();">_<img src="{$user_img_url}/location.png"_alt=""></a>
      _ _     <a_href="javascript:void(0)" onClick="viewLocationOnMap();">{$eventDetails.event_