<div class="playground">
    <div class="messaging-header">    
      <h2>Emily White</h2>
      <span class="capsule blue-dim">Prospect</span>
     </div>
     <div class="container-fluid">
      <div class="row mt-4">
      <article class="col-lg-7">
          <div class="d-card">
            <h4>Basic Details</h4>
            
            <div class="row">
              <div class="col">
                <div class="form-group">
                  <label>Full Name</label>
                  <input type="" class="form-control" name="">
                </div>
              </div>
              <div class="col">
                <div class="form-group">
                  <label>Email</label>
                  <input type="" class="form-control" name="">
                </div>
              </div>
              <div class="col">
                <div class="form-group">
                  <label>Phone</label>
                  <input type="" class="form-control" name="">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col">
                <div class="form-group">
                    <label>Park</label>
                    <input type="" class="form-control" name="">
                </div>
              </div>
              <div class="col">
                <div class="form-group">
                  <label>Unit</label>
                  <input type="" class="form-control" name="">
                </div>
              </div> 

              <div class="col">
                <div class="form-group">
                  <label>Sales Person</label>
                  <input type="" class="form-control" name="">
                </div>
              </div>    

            </div>
             
         </div>
              

        <div class="d-card mt-4">
            <h4>Financial Details</h4>
            
            <div class="row">
              <div class="col">
                <div class="form-group">
                  <label>Financial Approval</label>
                  <input type="" class="form-control" name="">
                </div>
              </div>
              <div class="col">
                <div class="form-group">
                  <label>Offer Approved</label>
                  <input type="" class="form-control" name="">
                </div>
              </div>
              <div class="col">
                <div class="form-group">
                  <label>Downpayment</label>
                  <input type=""  class="form-control" name="">
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col">
                <div class="form-group">
                    <label>Deposit</label>
                    <input type="" class="form-control" name="">
                </div>
              </div>
              <div class="col">
                <div class="form-group">
                  <label>Lander</label>
                 <input type="" class="form-control" name="">
                </div>
              </div> 

              <div class="col">
                <div class="form-group">
                  <label>Escrow</label>
                  <input type="" class="form-control" name="">
                </div>
              </div>    

            </div>

            <div class="row">
              <div class="col">
                <div class="form-group">
                    <label>Estimated Proceeds</label>
                    <input type="" class="form-control" name="">
                </div>
              </div>
              <div class="col">
                <div class="form-group">
                  <label>Estimated Close</label>
                  <input type="" class="form-control" name="">
                </div>
              </div> 

              

    
          </div>
        </div>
       
        
          
      
      </article>
       <div class="col-lg-5">
            <div class="d-card">
               <h4>Notes</h4>
               <div class="d-card-body">
                  <ul class="timeline">
                    <li>
                      
                      <a href="#" class="">21 March, 2020</a>
                      <p>9/28 BoaVida rec'd title; loan to restart and sales transaction to continue; buyer is currently renting the home and is living at the park since 6/19/2020</p>
                    </li>
                    <li>
                      
                      <a href="#" class="">4 March, 2020</a>
                      <p>7/15 Offer accepted; pending park and loan approval; escrow opened at Old Republic Title; depost to be sent directly to escrow by buyer; buyer submitted loan app to Bob 
</p>
                    </li>
                    <li>
                      
                      <a href="#" class="">1 April, 2020</a>
                      <p>10/16 Escrow opened with Old Republic Title; buyers conditions need to be met to obtain an extension; 8/13 Offer Accepted
</p>
                    </li>
                  </ul>
               </div>
               <div class="d-card-footer">
                 <div class="form-chat">
                   <textarea class="form-control">Write notes..</textarea>
                 </div>
               </div>
            </div>
          </div>

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