@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'Institution Solutions for Examination and Assessment | HireMee')
@section('content')

<section class="institution-new-page">
<div class="darkGreen-bg">
<div class="container innerBannerBottom ">
<nav id="breadcrumbs" class="text-start">
   <ul>
     <li><a href="/"> Home</a></li>
     <li><a href="https://upweb.hiremee.co.in:8980/college">College</a></li>
     <li>Sona College Of Technology</li>
   </ul>
</nav>
</div>
</div>
   <!-- header section -->
   <div class="institution-header position-relative">
      <div class="container">
         <div class="margin-left-0 row flex-column institution-row margin-bottom-60 position-relative">
            <div class="insti-img">
               <img src="{{{ URL::asset('assets/hiremee-revamp/images/colleges/sona-college.png')}}}" alt="Sona College">
            </div>
            <div class="colege-text-header">
               <h1>Sona College of Technology</h1>
               <h5>Junction Main Road, Salem - 636 005, Tamilnadu, India.</h5>
            </div>
            <div class="margin-left-0 row institution-contact">
               <ul class="margin-bottom-0 ins-contact-item">
                  <li>Email ID: info@sonatech.ac.in</li>
                  <li>Phone: +91-9952255278</li>
                  <li>Web: www.sonatech.ac.in</li>
               </ul>
               <div class="ins-contact-item">
                  <h5 class="margin-bottom-10">No fo Viewers</h5>
                  <h2>1000</h2>
               </div>
               <div class="ins-contact-item">
                  <h5 class="margin-bottom-10">Total Recruiters</h5>
                  <h2>6000</h2>
               </div>
               <ul class="margin-bottom-0 ins-contact-item">
                  <li>Contact Person</li>
                  <li class="g-text">Dr. S. Anita</li>
                  <li>Email ID: <b>anita@sonatech.ac.in</b></li>
               </ul>
            </div>
            <div class="total-asses flex-column flex-lg-row">
               <div class="total-asse-item">
                  <h3>Total Pre Assessed Student : 242</h3>
               </div>
               <div class="total-asse-smedia d-flex">
                  <h5>Follow us</h5>
                  <ul class="social-media">
                     <li class="facebook"><a href="https://www.facebook.com/hiremeeinc/" target="_blank"><i class="fa-brands fa-facebook-f"></a></i></li>
                     <li class="twitter"><a href="https://twitter.com/Hiremeeinc" target="_blank"><i class="fa-brands fa-x-twitter"></a></i></li>
                     <li class="linkedin"><a href="https://www.linkedin.com/company/hire-mee" target="_blank"><i class="fa-brands fa-linkedin"></a></i></li>
                     <li class="instagram"><a href="https://www.instagram.com/hiremeeinc/" target="_blank"><i class="fa-brands fa-instagram"></a></i></li>
                     <li class="youtube"><a href="https://www.youtube.com/channel/UCm2mUPc5NzpYzMc5tUN0ewQ" target="_blank"><i class="fa-brands fa-youtube"></a></i></li>
                  </ul>
               </div>
            </div>
         </div>
      </div>
      <div>
         <img class="header-bgimg d-none d-md-block" src="{{secure_asset('assets/hiremee-revamp/images/colleges/college-mockup.png') }}" alt="College-Profile-Image">
      </div>
   </div>
   <div class="container">
      <div class="top-scorers-card shadow-sm position-relative">
         <h3 class="g-text">Top Scorers</h3>
         <!-- Top Scorers List Wrapper  -->
         <div class="top-scorers-stud row row-gap-1r">
            <!-- Top Scorers Student Profile  -->
            <div class="top-scorers-profile col-md-6 col-lg-3 d-flex">
               <div class="top-scorers-profile-img">
                  <img class="img-fluid" src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/s-profile-1.png') }}">
               </div>
               <div class="top-scorers-details d-flex flex-column">
                  <h5>Amritha</h5>
                  <h6>BCA</h6>
                  <small>Year: 2021-2024</small>
               </div>
            </div>
            <!-- Top Scorers Student Profile  -->
            <div class="top-scorers-profile col-md-6 col-lg-3 d-flex">
               <div class="top-scorers-profile-img">
                  <img class="img-fluid" src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/s-profile-2.png') }}">
               </div>
               <div class="top-scorers-details d-flex flex-column">
                  <h5>Hasini</h5>
                  <h6>B.Tech</h6>
                  <small>Year: 2021-2024</small>
               </div>
            </div>
            <!-- Top Scorers Student Profile  -->
            <div class="top-scorers-profile col-md-6 col-lg-3 d-flex">
               <div class="top-scorers-profile-img">
                  <img class="img-fluid" src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/s-profile-3.png') }}">
               </div>
               <div class="top-scorers-details d-flex flex-column">
                  <h5>Niharika</h5>
                  <h6>B.Ed</h6>
                  <small>Year: 2021-2024</small>
               </div>
            </div>
            <!-- Top Scorers Student Profile  -->
            <div class="top-scorers-profile col-md-6 col-lg-3 d-flex">
               <div class="top-scorers-profile-img">
                  <img class="img-fluid" src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/s-profile-4.png') }}">
               </div>
               <div class="top-scorers-details d-flex flex-column">
                  <h5>Ashok</h5>
                  <h6>BE</h6>
                  <small>Year: 2021-2024</small>
               </div>
            </div>
         </div>
      </div>
   </div> 
  </div>
   </div>
   <!-- Overview Body Start  -->
    <section class="container">
      <div class="row">
         <div class="col-md-9 clg-overview-col">
            <!-- College-overview start  -->
            <div class="college-overview">
               <h3 class="isnt-second-heading">College Overview</h3>
               <p>Sona College of Technology is located in Salem, Tamil Nadu, and was established in 1997. It is a private college and has been accredited by NAAC with an A++ grade. The college is ACITE-approved and offers PhD, MCA, BTech, MTech, and MBA courses in 13 specialisations. Further, the college is affiliated with Anna University and is ISO certified. Over the last few years, the college has received various prestigious awards such as TechEDU India Awards’24, IBM Award 2023, etc.</p>
               <span id="drop-text">
                  <p>Sona College of Technology courses are offered across several specialisations such as Civil Engineering, Electrical Engineering, Communications Engineering, Computer Science Engineering, etc. The courses are diversified into various streams such as Engineering, IT & Software, Business & Management Studies, etc. Sona College of Technology Tamil Nadu offers an encouraging and healthy environment for students to grow with an affordable fee range and has decent connections with top-notch companies. For more details, candidates can check out the table given below:</p>          
               </span>
            </div>
           <div class="read-more-text margin-bottom-10"><a href="javascript:void(0)" id="read-more">Read Less</a></div>  
            <div class="candidate-count d-flex">
               <div class="padding-left-0 shortlisted-count">
                  <p>Total Shortlisted <br/>Candidates</p>
                  <h3 class="align-self-center">172</h3>
               </div>
               <div class="hired-count">
                  <p>Hired <br/>Candidates</p>
                  <h3 class="align-self-center">2</h3> 
             </div>
            </div>
            <!-- College-overview end  -->
            <!-- Pre Assessed Student details start  -->
            <div class="preasses-Student-details position-relative">
               <h3 class="isnt-second-heading" >Pre assessed Students Details with Video Profile</h3>
               <div class="read-more-text margin-bottom-10 position-absolute"><a href="javascript:void(0)">View All</a></div> 
               
               <div class="assessed-card-wrapper row">
                  <div class="col p-0 slide-item">
                     <div class="assessed-card d-flex">
                     <div class="assessed-card-content">
                        <h3 class="g-text">B.Tech</h3>
                        <small>Year Wise Assessment</small>
                        <div class="d-flex year-wise justify-content-between">
                           <label class="check ">2024
                              <input type="checkbox" name="b-tect-ass" value="10" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span> 
                           </label>
                           <label class="check ">2023
                              <input type="checkbox" name="b-tect-ass" value="50" onchange="pickmyscore(this)" checked>
                           <span class="checkmark" ></span>
                           </label> 
                           <label class="check ">2022
                              <input type="checkbox" name="b-tect-ass" value="40" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span>
                           </label>
                        </div>
                        <button type="button" class="btn btn-primary btn-small">Click here to Assess</button>
                     </div>
                     <div class="assessed-card-count align-self-center">
                        <h3 id="b-tect-ass">100</h3>
                     </div>
                     </div>
                  </div>
                  <div class="col p-0 slide-item">
                     <div class="assessed-card d-flex">
                     <div class="assessed-card-content">
                        <h3 class="g-text">BE(IT)</h3>
                        <small>Year Wise Assessment</small>
                        <div class="d-flex year-wise justify-content-between">
                           <label class="check ">2024
                              <input type="checkbox" name="be-it-ass" value="50" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span> 
                           </label>
                           <label class="check ">2023
                              <input type="checkbox" name="be-it-ass" value="70" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span>
                           </label> 
                           <label class="check ">2022
                              <input type="checkbox" name="be-it-ass" value="10" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span>
                           </label>
                        </div>
                        <button type="button" class="btn btn-primary btn-small">Click here to Assess</button>
                     </div>
                     <div class="assessed-card-count align-self-center">
                        <h3 id="be-it-ass">130</h3>
                     </div>
                     </div>
                  </div>
                  <div class="col p-0 slide-item">
                     <div class="assessed-card d-flex">
                     <div class="assessed-card-content">
                        <h3 class="g-text">B.Pharm</h3>
                        <small>Year Wise Assessment</small>
                        <div class="d-flex year-wise justify-content-between">
                           <label class="check ">2024
                              <input type="checkbox" name="bph-it-ass" value="20" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span> 
                           </label>
                           <label class="check ">2023
                              <input type="checkbox" name="bph-it-ass" value="20" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span>
                           </label> 
                           <label class="check ">2022
                              <input type="checkbox" name="bph-it-ass" value="103" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span>
                           </label>
                        </div>
                        <button type="button" class="btn btn-primary btn-small">Click here to Assess</button>
                     </div>
                     <div class="assessed-card-count align-self-center">
                        <h3 id="bph-it-ass">143</h3>
                     </div>
                     </div>
                  </div>
                  <div class="col p-0 slide-item">
                     <div class="assessed-card d-flex">
                     <div class="assessed-card-content">
                        <h3 class="g-text">BE ECE</h3>
                        <small>Year Wise Assessment</small>
                        <div class="d-flex year-wise justify-content-between">
                           <label class="check ">2024
                              <input type="checkbox" name="be-ece-ass" value="30" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span> 
                           </label>
                           <label class="check ">2023
                              <input type="checkbox" name="be-ece-ass" value="20" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span>
                           </label> 
                           <label class="check ">2022
                              <input type="checkbox" name="be-ece-ass" value="45" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span>
                           </label>
                        </div>
                        <button type="button" class="btn btn-primary btn-small">Click here to Assess</button>
                     </div>
                     <div class="assessed-card-count align-self-center">
                        <h3 id="be-ece-ass">74</h3>
                     </div>
                     </div>
                  </div>
                  <div class="col p-0 slide-item">
                     <div class="assessed-card d-flex">
                     <div class="assessed-card-content">
                        <h3 class="g-text">BE(CA)</h3>
                        <small>Year Wise Assessment</small>
                        <div class="d-flex year-wise justify-content-between">
                           <label class="check ">2024
                              <input type="checkbox" name="be-ca-ass" value="100" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span> 
                           </label>
                           <label class="check ">2023
                              <input type="checkbox" name="be-ca-ass" value="400" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span>
                           </label> 
                           <label class="check ">2022
                              <input type="checkbox" name="be-ca-ass" value="401" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span>
                           </label>
                        </div>
                        <button type="button" class="btn btn-primary btn-small">Click here to Assess</button>
                     </div>
                     <div class="assessed-card-count align-self-center">
                        <h3 id="be-ca-ass">901</h3>
                     </div>
                     </div>
                  </div>
                  <div class="col p-0 slide-item">
                     <div class="assessed-card d-flex">
                     <div class="assessed-card-content">
                        <h3 class="g-text">B.Tech</h3>
                        <small>Year Wise Assessment</small>
                        <div class="d-flex year-wise justify-content-between">
                           <label class="check ">2024
                              <input type="checkbox" name="be-th-ass" value="30" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span> 
                           </label>
                           <label class="check ">2023
                              <input type="checkbox" name="be-th-ass" value="30" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span>
                           </label> 
                           <label class="check ">2022
                              <input type="checkbox" name="be-th-ass" value="40" onchange="pickmyscore(this)" checked>
                           <span class="checkmark"></span>
                           </label>
                        </div>
                        <button type="button" class="btn btn-primary btn-small">Click here to Assess</button>
                     </div>
                     <div class="assessed-card-count align-self-center">
                        <h3 id="be-th-ass">100</h3>
                     </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- Pre Assessed Student details end  -->
            <!-- TOP RECRUITERS Start  -->
             <div class="top-recuiter-section position-relative">
               <h5 class="isnt-second-heading">TOP RECRUITERS 100+</h5>
               <div class="read-more-text margin-bottom-10 position-absolute"><a href="javascript:void(0)">View All</a></div> 
               <div class="row row-gap-2r padding-left-25 padding-right-25">
                  <div class="col-4 col-md-3 col-lg-2 t-rect">
                     <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/accenture.png') }}" alt="" class="image-fluid">
                  </div>
                  <div class="col-4 col-md-3 col-lg-2 t-rect">
                     <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/analytix-solutions-logo.png') }}" alt="" class="image-fluid">
                  </div>
                  <div class="col-4 col-md-3 col-lg-2 t-rect">
                     <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/bosch.png') }}" alt="" class="image-fluid">
                  </div>
                  <div class="col-4 col-md-3 col-lg-2 t-rect">
                     <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/cashkaro-logo.png') }}" alt="" class="image-fluid">
                  </div>
                  <div class="col-4 col-md-3 col-lg-2 t-rect">
                     <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/erm-logo.png') }}" alt="" class="image-fluid">
                  </div>
                  <div class="col-4 col-md-3 col-lg-2 t-rect">
                     <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/essar-logo.png') }}" alt="" class="image-fluid">
                  </div>
                  <div class="col-4 col-md-3 col-lg-2 t-rect">
                     <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/flipkart-logo.png') }}" alt="" class="image-fluid">
                  </div>
                  <div class="col-4 col-md-3 col-lg-2 t-rect">
                     <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/indian-oil-petronas.png') }}" alt="" class="image-fluid">
                  </div>
                  <div class="col-4 col-md-3 col-lg-2 t-rect">
                     <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/infostretch.png') }}" alt="" class="image-fluid">
                  </div>
                  <div class="col-4 col-md-3 col-lg-2 t-rect">
                     <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/ingram.png') }}" alt="" class="image-fluid">
                  </div>
                  <div class="col-4 col-md-3 col-lg-2 t-rect">
                     <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/jindasteel-power.png') }}" alt="" class="image-fluid">
                  </div>
                  <div class="col-4 col-md-3 col-lg-2 t-rect">
                     <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/juniper-green-energy-logo.png') }}" alt="" class="image-fluid">
                  </div>
                  <div class="col-4 col-md-3 col-lg-2 t-rect">
                     <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/mrf.png') }}" alt="" class="image-fluid">
                  </div>
                  <div class="col-4 col-md-3 col-lg-2 t-rect">
                     <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/omega-healthcare.png') }}" alt="" class="image-fluid">
                  </div>
                  <div class="col-4 col-md-3 col-lg-2 t-rect">
                     <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/weg-logo.png') }}" alt="" class="image-fluid">
                  </div>
               </div>
             </div>
            <!-- TOP RECRUITERS End  -->
            <!-- Recent RECRUITERS Start  -->
             <div class="recent-recruiters position-relative">
               <h5 class="isnt-second-heading">Recent RECRUITERS visit the page  50+</h5>
               <div class="read-more-text margin-bottom-10 position-absolute"><a href="javascript:void(0)">View All</a></div> 
               <div class="row m-0 row-gap-1r">
                  <div class="col-lg-6">
                     <div class="recent-recruiters-profile d-flex gap-1r bg-white">
                        <div class="recent-recruiters-img">
                           <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/vee-technologies-logo.png')}}" alt="" class="image-fluid">
                        </div>
                        <div class="recent-recruiters-title">
                           <h4>Vee Technologies</h4>
                           <ul class="m-0">
                              <li><i class="fa-solid fa-location-dot"></i> Bangalore</li>
                              <li><i class="fa-solid fa-briefcase"></i> No. of Jobs: 7</li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-6">
                     <div class="recent-recruiters-profile d-flex gap-1r bg-white">
                        <div class="recent-recruiters-img">
                           <img src="{{secure_asset('assets/hiremee-revamp/images/logo-ver.png')}}" alt="" class="image-fluid">
                        </div>
                        <div class="recent-recruiters-title">
                           <h4>HireMee Inc</h4>
                           <ul class="m-0">
                              <li><i class="fa-solid fa-location-dot"></i> Bangalore</li>
                              <li><i class="fa-solid fa-briefcase"></i> No. of Jobs: 7</li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-6">
                     <div class="recent-recruiters-profile d-flex gap-1r bg-white">
                        <div class="recent-recruiters-img">
                           <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/essar-logo.png') }}"  alt="" class="image-fluid">
                        </div>
                        <div class="recent-recruiters-title">
                           <h4>BOSCH Ltd</h4>
                           <ul class="m-0">
                              <li><i class="fa-solid fa-location-dot"></i> Bangalore</li>
                              <li><i class="fa-solid fa-briefcase"></i> No. of Jobs: 2</li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-6">
                     <div class="recent-recruiters-profile d-flex gap-1r bg-white">
                        <div class="recent-recruiters-img">
                           <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/jindasteel-power.png') }}" alt="" class="image-fluid">
                        </div>
                        <div class="recent-recruiters-title">
                           <h4>Aliens Group</h4>
                           <ul class="m-0">
                              <li><i class="fa-solid fa-location-dot"></i> Bangalore</li>
                              <li><i class="fa-solid fa-briefcase"></i> No. of Jobs: 8</li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-6">
                     <div class="recent-recruiters-profile d-flex gap-1r bg-white">
                        <div class="recent-recruiters-img">
                           <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/mrf.png') }}" alt="" class="image-fluid">
                        </div>
                        <div class="recent-recruiters-title">
                           <h4>Nions IT Solution</h4>
                           <ul class="m-0">
                              <li><i class="fa-solid fa-location-dot"></i> Bangalore</li>
                              <li><i class="fa-solid fa-briefcase"></i> No. of Jobs: 7</li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-6">
                     <div class="recent-recruiters-profile d-flex gap-1r bg-white">
                        <div class="recent-recruiters-img">
                           <img src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/omega-healthcare.png') }}" alt="" class="image-fluid">
                        </div>
                        <div class="recent-recruiters-title">
                           <h4>Trylogic Soft Solution</h4>
                           <ul class="m-0">
                              <li><i class="fa-solid fa-location-dot"></i> Bangalore</li>
                              <li><i class="fa-solid fa-briefcase"></i> No. of Jobs: 7</li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
             </div>
            <!-- Recent RECRUITERS End  -->
            <!-- Skills Start  -->
            <div class="recruiters-skills">
               <h5 class="isnt-second-heading">Skills</h5>
               <ul class="recruiters-skills-item m-0">
                  <li>Jave</li>
                  <li>.Net</li>
                  <li>Applications</li>
                  <li>Accountancy</li>
                  <li>Abstract Algebra</li>
                  <li>Application of Spectraoscopy</li>
                  <li>Core Java</li>
                  <li>Networks and Systems</li>
                  <li>Java Programming concepts</li>
                  <li>Basic QA</li>
                  <li>Core Java</li>
              </ul>
            </div>
            <!-- Skills End  -->
            <!-- For College Placement Assessment Support Start  --> 
            <div class="college-form-wrapper">
            <h3 class="isnt-second-heading" >For College Placement Assessment Support</h3>
            <div class="college-placement-form">
               <form action="">
                  <div class="row">
                     <div class="col-md-6">
                        <input type="text" class="form-control form-field js-tooltip-validate"  placeholder="Your Name *">
                     </div>
                     <div class="col-md-6">
                        <input type="text" class="form-control form-field js-tooltip-validate"  placeholder="Mobile Number *">
                     </div>
                     <div class="col-md-12">
                        <input type="text" class="form-control form-field js-tooltip-validate"  placeholder="Your Email *">
                     </div>
                     <div class="col-md-12">
                        <textarea class="form-control form-field js-tooltip-validate" placeholder="Your Comments"></textarea>
                     </div>
                     <div class="col-md-12">
                        <button type="submit" class="e-btn e-btn-6 form-field-button college_contact_btn margin-top-10">Submit Message </button>
                     </div>
                  </div>
               </form>
             </div>
             </div>
            <!-- For College Placement Assessment Support End   -->
         </div>
         <div class="col-md-3">
            <!-- Upcoming Assessments -->
            <div class="up-assess">
               <h5 class="text-uppercase">Upcoming Assessments</h5>
               <ul class="list-2">
                  <li>MGR University</li>
                  <li>IIT Madras</li>
                  <li>KLE College</li>
                  <li>Bangalore University</li>
               </ul>
            </div>
            <div class="side-poster-img">
               <img class="img-fluid" src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/ad-1.png') }}">
            </div>
            <div class="side-poster-img">
               <img class="img-fluid" src="{{secure_asset('assets/hiremee-revamp/images/colleges/institution-page/ad-2.png') }}">
            </div>
         </div>
      </div>
    </section>
   <!-- Our Latest videos start  -->
   <div class="our-latest-videos bg-lightGreen margin-top-48 margin-bottom-48 padding-top-42 padding-bottom-42">
      <div class="container">
        <div class="row">
          <div class="col-xl-12">
            <div class="text-center">
            <h2 class="text-uppercase">Our Latest Videos</h2>
            </div>
            <div class="utf-blog-carousel-block-inst margin-top-32">
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  <div class="utf-blog-compact-item-content">
                  <iframe src="https://www.youtube.com/embed/hOP_JsdoaX0" title="Mr. Chocko Valliappa, is interviewed in the program ‘Paesum Thalaimai'" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                  </div>
                </div>
              </div>
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  <div class="utf-blog-compact-item-content">
                  <iframe src="https://www.youtube.com/embed/iWWCCGRvVT0" title="Mr. Chocko Valliappa, Founder of HireMee, shared his insights on How to get your CV right with NDTV" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                  </div>
                </div>
              </div>
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  <div class="utf-blog-compact-item-content">
                  <iframe src="https://www.youtube.com/embed/jU3KUUXrCpc" title="Webinar | Remote Online Proctored Examinations:  "The New Normal?"" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                  </div>
                </div>
              </div>
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  <div class="utf-blog-compact-item-content">
                  <iframe src="https://www.youtube.com/embed/s3e66qZpTM0" title="Mr.Chocko Valliappa, the Founder of HireMee, is interviewed in News7Tamil channel." frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                  </div>
                </div>
              </div>
              <div class="utf-blog-item-container-part">
                <div class="utf-blog-compact-item">
                  <div class="utf-blog-compact-item-content">
                  <iframe src="https://www.youtube.com/embed/GfLq3IY81jM" title="Improve your career skills on par with industry standards through Employability Enhancement Program." frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
   <!-- Our Latest videos end  -->
   <!-- Explore popular start -->
    <div class="container margin-bottom-60">
      <div class="ex-pop-clg">
         <h3 class=" ">Explore popular colleges</h3>
         <p>Students looking for B.Tech courses have shown interest these colleges</p>
         <div class="ex-pop-clg-wrapper row" id="ex-pop-clg">
            <div class="col p-0 slide-item">
               <div class="ex-pop-clg-card d-flex">
                  <div class="d-flex flex-column">
                     <h4>M.Kumarasamy College of Engineering</h4>
                     <small class="d-block"><i class="fa-solid fa-location-dot"></i> Karur</small>
                     <button type="button" class="mt btn btn-primary btn-small">Click here to Assess</button>
                  </div>
                  <div>
                     <img src="{{secure_asset('assets/hiremee-revamp/assets/images/central-university-ajmer.png') }}" alt="">
                  </div>
               </div>       
            </div>
            <div class="col p-0 slide-item">
               <div class="ex-pop-clg-card d-flex">
                  <div class="d-flex flex-column">
                     <h4>Chennai Institute of Technology and Applied Research</h4>
                     <small class="d-block"><i class="fa-solid fa-location-dot"></i> Chennai</small>
                     <button type="button" class="mt btn btn-primary btn-small">Click here to Assess</button>
                  </div>
                  <div>
                     <img src="{{secure_asset('assets/hiremee-revamp/assets/images/drmgr-chennai.png')}}" alt="">
                  </div>
               </div>       
            </div>
            <div class="col p-0 slide-item">
               <div class="ex-pop-clg-card d-flex">
                  <div class="d-flex flex-column">
                     <h4>KRCE - K Ramakrishnan College of Engineering</h4>
                     <small class="d-block"><i class="fa-solid fa-location-dot"></i> Karur</small>
                     <button type="button" class="mt btn btn-primary btn-small">Click here to Assess</button>
                  </div>
                  <div>
                     <img src="{{secure_asset('assets/hiremee-revamp/assets/images/guru-jambheshwar-university.png')}}" alt="">
                  </div>
               </div>       
            </div>
            <div class="col p-0 slide-item">
               <div class="ex-pop-clg-card d-flex">
                  <div class="d-flex flex-column">
                     <h4>M.Kumarasamy College of Engineering</h4>
                     <small class="d-block"><i class="fa-solid fa-location-dot"></i> Karur</small>
                     <button type="button" class="mt btn btn-primary btn-small">Click here to Assess</button>
                  </div>
                  <div>
                     <img src="{{secure_asset('assets/hiremee-revamp/assets/images/poornima-university-jaipur.png')}}" alt="">
                  </div>
               </div>       
            </div>
            <div class="col p-0 slide-item">
               <div class="ex-pop-clg-card d-flex">
                  <div class="d-flex flex-column">
                     <h4>SRM TRP Engineering College</h4>
                     <small class="d-block"><i class="fa-solid fa-location-dot"></i> Karur</small>
                     <button type="button" class="mt btn btn-primary btn-small">Click here to Assess</button>
                  </div>
                  <div>
                     <img src="{{secure_asset('assets/hiremee-revamp/assets/images/sln-college-of-engineering.png')}}" alt="">
                  </div>
               </div>       
            </div>
            <div class="col p-0 slide-item">
               <div class="ex-pop-clg-card d-flex">
                  <div class="d-flex flex-column">
                     <h4>Presidency University, Bangalore</h4>
                     <small class="d-block"><i class="fa-solid fa-location-dot"></i> Karur</small>
                     <button type="button" class="mt btn btn-primary btn-small">Click here to Assess</button>
                  </div>
                  <div>
                     <img src="{{secure_asset('assets/hiremee-revamp/assets/images/st-joseph-hyd.png')}}" alt="">
                  </div>
               </div>       
            </div>
            <div class="col p-0 slide-item">
               <div class="ex-pop-clg-card d-flex">
                  <div class="d-flex flex-column">
                     <h4>RV University</h4>
                     <small class="d-block"><i class="fa-solid fa-location-dot"></i> Karur</small>
                     <button type="button" class="mt btn btn-primary btn-small">Click here to Assess</button>
                  </div>
                  <div>
                     <img src="{{secure_asset('assets/hiremee-revamp/assets/images/svt-college-of-home-science.png')}}" alt="">
                  </div>
               </div>       
            </div>
            <div class="col p-0 slide-item">
               <div class="ex-pop-clg-card d-flex">
                  <div class="d-flex flex-column">
                     <h4>SRM TRP Engineering College</h4>
                     <small class="d-block"><i class="fa-solid fa-location-dot"></i> Karur</small>
                     <button type="button" class="mt btn btn-primary btn-small">Click here to Assess</button>
                  </div>
                  <div>
                     <img src="{{secure_asset('assets/hiremee-revamp/assets/images/sln-college-of-engineering.png')}}" alt="">
                  </div>
               </div>       
            </div>
            <div class="col p-0 slide-item">
               <div class="ex-pop-clg-card d-flex">
                  <div class="d-flex flex-column">
                     <h4>M.Kumarasamy College of Engineering</h4>
                     <small class="d-block"><i class="fa-solid fa-location-dot"></i> Karur</small>
                     <button type="button" class="mt btn btn-primary btn-small">Click here to Assess</button>
                  </div>
                  <div>
                     <img src="{{secure_asset('assets/hiremee-revamp/assets/images/slider-11-thumb.png')}}" alt="">
                  </div>
               </div>       
            </div>
            <div class="col p-0 slide-item">
               <div class="ex-pop-clg-card d-flex">
                  <div class="d-flex flex-column">
                     <h4>M.Kumarasamy College of Engineering</h4>
                     <small class="d-block"><i class="fa-solid fa-location-dot"></i> Karur</small>
                     <button type="button" class="mt btn btn-primary btn-small">Click here to Assess</button>
                  </div>
                  <div>
                     <img src="{{secure_asset('assets/hiremee-revamp/assets/images/ingram.png')}}" alt="">
                  </div>
               </div>       
            </div>
         </div>
      </div>
    </div>

   <!-- Explore popular end -->



   </section> 
<script>
   
// Slider for our latest videos in Insitution page  start

$(document).ready(function () {
$('.utf-blog-carousel-block-inst').slick({
    infinite: true,
    slidesToShow: 4,
    slidesToScroll: 1,
    dots: false,
    arrows: true,
    nav: true,
    rewind: true,
    loop: true,
    autoplay: true,
    autoplayTimeout: 5000,
    autoplayHoverPause: true,
    responsive: [{
        breakpoint: 1200,
        settings: {
            slidesToShow: 3,
            dots: true,
            arrows: false
        }
    },
    {
        breakpoint: 992,
        settings: {
            slidesToShow: 2,
            dots: true,
            arrows: false
        }
    },
    {
        breakpoint: 768,
        settings: {
            slidesToShow: 1,
            dots: true,
            arrows: false
        }
    }
    ]
});
$('#ex-pop-clg').slick({
		rows: 2,
		dots: false,
		arrows: true,
		infinite: true,
		speed: 300,
		slidesToShow: 4,
		slidesToScroll: 1,
	loop:true,
   responsive: [{
        breakpoint: 1400,
        settings: {
            slidesToShow: 3,
        }
    },
    {
        breakpoint: 1100,
        settings: {
            slidesToShow: 2,
            dots: true,
            arrows: false
        }
    },
    {
        breakpoint: 768,
        settings: {
            slidesToShow: 1,
            dots: true,
            arrows: false
        }
    }
    ]
});
});
$("#read-more").click(function() {
    var elem = $("#read-more").text();
    if (elem == "Read More") {
      $("#read-more").text("Read Less");
      $("#drop-text").slideDown(400);
    } else {
      $("#read-more").text("Read More");
      $("#drop-text").slideUp(400);
    }
  });

// Slider for our latest videos in Insitution page end

// Script for Pre assessed Students Total Value Start
function calculateSum(ename) {
   const checkboxes = document.querySelectorAll(`input[name="${ename}"]:checked`);
   let sum = 0;
   checkboxes.forEach((checkbox) => {
      sum += parseFloat(checkbox.value);
      checkbox.removeEventListener('change',pickmyscore)
    });
   document.getElementById(ename).textContent = sum;
}

function pickmyscore(ele){
   let elename = ele.getAttribute('name');
   console.log(document.querySelectorAll(`input[name="${elename}"]`))
   document.querySelectorAll(`input[name="${elename}"]`).forEach((checkbox) => {
      checkbox.addEventListener('change', calculateSum(elename));});
}
// script for Pre assessed Students Total Value End



</script>
 <!-- <div class="mockup-top"><img class="animute" src="https://www.thesonagroup.com/demo/HireMee-Dinu-Design/images/college-mockup.png" alt=""></div> -->

@endsection