    <div class="row">
        <div class="col-sm-12 col-md-9">
            <div class="col-sm-12">   
                <!-- <div class="ribbon blue"><span> FREE</span></div> -->
                <input type="hidden" id="projectid" value={{projectid}}>
                <div class="card card1">
                    <div class="d-flex justify-content-between" style="align-items: center; border-bottom: 1px solid #e4eaec;">
                            <h4 class="mb-0">TEAM_ID:<b style="    color: linear-gradient(to top left,#265ea1 0%,#39444d 100%);"> {{{teamName}}}</b> </h4>
                            <div class=" card-1">
                                <a class="btn standard-btn" href="#">REVIEW PROJECT</a>
                            </div>
                    </div>
                    <div class="mt-10">
                            <span class="d-flex"><strong>NAME : </strong> <p> {{{projectName}}}.</p></span>
                            <span class="d-flex"><strong>STATEMENT : </strong> <p> {{{projectstatement}}}.</p></span>
                            <span class="d-flex"><strong>SUMMARY : </strong> <p> {{{projectSummary}}}.</p> </span>
                            <span class="d-flex"><strong>DEADLINE : </strong> <p> {{{deadline}}}.</p></span>
                            <span  class="d-flex"> <a href="#"> <u><strong>Synopsis</strong></u></a></span>
                    </div>
                    <!-- <div class="progress-container progress-info m-b-25"> 
                            <span class="progress-badge"><strong>Progress </strong></span>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar"  aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
                                    <span class="progress-value">0%</span>
                                </div>
                            </div>
                       </div> -->
                </div>
            </div>
        </div>

        <div class="col-sm-12 col-md-3">
            <div class="col-sm-12">   
                <!-- <div class="ribbon blue"><span> FREE</span></div> -->
                <input type="hidden" id="projectid" value={{projectid}}>
                <div class="card card1">
                    <div class="d-flex">
                            <h4 class="mb-0">ASSIGNED TEAM</h4>
                    </div> <hr>
                    <div class="row">     
                        <div class="col-sm-12 col-md-6" >
                            <strong>GUIDE </strong>
                            <ul class="list-unstyled team-info margin-4">
                                {{#guide}} <li> {{{guidedp}}}</li> {{/guide}}
                            </ul> 
                        </div>
                        <div class="col-sm-12 col-md-6">
                            <strong>LEAD </strong>
                            <ul class="list-unstyled team-info margin-0">
                                <li> {{{TLdp}}}</li>
                            </ul> 
                        </div>
                        <div class="col-sm-12 col-md-12">
                            <strong>TEAM</strong>
                            <ul class="list-unstyled team-info margin-0">
                                {{#teammembers}}<li> {{{TMdp}}} </li>{{/teammembers}}
                            </ul> 
                        </div>
                    </div>
                </div>                
            </div>

        </div>
    </div> 

    <div class="row">
        <!-- <span><h4><strong>{{{teamName}}}</strong></h4></span> <hr> -->
        <div class="col-sm-12 col-md-12">
            <div class="col-sm-12"> 
                <div class="card card-1">   
                    <h4>MILESTONES</h4>
                    <table id="milestoneTable" class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Goal</th>
                                <th style="width: 120px;" >Cost</th>
                                <th>Deadline</th>
                                <th style="width: 150px;" >Submitted on</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            {{#data}}
                                <tr>
                                    <td>{{sn}}</td>
                                    <td>{{goals}}</td>
                                    <td>{{cost}}</td>
                                    <td>{{{deadline}}}</td>
                                    <td>{{submittedon}}</td>
                                    <td>{{progressstatus}}</td>
                                    <td>
                                        {{#status1}}
                                            <button type="button" class="milestonesbutton btn  btn-sm btn-outline {{btntype}}" value='{{goalid}}' {{#disable}}disabled{{/disable}}>{{status}}</button>
                                        {{/status1}} 
                                        {{#status2}}
                                            <!-- <button type="button" class=" milestonesbutton btn  btn-sm btn-outline btn-danger" value='{{goalid}}'>{{status0}}</button> -->
                                        {{/status2}}
                                        
                                    </td>
                                </tr>
                            {{/data}}
                            <!-- <tr style="cursor: pointer;">
                                <td>1</td>
                                <td>Goal1</td>
                                <td>500</td>
                                <td>12/12/2020</td>
                                <td>11/12/2020</td>
                                <td>Marked as Completed</td>
                                <td><button class="btn btn-sm btn-outline btn-success">Approve</button> <button class="btn btn-sm btn-outline btn-danger">Deny</button></td>
                            </tr>
                            <tr style="cursor: pointer;">
                                <td>2</td>
                                <td>Goal2</td>
                                <td>1000</td>
                                <td>25/12/2020</td>
                                <td>N/A</td>
                                <td>In-Progress</td>
                                <td><button disabled class="btn btn-sm btn-outline btn-secondary">In-Progress</button></td>
                            </tr> -->
                        </tbody>
                    </table> 
                </div>
            </div> 
                
            <div class="col-sm-12"> 
                <div class="card card-1">
                    <h4>DOCUMENTS</h4>
                    <table id="studentTable" class="table table-bordered table-hover">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Documents</th>
                                <th>Deadline</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                                {{#data1}}
                                <tr>
                                    <td>{{sn}}</td>
                                    <td>{{docs}}</td>
                                    <td>{{deadline}}</td>
                                    <td>{{#status1}}
                                            <button type="button" class="btn btn-sm btn-outline {{btntype}}" value='{{userid}}' {{#disable}}disabled{{/disable}}>{{status}}</button>
                                        {{/status1}} 
                                        {{#status2}}
                                            {{status0}}
                                        {{/status2}}
                                    </td>
                                </tr>
                            {{/data1}}
                            <!-- <tr style="cursor: pointer;">
                                <td>1</td>
                                <td>FRS</td>
                                <td>12/12/2020</td>
                                <td><button disabled class="btn btn-sm btn-success">APPROVED</button></td> 
                                <td><button class="btn btn-sm btn-outline btn-info">View</button></td> 
                            </tr>
                            <tr style="cursor: pointer;">
                                <td>2</td>
                                <td>ER-Diagram</td>
                                <td>20/12/2020</td>
                                <td><button class="btn btn-sm btn-success">Submit</button></td> 
                                <td><button disabled class="btn btn-sm btn-outline btn-info">View</button></td> 
                            </tr>     -->
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
<!-- 
        <div class="col-sm-12 col-md-3" >
            <div class="col-sm-12">
                <div class=" card-1">
                    <a class="btn standard-btn" href="#">REVIEW PROJECT</a>
                </div>
            </div> <hr> -->
            
            <!-- <div class="row"  style="max-height:-webkit-fill-available;overflow: scroll;">
                <div class="col-sm-12">
                    <h4><strong>TEAM_ID : {{{teamName}}}</strong></h4><hr>
                    <h4><strong>GUIDE</strong></h4> 
                    {{#guide}}
                    <div class="our-team-main">
                        <div class="team-front">
                            <div class="row">
                                <div class="col-md-4">
                                    {{{guidedp}}}
                                </div>
                                <div class="col-md-8">
                                    <h3>{{guidename}}</h3>
                                    <p>{{{guidebio}}}</p>
                                </div>
                            </div>   
                        </div>
                    </div>
                    {{/guide}}
                </div>
                <div class="col-sm-12">
                    <hr> <h4><strong>LEAD</strong></h4> 
                    <div class="our-team-main">
                        <div class="team-front">
                            <div class="row">
                                <div class="col-md-4">
                                    {{{TLdp}}}
                                </div>
                                <div class="col-md-8">
                                    <h3>{{TLName}}</h3>
                                    <p>{{{tlbio}}}</p>
                                </div>
                            </div>   
                        </div>
                    </div>
                </div>
                    
                <div class="col-sm-12">
                    <hr><h4><strong>TEAM</strong></h4>
                    {{#teammembers}}
                    <div class="our-team-main">
                            <div class="team-front">
                                <div class="row">
                                    <div class="col-md-4">
                                        {{{TMdp}}}
                                    </div>
                                    <div class="col-md-8">
                                        <h3>{{name}}</h3>
                                        <p>{{{tmbio}}}</p>
                                    </div>
                                </div>   
                            </div>
                        </div>
                    {{/teammembers}}

                </div>
            </div> -->
        <!-- </div> -->
    </div> 
