

<div class="container">
    
    <div class="col-md-12">
        <div class="row">
            <div class="col-md-4 left-profile-details bg-white  text-center custom-border pl-0 pr-0 pt-20" >
                 <div>
                    {{{image_link}}}
                 </div>
                 <h1 class="mentor-detail-name">{{{mentor_name}}}</h1>
                 <div class="mt-n5 mentor-tag">
                    <span class="">
                        <i class="fa fa-user-secret mr-2" aria-hidden="true"></i>
                    </span>
                    <span>Mentor</span>
                </div>
                <div class="mentor-rating">
                     <span class="">
                      {{{ratingcounts}}}
                      </span> <span> ★ </span>  <span> ★ </span>  <span> ★ </span>  <span> ★ </span>  <span> ★ </span> 
                    </span>
                    <span class="ml-2" style="font-size:12px">({{{countrating}}} Reviews)</span>
                </div>
                 <a class="btn btn-primary mt-4 mb-30 mentor-chat-btn"  href={{{letschat}}}>
                   <span>  Lets chat </span>  <i class="fa fa-commenting-o" aria-hidden="true"></i> 
                 </a>
                    
            </div>
            <div class="col-md-8 right-profile-details bg-white custom-border pl-0 pr-0">
                <section class="p-40">
                    <div class="title">ABOUT ME</div>

                    <div class="about-content">
                        <b>Domain Skills</b>
                    </div>
                      <div class="headline truncated mt-10">{{{domainname}}}</div>
                    
                    <div class="about-content">
                        <p>{{{shortbio}}}</p>
                    </div>
                    <div class="d-flex justify-content-between">
                        <div class="float-left">
                            <span>
                            <!--<i class="fa fa-globe mr-1" aria-hidden="true"></i>--> Language Known: English
                            </span>
                           <!-- <span>
                            <i class="fa fa-clock-o ml-3 mr-1" aria-hidden="true"></i> Pacific Time (US & Canada) (-08:00)
                            </span> -->
                        </div>
                        <div class="float-right">
                            <a href="{{{facebook}}}" target="{{{facebookblank}}}" ><span>
                            <i class="fa fa-github mr-1 " aria-hidden="true"></i> 
                            </span></a>
                             <a href="{{{linkedin}}}" target="{{{linkedinblank}}}" ><span>
                            <i class="fa fa-linkedin-square mr-1" aria-hidden="true"></i>
                            </span></a>
                            <a href="{{{instagram}}}" target="{{{instagramblank}}}" ><span>
                            <i class="fa fa-stack-overflow mr-1" aria-hidden="true"></i>
                            </span></a>
                             <a href="{{{twitter}}}" target="{{{twitterblank}}}" ><span>
                            <i class="fa fa-twitter-square mr-1 border-rounded" aria-hidden="true"></i>
                            </span></a>
                        </div>
                    </div>
                </section>
                <div class="custom-border"></div>
                <section class="p-40">
                    <div class="title">SESSION LIST</div>
                    <div>
                      {{#topicname}}
                      {{{.}}}
                      {{/topicname}}
                       
                    </div>
                </section>
                    <div class="custom-border pl-0 pr-0"></div>
                <section class="p-40">
                    <div class="title">REVIEWS FROM MENTEES</div>
                    
                    
                    {{#feedback}}
                     {{{.}}}
                    {{/feedback}}

                   
                    
                </section>
               <!-- <div class="custom-border pl-0 pr-0"></div>
                <section class="p-40">
                    <div class="title">EMPLOYMENTS</div>
                    <div class="mt-15">
                        <h3> <small class="expertise-name">Principal</small></h3>
                        <div class="info">Fullstack Consulting <span> | 2018-03-01-Present</span></div>
                        <div class="desc ">Software Consulting & Training</div>
                        <div class="tags ">
                            <a href="https://www.codementor.io/parcel-experts" target="_blank" class="tag">Python</a>
                            <a href="https://www.codementor.io/webpack-experts" target="_blank" class="tag">Rest Web Services</a>
                            <a href="https://www.codementor.io/react-native-experts" target="_blank" class="tag">Api</a>
                        </div>
                    </div>

                     <div class="mt-15">
                        <h3> <small class="expertise-name">Principal</small></h3>
                        <div class="info">Fullstack Consulting <span> | 2018-03-01-Present</span></div>
                        <div class="desc ">Software Consulting & Training</div>
                        <div class="tags ">
                            <a href="https://www.codementor.io/parcel-experts" target="_blank" class="tag">Python</a>
                            <a href="https://www.codementor.io/webpack-experts" target="_blank" class="tag">Rest Web Services</a>
                            <a href="https://www.codementor.io/react-native-experts" target="_blank" class="tag">Api</a>
                        </div>
                    </div>

                     <div class="mt-15">
                        <h3> <small class="expertise-name">Principal</small></h3>
                        <div class="info">Fullstack Consulting <span> | 2018-03-01-Present</span></div>
                        <div class="desc ">Software Consulting & Training</div>
                        <div class="tags ">
                            <a href="https://www.codementor.io/parcel-experts" target="_blank" class="tag">Python</a>
                            <a href="https://www.codementor.io/webpack-experts" target="_blank" class="tag">Rest Web Services</a>
                            <a href="https://www.codementor.io/react-native-experts" target="_blank" class="tag">Api</a>
                        </div>
                    </div>

                     <div class="mt-15">
                        <h3> <small class="expertise-name">Principal</small></h3>
                        <div class="info">Fullstack Consulting <span> | 2018-03-01-Present</span></div>
                        <div class="desc ">Software Consulting & Training</div>
                        <div class="tags ">
                            <a href="https://www.codementor.io/parcel-experts" target="_blank" class="tag">Python</a>
                            <a href="https://www.codementor.io/webpack-experts" target="_blank" class="tag">Rest Web Services</a>
                            <a href="https://www.codementor.io/react-native-experts" target="_blank" class="tag">Api</a>
                        </div>
                    </div>

                </section>-->

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


<!---<div class="row mentor-detail mentor-detailcard ml-1">
    <div class="col-sm-12 col-md-3 pl-0">
        <div class="img-block">
            <img src="{{{user_image}}}" id="user_image" alt="Avatar">
        </div>
    </div>
    <div class="col-sm-12 col-md-9 pl-0">
        <div class="container">
            <h4><b>{{{mentor_name}}}</b></h4> 

            <h5>
                {{mentor_bio}}
            </h5>
            <div class="tags">
               <b class="mr-2">Domain</b>  {{{domainname}}}
            </div>
        </div>
    </div>
</div>
<div class="col-md-12 row mentor-detail">
{{{mentor_card}}}
</div> -->
