<head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <title>{{{ output.page_title }}}</title>
   <link rel="icon" href="{{{pluginlink}}}/pix/itrack_logo-mini.png" type="image/gif">
</head>
<div class="container-fluid p-0 " id="landing-page">
   <div class="col-sm-12 banner-space desktop-view" style="">
      <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
         <div class="carousel-inner">
            <div class="socialmediaLinks">
               <div><a href="https://www.facebook.com/itrackglobal/?fref=ts" target="_blank" class="white"><i
                        class="fa fa-facebook-square" aria-hidden="true"></i></a></div>
                        <div><a href="https://www.linkedin.com/showcase/13327653/admin/" target="_blank" class="white"><i
                           class="fab fa-linkedin" aria-hidden="true"></i></a></div>
               <div><a href="https://twitter.com/itrackglobal" target="_blank" class="white"><i
                           class="fab fa-twitter" aria-hidden="true"></i></a></div>
               <div><a href="https://www.instagram.com/itrack_global" target="_blank" class="white"><i
                        class="fab fa-instagram" aria-hidden="true"></i></a></div>
            </div>
            <div class="carousel-item active">
               <div class="carousal-banner"> <img src="{{{pluginlink}}}/pix/corporate-training/Banner.jpg"
                     class="d-block" alt="..."> </div>
               <div class="carousal-content white ml-5">
                  <h2 class="" style="margin-bottom: 28px;">Corporate Training</h2>
                  <h2 class=" m-btm-banner-content"
                     style="font-family: 'Open Sans', sans-serif; font-weight:600; font-size:20px;margin-bottom: 4px !important;">
                     UpSkill Your Team
                  </h2>
                  <h2 class=" m-btm-banner-content"
                     style="font-family: 'Open Sans', sans-serif; font-weight:600; font-size:20px">
                     Anytime, Anywhere, Online or Offline
                  </h2>

                  <div class="mt-5"> <span class="trail-btn "
                        style="font-family: 'Open Sans', sans-serif; font-weight:600;top:0"><a data-toggle="modal"
                           data-target="#IndustryModal">Contact Us</a></span> </div>
               </div>
            </div>
         </div>
         <!-- <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
            <span class="" aria-hidden="true"><i class="fa fa-chevron-left left-arrow" aria-hidden="true"></i></span>
            <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
            <span class="" aria-hidden="true"><i class="fa fa-chevron-right left-arrow" aria-hidden="true"></i></span>
            <span class="sr-only">Next</span>
            </a> -->
      </div>
   </div>
   <div class="col-sm-12 mobile-view homepage-banner industry-mobilebanner" style="height: 100%;">
      <div class="owl-carousel owl-theme">
         <div class="item">
            <h2 class="fastest-growing">Corporate Training </h2>
            <h2 class=" mb-15 m-btm-banner-content learn-practice"><span
                  style="vertical-align: 3px !important;margin-right: 3px;"></span>UpSkill Your Team
            </h2>
            <h2 class=" mb-15 m-btm-banner-content learn-practice"><span
                  style="vertical-align: 3px !important;margin-right: 3px;"></span>Anytime, Anywhere, Online or Offline
            </h2>
            <!-- <div class="homepage-ul-parent">
               <ul class="homepage-ul animate-flicker-ul">
                  <div class="owl-carousel owl-theme">
                     <div class="item">
                        <li>50,000+ Learners </li>
                     </div>
                     <div class="item">
                        <li>42+ Colleges/ Universities</li>
                     </div>
                     <div class="item">
                        <li>50+ Companies</li>
                     </div>
                     <div class="item">
                        <li>5000+ Jobs & Internships</li>
                     </div>
                     <div class="item">
                        <li>70+ Industry Paid Projects (GigWorks)</li>
                     </div>
                     <div class="item">
                        <li>100+ Industry Aligned Courses</li>
                     </div>
                  </div>
               </ul>
            </div> -->
            <div class="text-center pb-2">
               <div class="trail-btn " style="top:0"><a data-toggle="modal" data-target="#IndustryModal">Contact Us</a>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="col-md-10 types-container ">
      <div class="">
         <h2 class="corporate-header">Types of Corporate Trainings</h2>
         <div class="mob-overflow-scroll">
            <div class="row">
               <div class="col-md-3">
                  <div class="card">
                     <div class="types-img-container">
                        <img class="types-img"
                           src="{{{pluginlink}}}/pix/corporate-training/Types of Corporate Trainings/Instructor-Led.png"
                           alt="Card image cap">
                     </div>
                  </div>
                  <div class="types-body">
                     <h5 class="types-title">Instructor Led</h5>
                  </div>
               </div>
               <div class="col-md-3">
                  <div class="card">
                     <div class="types-img-container">
                        <img class="types-img"
                           src="{{{pluginlink}}}/pix/corporate-training/Types of Corporate Trainings/Virtual-Instructor-Led.png"
                           alt="Card image cap">
                     </div>
                  </div>
                  <div class="types-body">
                     <h5 class="types-title">Virtual Instructor Led</h5>
                  </div>
               </div>
               <div class="col-md-3">
                  <div class="card">
                     <div class="types-img-container">
                        <img class="types-img"
                           src="{{{pluginlink}}}/pix/corporate-training/Types of Corporate Trainings/Self-paced-Learning.png"
                           alt="Card image cap">
                     </div>
                  </div>
                  <div class="types-body">
                     <h5 class="types-title">Self-paced Learning</h5>
                  </div>
               </div>
               <div class="col-md-3">
                  <div class="card">
                     <div class="types-img-container">
                        <img class="types-img"
                           src="{{{pluginlink}}}/pix/corporate-training/Types of Corporate Trainings/Blended-Training.png"
                           alt="Card image cap">
                     </div>
                  </div>
                  <div class="types-body">
                     <h5 class="types-title">Blended Training</h5>
                  </div>
               </div>
            </div>
         </div>

      </div>
   </div>
   <!-- <div class="mobile-view">
      <h2 class="corporate-header">Types of Corporate Trainings</h2>
      <div class="owl-carousel owl-theme">
         <div class="item">
            <div class="card">
               <div class="types-img-container">
                  <img class="types-img"
                     src="{{{pluginlink}}}/pix/corporate-training/Types of Corporate Trainings/Instructor-Led.png"
                     alt="Card image cap">
               </div>
            </div>
            <div class="types-body">
               <h5 class="types-title">Instructor Led</h5>
            </div>
         </div>
         <div class="item">
            <div class="card">
               <div class="types-img-container">
                  <img class="types-img"
                     src="{{{pluginlink}}}/pix/corporate-training/Types of Corporate Trainings/Virtual-Instructor-Led.png"
                     alt="Card image cap">
               </div>
            </div>
            <div class="types-body">
               <h5 class="types-title">Virtual Instructor Led</h5>
            </div>
         </div>
         <div class="item">
            <div class="card">
               <div class="types-img-container">
                  <img class="types-img"
                     src="{{{pluginlink}}}/pix/corporate-training/Types of Corporate Trainings/Self-paced-Learning.png"
                     alt="Card image cap">
               </div>
            </div>
            <div class="types-body">
               <h5 class="types-title">Self-paced Learning</h5>
            </div>
         </div>
         <div class="item">
            <div class="card">
               <div class="types-img-container">
                  <img class="types-img"
                     src="{{{pluginlink}}}/pix/corporate-training/Types of Corporate Trainings/Blended-Training.png"
                     alt="Card image cap">
               </div>
            </div>
            <div class="types-body">
               <h5 class="types-title">Blended Training</h5>
            </div>
         </div>
      </div>
   </div> -->
   <div class="" style="background-color: #f2f3f8;margin: 50px 0px;">
      <div class="col-md-10 courses-container">
         <div class="col-md-12" style="top: 50px;">
            <h2 class="corporate-header">Certification Courses</h2>
         </div>
         <div class="mob-overflow-scroll" >
            <div class="row">
               {{#certificatecourse}}
               <div class="col-md-4">
                  <div class="card corporate-course-card">
                     <div style="height: 65px; margin-top: 15px;">
                        {{#coursename}}<h5>{{coursename}}</h5>{{/coursename}}
                     </div>
                     <div style="padding-left: 27px; margin-top: 30px;">
                        <div>
                           {{#brandingtext}}<span class="arrow-pointer">{{brandingtext}}</span>{{/brandingtext}}
                        </div>
                        <div class="d-flex justify-content-between" style="margin-top: 15px;">
                           <div style="color: #ffc637;display: flex;">
                              {{#rating}}{{{rating}}}{{/rating}}
                           </div>
                           <div
                              style="color: #a2a2a2; font-size: 13px;margin-top: -3px;white-space: nowrap; display: flex;">
                              <span>|</span>
                              {{#learnercount}}<span>{{learnercount}} Learners</span>{{/learnercount}}
                           </div>
                           {{#brandimg}}
                           <div>
                              <img class="corporate-course-img" src="{{brandimg}}" alt="Card image cap">
                           </div>
                           {{/brandimg}}
                        </div>
                     </div>
                  </div>
               </div>
               {{/certificatecourse}}
            </div>
         </div>
         <div id="more">
            <div class="row" style="margin: -48px 0px;">
               {{#certificatecourse1}}
               <div class="col-md-4">
                  <div class="card corporate-course-card">
                     <div style="height: 65px; margin-top: 15px;">
                        {{#coursename}}<h5>{{coursename}}</h5>{{/coursename}}
                     </div>
                     <div style="padding-left: 27px; margin-top: 30px;">
                        <div>
                           {{#brandingtext}}<span class="arrow-pointer">{{brandingtext}}</span>{{/brandingtext}}
                        </div>
                        <div class="d-flex justify-content-between" style="margin-top: 15px;">
                           <div style="color: #ffc637;">
                              {{#rating}}{{{rating}}}{{/rating}}
                           </div>
                           <div style="color: #a2a2a2; font-size: 13px;margin-top: 3px;margin-left: -19px;">
                              <span>|</span>
                              {{#learnercount}}<span>{{learnercount}} Learners</span>{{/learnercount}}
                           </div>
                           {{#brandimg}}
                           <div>
                              <img class="corporate-course-img" src="{{brandimg}}" alt="Card image cap">
                           </div>
                           {{/brandimg}}
                        </div>
                     </div>
                  </div>
               </div>
               {{/certificatecourse1}}
            </div>
         </div>
         {{#showmorecertificatecoursebtn}}
         <div class="col-md-12 text-center desktop-view">
            <span id="dots" style="color: #fff;">...</span>
            <button onclick="readMore()" id="readBtn">VIEW MORE</button>
         </div>
         {{/showmorecertificatecoursebtn}}
      </div>
   </div>
   <!-- <div class="mobile-view" style="background-color: #f2f3f8;margin: 50px 0px;">
      <div class="col-md-10 courses-container">
         <div class="col-md-12" style="top: 50px;">
            <h2 class="corporate-header">Certification Courses</h2>
         </div>
      </div>
      <div class="owl-carousel owl-theme">
         <div class="item">
            <div class="card corporate-course-card">
               <div style="height: 65px; margin-top: 15px;">
                  <h5>PMP Certification</h5>
               </div>
               <div style="padding-left: 27px; margin-top: 30px;">
                  <div>
                     <span class="arrow-pointer">ADVANCED</span>
                  </div>
                  <div class="d-flex justify-content-between" style="margin-top: 15px;">
                     <div style="color: #ffc637;">
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star-half-o" aria-hidden="true"></i>
                     </div>
                     <div style="color: #a2a2a2; font-size: 13px;margin-top: 3px;margin-left: -19px;">
                        <span>4.5</span>
                        <span>|</span>
                        <span> 550 Learners</span>
                     </div>
                     <div><img class="corporate-course-img"
                           src="{{{pluginlink}}}/pix/corporate-training/Certification Courses/Icon_PMP-Certification.png"
                           alt="Card image cap"></div>
                  </div>
               </div>
            </div>
         </div>
         <div class="item">
            <div class="card corporate-course-card">
               <div style="height: 65px; margin-top: 15px;">
                  <h5>ITIL4 Foundation Training</h5>
               </div>
               <div style="padding-left: 27px; margin-top: 30px;">
                  <div>
                     <span class="arrow-pointer">Certified Scrum Master</span>
                  </div>
                  <div class="d-flex justify-content-between" style="margin-top: 15px;">
                     <div style="color: #ffc637;">
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star-half-o" aria-hidden="true"></i>
                     </div>
                     <div style="color: #a2a2a2; font-size: 13px;margin-top: 3px;">
                        <span>4.5</span>
                        <span>|</span>
                        <span> 1250 Learners</span>
                     </div>
                     <div><img class="corporate-course-img"
                           src="{{{pluginlink}}}/pix/corporate-training/Certification Courses/Icon_ITIL4-Foundation-Training.png"
                           alt="Card image cap"></div>
                  </div>
               </div>
            </div>
         </div>
         <div class="item">
            <div class="card corporate-course-card">
               <div style="height: 65px; margin-top: 15px;">
                  <h5>Certified Scrum Master</h5>
               </div>
               <div style="padding-left: 27px; margin-top: 30px;">
                  <div>
                     <span class="arrow-pointer">ADVANCED</span>
                  </div>
                  <div class="d-flex justify-content-between" style="margin-top: 15px;">
                     <div style="color: #ffc637;">
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star-half-o" aria-hidden="true"></i>
                     </div>
                     <div style="color: #a2a2a2; font-size: 13px;margin-top: 3px;margin-left: -19px;">
                        <span>4.5</span>
                        <span>|</span>
                        <span> 2590 Learners</span>
                     </div>
                     <div><img class="corporate-course-img"
                           src="{{{pluginlink}}}/pix/corporate-training/Certification Courses/Icon_Certified-Scrum-Master.png"
                           alt="Card image cap"></div>
                  </div>
               </div>
            </div>
         </div>
         <div class="item">
            <div class="card corporate-course-card">
               <div style="height: 65px; margin-top: 15px;">
                  <h5>PMP Certification</h5>
               </div>
               <div style="padding-left: 27px; margin-top: 30px;">
                  <div>
                     <span class="arrow-pointer">ADVANCED</span>
                  </div>
                  <div class="d-flex justify-content-between" style="margin-top: 15px;">
                     <div style="color: #ffc637;">
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star-half-o" aria-hidden="true"></i>
                     </div>
                     <div style="color: #a2a2a2; font-size: 13px;margin-top: 3px;margin-left: -19px;">
                        <span>4.5</span>
                        <span>|</span>
                        <span> 550 Learners</span>
                     </div>
                     <div><img class="corporate-course-img"
                           src="{{{pluginlink}}}/pix/corporate-training/Certification Courses/Icon_PMP-Certification.png"
                           alt="Card image cap"></div>
                  </div>
               </div>
            </div>
         </div>
         <div class="item">
            <div class="card corporate-course-card">
               <div style="height: 65px; margin-top: 15px;">
                  <h5>ITIL4 Foundation Training</h5>
               </div>
               <div style="padding-left: 27px; margin-top: 30px;">
                  <div>
                     <span class="arrow-pointer">Certified Scrum Master</span>
                  </div>
                  <div class="d-flex justify-content-between" style="margin-top: 15px;">
                     <div style="color: #ffc637;">
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star-half-o" aria-hidden="true"></i>
                     </div>
                     <div style="color: #a2a2a2; font-size: 13px;margin-top: 3px;">
                        <span>4.5</span>
                        <span>|</span>
                        <span> 1250 Learners</span>
                     </div>
                     <div><img class="corporate-course-img"
                           src="{{{pluginlink}}}/pix/corporate-training/Certification Courses/Icon_ITIL4-Foundation-Training.png"
                           alt="Card image cap"></div>
                  </div>
               </div>
            </div>
         </div>
         <div class="item">
            <div class="card corporate-course-card">
               <div style="height: 65px; margin-top: 15px;">
                  <h5>Certified Scrum Master</h5>
               </div>
               <div style="padding-left: 27px; margin-top: 30px;">
                  <div>
                     <span class="arrow-pointer">ADVANCED</span>
                  </div>
                  <div class="d-flex justify-content-between" style="margin-top: 15px;">
                     <div style="color: #ffc637;">
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star" aria-hidden="true"></i>
                        <i class="fa fa-star-half-o" aria-hidden="true"></i>
                     </div>
                     <div style="color: #a2a2a2; font-size: 13px;margin-top: 3px;margin-left: -19px;">
                        <span>4.5</span>
                        <span>|</span>
                        <span> 2590 Learners</span>
                     </div>
                     <div><img class="corporate-course-img"
                           src="{{{pluginlink}}}/pix/corporate-training/Certification Courses/Icon_Certified-Scrum-Master.png"
                           alt="Card image cap"></div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div> -->
   <div style="background-color: #f6f1ff;margin-top: -52px;">
      <div class="col-md-10 self-container ">
         <div class="row">
            <div class="col-md-7">
               <div class="col-md-12" style="top: 50px;padding-left: 0px;">
                  <h2 class="corporate-header">Self-Paced Learning (SPL)</h2>
               </div>
               <p>Track offers SPL courses as individual courses and in pack of 3, 5, 10 or more. These courses from
                  PACKT Publishing (UK) and BPB (one of the largest Publisher in Asia for IT Books) are offered at
                  highly discounted price on iTrack.</p>
               <div class="col-md-12 text-center" style="margin: 60px 0px;">
                  <div class="d-flex justify-content-center mobile-d-block">
                     <a href="{{site_url}}/marketplace">
                        <span class="explore-mp-btn">
                           EXPLORE MARKETPLACE
                        </span>
                     </a>

                     <a data-toggle="modal" data-target="#IndustryModal">
                        <span class="spl-contact-btn">
                           CONTACT US
                        </span>
                     </a>
                  </div>
               </div>
            </div>
            <div class="col-md-5">
               <img style="margin-top: 40px;width:100%;" src="{{{pluginlink}}}/pix/corporate-training/Courses.png"
                  alt="Card image cap">
            </div>
         </div>
      </div>
   </div>
   <div style="background-color: #fff;">
      <div class="col-md-10 self-container dif-container">
         <div class="col-md-12" style="top: 50px; text-align: center;">
            <h2 class="corporate-header">Why iTrack is Different?</h2>
         </div>
         <div class="mob-overflow-scroll">
            <div class="row" style="margin-bottom: -115px;">
               <div class="col-md-7">
                  <div>
                     <div id="accordion">
                        <div class="card btn" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true"
                           aria-controls="collapseOne" onclick="imageOne();">
                           <div class="" id="headingOne">

                              <h5 class="mb-0">
                                 World's 1st Industry-Academia Collaborative eLearning Platform™
                              </h5>
                           </div>
                           <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
                              data-parent="#accordion">
                              <div class="card-body d-flex">
                                 <q></q> iTrack is a new age eLearning Platform which is future ready and offers almost
                                 all that a college in real world offers...but on cloud.
                              </div>
                           </div>
                        </div>
                        <hr>
                        <div class="card btn collapsed append-style" data-toggle="collapse" data-target="#collapseTwo"
                           aria-expanded="false" aria-controls="collapseTwo" onclick="imageTwo();">
                           <div class="" id="headingTwo">
                              <h5 class="mb-0">
                                 Easiest way to setup your college on
                                 the cloud
                              </h5>
                              <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
                                 data-parent="#accordion">
                                 <div class="card-body d-flex">
                                    <q></q> Virtual classes with recording & scheduling sessions, content, assignments,
                                    attendance, discussion forums and a lot more to ease your daily routine.

                                 </div>
                              </div>
                           </div>
                        </div>
                        <hr>
                        <div class="card btn collapsed" data-toggle="collapse" data-target="#collapseThree"
                           aria-expanded="false" aria-controls="collapseThree" onclick="imageThree();">
                           <div class="" id="headingThree">
                              <h5 class="mb-0">
                                 Advanced Courses, Consulting and
                                 Research Opportunity
                              </h5>
                           </div>
                           <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                              data-parent="#accordion">
                              <div class="card-body d-flex">
                                 <q></q> iTrack is World's 1st Industry-Academia Collaborative eLearning Platform™ with
                                 a
                                 powerful Learning and Industry connect Modules. Intuitive Web interface and Mobile
                                 apps.
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-md-5">
                  <img id="splImage" src="{{{pluginlink}}}/pix/corporate-training/why-different/Why-iTrack.png">
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="" style="background-color: #f2f3f8;">
      <div class="col-md-11 trending-container">
         <div class="col-md-12" style="top: 50px; text-align: center;">
            <h2 class="corporate-header">List of Trending Skills</h2>
         </div>
         <div class="mob-trending-container">
            <div class="col-md-12">
               <div class="row">
                  <div class="col-md-2" style="padding:0px 30px 0px 30px;">
                     <div>
                        <div class="trending-img-logos-bg">
                           <img class="trending-img-logos"
                              src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/DevOps.png">
                        </div>
                        <div class="spl-flag">
                           DevOps
                        </div>
                     </div>
                  </div>
                  <div class="col-md-2" style="padding:0px 30px 0px 30px;">
                     <div>
                        <div class="trending-img-logos-bg">
                           <img class="trending-img-logos"
                              src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Python 1.png">
                        </div>
                        <div class="spl-flag">
                           Python
                        </div>
                     </div>
                  </div>
                  <div class="col-md-2" style="padding:0px 30px 0px 30px;">
                     <div>
                        <div class="trending-img-logos-bg">
                           <img class="trending-img-logos"
                              src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Data Science.png">
                        </div>
                        <div class="spl-flag">
                           Data Science
                        </div>
                     </div>
                  </div>
                  <div class="col-md-2" style="padding:0px 30px 0px 30px;">
                     <div>
                        <div class="trending-img-logos-bg">
                           <img class="trending-img-logos"
                              src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Machine Learning.png">
                        </div>
                        <div class="spl-flag">
                           Machine
                           Learning
                        </div>
                     </div>
                  </div>
                  <div class="col-md-2" style="padding:0px 30px 0px 30px;">
                     <div>
                        <div class="trending-img-logos-bg">
                           <img class="trending-img-logos"
                              src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Artificial Intelligence.png">
                        </div>
                        <div class="spl-flag">
                           Artificial
                           Intelligence
                        </div>
                     </div>
                  </div>
                  <div class="col-md-2" style="padding:0px 30px 0px 30px;">
                     <div>
                        <div class="trending-img-logos-bg">
                           <img class="trending-img-logos"
                              src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Big Data.png">
                        </div>
                        <div class="spl-flag">
                           Big Data
                        </div>
                     </div>
                  </div>
               </div>
            </div>

            <div id="extra">
               <div class="col-md-12" style="margin-top: 40px;">
                  <div class="row">
                     <div class="col-md-2" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Cloud Computing.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title="Cloud Computing">
                              Cloud Computing
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Ethical Hacking.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title="Ethical Hacking">
                              Ethical Hacking
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Information Security.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top"
                              title="Information Security">
                              Information Security
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Data Analytics _ Business Analytics.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top"
                              title="Data Analytics & Business Analytics">
                              Data Analytics & Business
                              Analytics
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Cyber Security.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title="Cyber Security">
                              Cyber Security
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Industry 4.0.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title=" Industry 4.0">
                              Industry 4.0
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2 m-t-40" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Togaf 9.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title="Togaf 9">
                              Togaf 9
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2 m-t-40" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Blockchain.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title="Blockchain">
                              Blockchain
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2 m-t-40" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Salesforce Administrator _ App Building.jpeg">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top"
                              title="Salesforce Administrator and App Building">
                              Salesforce Administrator and App Building
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2 m-t-40" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Java Full Stack.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title=" Java Full Stack">
                              Java Full Stack
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2 m-t-40" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Node _ React.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title="Node & React">
                              Node & React
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2 m-t-40" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Js.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title="Js">
                              Js
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2 m-t-40" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/TensorFlow.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title="TensoFlow">
                              TensoFlow
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2 m-t-40" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/NET Programming.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title=".NET Programming">
                              .NET Programming
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2 m-t-40" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/RPA.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title="RPA">
                              RPA
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2 m-t-40" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Power BI 1.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title="Power BI">
                              Power BI
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2 m-t-40" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Tableau.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title="Tableau">
                              Tableau
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2 m-t-40" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/GCP.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title="GCP">
                              GCP
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2 m-t-40" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/AWS.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title="AWS">
                              AWS
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2 m-t-40" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Microsoft Technologies.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top"
                              title="Microsoft Technologies">
                              Microsoft Technologies
                           </div>
                        </div>
                     </div>
                     <div class="col-md-2 m-t-40" style="padding:0px 30px 0px 30px;">
                        <div>
                           <div class="trending-img-logos-bg">
                              <img class="trending-img-logos"
                                 src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Azure.png">
                           </div>
                           <div class="spl-flag" data-toggle="tooltip" data-placement="top" title="Azure">
                              Azure
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="col-md-12 text-center">
               <span id="drag" style="color: #fff;">...</span>
               <button onclick="viewMore()" id="viewBtn">VIEW MORE</button>
            </div>
         </div>
      </div>
   </div>

   <!-- <div class="mobile-view" style="background-color: #f2f3f8;">
      <div class="col-md-10 trending-container">
         <div class="col-md-12" style="top: 50px; text-align: center;">
            <h2 class="corporate-header">List of Trending Skills</h2>
         </div>
      </div>
      <div class="owl-carousel owl-theme">
         <div class="item">
            <div class="col-md-2" style="padding:0px 30px 0px 30px;">
               <div>
                  <div class="trending-img-logos-bg">
                     <img class="trending-img-logos"
                        src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/DevOps.png">
                  </div>
                  <div class="spl-flag">
                     DevOps
                  </div>
               </div>
            </div>
         </div>
         <div class="item">
            <div class="col-md-2" style="padding:0px 30px 0px 30px;">
               <div>
                  <div class="trending-img-logos-bg">
                     <img class="trending-img-logos"
                        src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Python 1.png">
                  </div>
                  <div class="spl-flag">
                     Python
                  </div>
               </div>
            </div>
         </div>
         <div class="item">
            <div class="col-md-2" style="padding:0px 30px 0px 30px;">
               <div>
                  <div class="trending-img-logos-bg">
                     <img class="trending-img-logos"
                        src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/ds.png">
                  </div>
                  <div class="spl-flag">
                     Data Science
                  </div>
               </div>
            </div>
         </div>
         <div class="item">
            <div class="col-md-2" style="padding:0px 30px 0px 30px;">
               <div>
                  <div class="trending-img-logos-bg">
                     <img class="trending-img-logos"
                        src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Data Analytics _ Business Analytics.png">
                  </div>
                  <div class="spl-flag">
                     Machine
                     Learning
                  </div>
               </div>
            </div>
         </div>
         <div class="item">
            <div class="col-md-2" style="padding:0px 30px 0px 30px;">
               <div>
                  <div class="trending-img-logos-bg">
                     <img class="trending-img-logos"
                        src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/Blockchain.png">
                  </div>
                  <div class="spl-flag">
                     Artificial
                     Intelligence
                  </div>
               </div>
            </div>
         </div>
         <div class="item">
            <div class="col-md-2" style="padding:0px 30px 0px 30px;">
               <div>
                  <div class="trending-img-logos-bg">
                     <img class="trending-img-logos"
                        src="{{{pluginlink}}}/pix/corporate-training/Trending Skills/DevOps.png">
                  </div>
                  <div class="spl-flag">
                     Big Data
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div> -->

   <div style="background-color: #fff;">
      <div class="col-md-10 work-container">
         <div class="col-md-12" style="margin-top: -55px; text-align: center;">
            <h2 class="corporate-header">How it works</h2>
            <p>iTrack focuses on a 360 degree learning approach to help our clients achieve results for their team.</p>
         </div>
         <div class="col-md-12 work-img-container">
            <img class="works-img" src="{{{pluginlink}}}/pix/corporate-training/How-It-Works.png"
               style="width: 100%;margin-top: -125px;">
         </div>
      </div>
   </div>

   <div class="desktop-view" style="background-color: #f2f3f8;">
      <div class="col-md-10 soft-container">
         <div class="col-md-12" style="margin-top: 50px; text-align: center;">
            <h2 class="corporate-header">Soft Skills</h2>
         </div>
         <div class="col-md-12" style="margin-top: 95px;">
            <div class="row">
               <div class="col-md-2">
                  <div class="card">
                     <img class="" src="{{{pluginlink}}}/pix/corporate-training/Soft Skills/Leadership-Development.png"
                        alt="Card image cap">
                     <div class="yellow-card-body" style="margin-top: -77px;">
                        <div style="display: grid;">
                           <span>Leadership</span>
                           <span>Development</span>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-md-2">
                  <div class="card">
                     <img class=""
                        src="{{{pluginlink}}}/pix/corporate-training/Soft Skills/Business-Etiquette _ Personal-Grooming.png"
                        alt="Card image cap">
                     <div class="purple-card-body" style="margin-top: -77px;">
                        <div style="display: grid;">
                           <span>Business Etiquette & </span>
                           <span> Personal Grooming</span>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-md-2">
                  <div class="card">
                     <img class=""
                        src="{{{pluginlink}}}/pix/corporate-training/Soft Skills/Conflict-Resolution-Process.png"
                        alt="Card image cap">
                     <div class="yellow-card-body" style="margin-top: -77px;">
                        <div style="display: grid;">
                           <span>Conflict </span>
                           <span> Resolution Process</span>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-md-2">
                  <div class="card">
                     <img class="" src="{{{pluginlink}}}/pix/corporate-training/Soft Skills/Problem-Solving.png"
                        alt="Card image cap">
                     <div class="purple-card-body" style="margin-top: -77px;">
                        <div style="display: grid;">
                           <span>Problem </span>
                           <span> Solving</span>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-md-2">
                  <div class="card">
                     <img class="" src="{{{pluginlink}}}/pix/corporate-training/Soft Skills/Decision-Making.png"
                        alt="Card image cap">
                     <div class="yellow-card-body" style="margin-top: -77px;">
                        <div style="display: grid;">
                           <span>Decision </span>
                           <span> Making</span>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="col-md-12 text-center">
            <p style="color: #1c1b1b;font-size:15px;padding-bottom: 36px;">... and Many More</p>
         </div>
      </div>
   </div>

   <div class="mobile-view" style="background-color: #f2f3f8;">
      <div class="col-md-10 soft-container">
         <div class="col-md-12" style="margin-top: 50px; text-align: center;">
            <h2 class="corporate-header">Soft Skills</h2>
         </div>
         <div class="owl-carousel owl-theme">
            <div class="item">
               <div class="card">
                  <img class="" src="{{{pluginlink}}}/pix/corporate-training/Soft Skills/Leadership-Development.png"
                     alt="Card image cap">
                  <div class="yellow-card-body" style="margin-top: -77px;">
                     <span>Leadership
                        Development</span>
                  </div>
               </div>
            </div>
            <div class="item">
               <div class="card">
                  <img class=""
                     src="{{{pluginlink}}}/pix/corporate-training/Soft Skills/Business-Etiquette _ Personal-Grooming.png"
                     alt="Card image cap">
                  <div class="purple-card-body" style="margin-top: -77px;">
                     <span>Business Etiquette &
                        Personal Grooming</span>
                  </div>
               </div>
            </div>
            <div class="item">
               <div class="card">
                  <img class=""
                     src="{{{pluginlink}}}/pix/corporate-training/Soft Skills/Conflict-Resolution-Process.png"
                     alt="Card image cap">
                  <div class="yellow-card-body" style="margin-top: -77px;">
                     <span>Conflict
                        Resolution Process</span>
                  </div>
               </div>
            </div>
            <div class="item">
               <div class="card">
                  <img class="" src="{{{pluginlink}}}/pix/corporate-training/Soft Skills/Problem-Solving.png"
                     alt="Card image cap">
                  <div class="purple-card-body" style="margin-top: -77px;padding: 18.5px 19.5px 19.5px 20.5px;">
                     <span>Problem
                        Solving</span>
                  </div>
               </div>
            </div>
            <div class="item">
               <div class="card">
                  <img class="" src="{{{pluginlink}}}/pix/corporate-training/Soft Skills/Decision-Making.png"
                     alt="Card image cap">
                  <div class="yellow-card-body" style="margin-top: -77px;padding: 18.5px 19.5px 19.5px 20.5px;">
                     <span>Decision
                        Making</span>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>

   <div class="bg-white">
      <div class="container-top-clients" style="padding-top: 30px;">
         {{>theme_remui/top-clients}}
      </div>
   </div>

   <div class="media-container desktop-view" style="background-color: #f2f3f8;">
      <div class="col-md-12" style="margin-top: -55px; text-align: center;">
         <h2 class="corporate-header">Media Presence</h2>
      </div>
      <div class=" row justify-content-center" style="margin-top: 100px;">
         <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
            <!-- <ol class="carousel-indicators">
               <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
               <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
               <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
            </ol> -->
            <div class="carousel-inner">
               <div class="carousel-item active">
                  <div class="col-md-10 m-auto ">
                     <div class="row">
                        <div class="col-md-3 padding-lr-zero" data-category="ui">
                           <div class=" card  med-item ">
                              <div class=" ">
                                 <img class="med-img" src="{{{pluginlink}}}/pix/media/Mint-1.png">
                              </div>
                              <div class="card-body" style="padding: 7px;">
                                 <p class="med-title">How IBM India is becoming
                                    digital</p>
                                 <p class="med-content">
                                    "I am using iTrack for online classes. iTrack is a world-class comprehensive
                                    elearning platform. With the help of iTrack we can perform multiple operation
                                    like I am personally using iTrack for giving the eLearning module, giving
                                    eLab, eAssignments as well as different type of purpose which is needed for
                                    the online learning activities."
                                 </p>
                                 <div>
                                    <a href="" class="med-read-more">Read More</a>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-md-3 padding-lr-zero" data-category="ui">
                           <div class=" card  med-item ">
                              <div class=" ">
                                 <img class="med-img" src="{{{pluginlink}}}/pix/media/The-Corporate-Preview-2.png">
                              </div>
                              <div class="card-body" style="padding: 7px;">
                                 <p class="med-title">Trans Neuron Technologies,
                                    Rewriting India’s Higher Education</p>
                                 <p class="med-content">
                                    India’s higher education system rank the third largest in the world, next two the
                                    United States and China....
                                 </p>
                                 <div>
                                    <a href="" class="med-read-more">Read More</a>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-md-3 padding-lr-zero" data-category="ui">
                           <div class=" card  med-item ">
                              <div class=" ">
                                 <img class="med-img" src="{{{pluginlink}}}/pix/media/Business-Standard-3.png">
                              </div>
                              <div class="card-body" style="padding: 7px;">
                                 <p class="med-title">Trans Neuron's revolutionizes higher education through....</p>
                                 <p class="med-content">
                                    Trans Neuron Technologies’ eKaushal also has a Learning Engine called iTrack, which
                                    Sharma likens to “every....
                                 </p>
                                 <div>
                                    <a href="" class="med-read-more">Read More</a>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-md-3 padding-lr-zero" data-category="ui">
                           <div class=" card  med-item ">
                              <div class=" ">
                                 <img class="med-img" src="{{{pluginlink}}}/pix/media/Deccan-Chronicl.jpg">
                              </div>
                              <div class="card-body" style="padding: 7px;">
                                 <p class="med-title">Philosophy graduates will be in great demand by 2030: Experts</p>
                                 <p class="med-content">
                                    Mr Shivaam Sharma, CEO & Founder, Trans Neuron Technologies, said that a student’s
                                    full
                                    potential....
                                 </p>
                                 <div>
                                    <a href="" class="med-read-more">Read More</a>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- <div class="carousel-item">

               </div>
               <div class="carousel-item">

               </div> -->
            </div>
            <!-- Left and right controls -->
            <div class="third-carousal-icons" style="margin-top: 30px;margin-bottom: 70px;">
               <a class="" href="#carouselExampleCaptions" role="button" data-slide="prev">
                  <span><i class="fa fa-chevron-left carousal-icons" aria-hidden="true"></i></span>
               </a>
               <a href="" class="med-see-more">See More</a>
               <a href="#carouselExampleCaptions" role="button" data-slide="next">
                  <span><i class="fa fa-chevron-right carousal-icons ml-2" aria-hidden="true"></i></span>
               </a>
            </div>
         </div>
      </div>
   </div>

   <div class="media-container mobile-view" style="background-color: #f2f3f8;">
      <div class="col-md-12" style="margin-top: -55px; text-align: center;">
         <h2 class="corporate-header">Media Presence</h2>
      </div>
      <div class="mob-overflow-scroll">
         <div class=" row justify-content-center" style="margin-top: 100px;">
            <div class="col-md-10 m-auto ">
               <div class="row">
                  <div class="col-md-3 padding-lr-zero" data-category="ui">
                     <div class=" card  med-item ">
                        <div class=" ">
                           <img class="med-img" src="{{{pluginlink}}}/pix/media/Mint-1.png">
                        </div>
                        <div class="card-body" style="padding: 7px;">
                           <p class="med-title">How IBM India is becoming
                              digital</p>
                           <p class="med-content">
                              "I am using iTrack for online classes. iTrack is a world-class comprehensive
                              elearning platform. With the help of iTrack we can perform multiple operation
                              like I am personally using iTrack for giving the eLearning module, giving
                              eLab, eAssignments as well as different type of purpose which is needed for
                              the online learning activities."
                           </p>
                           <div>
                              <a href="" class="med-read-more">Read More</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-md-3 padding-lr-zero" data-category="ui">
                     <div class=" card  med-item ">
                        <div class=" ">
                           <img class="med-img" src="{{{pluginlink}}}/pix/media/The-Corporate-Preview-2.png">
                        </div>
                        <div class="card-body" style="padding: 7px;">
                           <p class="med-title">Trans Neuron Technologies,
                              Rewriting India’s Higher Education</p>
                           <p class="med-content">
                              India’s higher education system rank the third largest in the world, next two the
                              United States and China....
                           </p>
                           <div>
                              <a href="" class="med-read-more">Read More</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-md-3 padding-lr-zero" data-category="ui">
                     <div class=" card  med-item ">
                        <div class=" ">
                           <img class="med-img" src="{{{pluginlink}}}/pix/media/Business-Standard-3.png">
                        </div>
                        <div class="card-body" style="padding: 7px;">
                           <p class="med-title">Trans Neuron's revolutionizes higher education through....</p>
                           <p class="med-content">
                              Trans Neuron Technologies’ eKaushal also has a Learning Engine called iTrack, which
                              Sharma likens to “every....
                           </p>
                           <div>
                              <a href="" class="med-read-more">Read More</a>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="col-md-3 padding-lr-zero" data-category="ui">
                     <div class=" card  med-item ">
                        <div class=" ">
                           <img class="med-img" src="{{{pluginlink}}}/pix/media/Deccan-Chronicl.jpg">
                        </div>
                        <div class="card-body" style="padding: 7px;">
                           <p class="med-title">Philosophy graduates will be in great demand by 2030: Experts</p>
                           <p class="med-content">
                              Mr Shivaam Sharma, CEO & Founder, Trans Neuron Technologies, said that a student’s
                              full
                              potential....
                           </p>
                           <div>
                              <a href="" class="med-read-more">Read More</a>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

<div class="desktop-view" style="background-color: #fff;">
   <div class="col-md-10 contact-container">
      <div class="">
         <div class="row contact-sub-container" style="margin-top: 55px;margin-bottom: 65px;">
            <div class="col-md-7">
               <h2 class="contact-header">Find more about iTrack</h2>
               <div class="floating-form">
                  <div class="floating-label">
                     <input class="floating-input" id="name" type="text" placeholder=" ">
                     <span class="highlight"></span>
                     <label>Full Name</label>
                  </div>
                  <div class="floating-label">
                     <input class="floating-input" id="contactform-email" type="text" placeholder=" ">
                     <span class="highlight"></span>
                     <label>Email ID</label>
                  </div>
                  <div class="floating-label">
                     <input class="floating-input" id="contactform-phone_1" type="number" placeholder=" ">
                     <span class="highlight"></span>
                     <label>Phone Number</label>
                  </div>

                  <div class="floating-label">
                     <textarea class="floating-input floating-textarea" id="contactform-message"
                        placeholder=" "></textarea>
                     <span class="highlight"></span>
                     <label>Query</label>
                  </div>
                  <div class="d-flex justify-content-around" style="margin-top: 45px; margin-bottom: 22px;">
                     <a href="">
                        <button class="contact-us-btn" id="form-contact_id">Submit</button>
                     </a>
                     <!-- <a href="">
                           <div class="more-info-btn"> For More Info <i class="fa fa-arrow-right" aria-hidden="true"
                                 style="margin-left: 3px;"></i></div>
                        </a> -->
                  </div>

               </div>
            </div>
            <div class="col-md-5 pr-0">
               <img class="" style="width: 100%;border-top-right-radius: 15px;"
                  src="{{{pluginlink}}}/pix/corporate-training/Contact-Us_Image.png">
            </div>
         </div>
      </div>
   </div>
</div>

<div class="mobile-view" style="background-color: #fff; padding:10px;">
   <div class="col-md-10 contact-container">
      <div class="">
         <div class="row contact-sub-container" style="margin-top: 68px;margin-bottom: 65px;">
            <div class="col-md-5 pr-0 pl-0   ">
               <img class="" style="width: 100%;border-top-right-radius: 15px; border-top-left-radius: 15px;"
                  src="{{{pluginlink}}}/pix/corporate-training/Contact-Us_Image.png">
            </div>
            <div class="col-md-7">
               <h2 class="contact-header">Find more about iTrack</h2>
               <div class="floating-form">
                  <div class="floating-label">
                     <input class="floating-input" id="name" type="text" placeholder=" ">
                     <span class="highlight"></span>
                     <label>Full Name</label>
                  </div>
                  <div class="floating-label">
                     <input class="floating-input" id="contactform-email" type="text" placeholder=" ">
                     <span class="highlight"></span>
                     <label>Email ID</label>
                  </div>
                  <div class="floating-label">
                     <input class="floating-input" id="contactform-phone_1" type="number" placeholder=" ">
                     <span class="highlight"></span>
                     <label>Phone Number</label>
                  </div>

                  <div class="floating-label">
                     <textarea class="floating-input floating-textarea" id="contactform-message"
                        placeholder=" "></textarea>
                     <span class="highlight"></span>
                     <label>Query</label>
                  </div>
                  <div class="d-flex justify-content-around" style="margin-top: 45px; margin-bottom: 22px;">
                     <a href="">
                        <button class="contact-us-btn" id="form-contact_id">Submit</button>
                     </a>
                     <!-- <a href="">
                        <div class="more-info-btn"> For More Info <i class="fa fa-arrow-right" aria-hidden="true"
                              style="margin-left: 3px;"></i></div>
                     </a> -->
                  </div>

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


<div id="myModal123" class="modal fade" role="dialog">
   <div class="modal-dialog">
      <!-- Modal content-->
      <div class="modal-content signinform-mobile" style="padding-bottom: 0px !important;border-radius:10px!important">
         <div class="modal-header no-border ml-5">
            <p class="modal-title text-change" id="exampleModalLabel"> <span class="font-bold text-center">
                  Sign In
               </span> to your Account!
               <br><span class="mb-10"></span> <span class="light-text-purple font-size-14 mt-4"
                  style="margin-left: 32px;">
                  Enter your details to continue
               </span>
            </p>
            <button type="button" class="close closemodal" data-dismiss="modal" aria-label="Close"> <span
                  aria-hidden="true">&times;</span> </button>
         </div>
         <div class="modal-body" style="padding-bottom: 0px !important;">
            <form action="{{site_url}}/login/index.php" method="post" id="login">
               <input id="anchor" type="hidden" name="anchor" value="">
               <script>
                  document.getElementById('anchor').value = location.hash;
               </script>
               <div class=" mt-2">
                  <div>
                     <input class="balloon" id="username" type="text" required placeholder="Email Address"
                        name="username" />
                     <label for="Email Address"> Email Address </label>
                  </div>
               </div>
               <div class=" mt-3">
                  <div class="show_pwd">
                     <input class="balloon pswd" id="password" name="password" required type="password"
                        placeholder="Enter Password" />
                     <label for="Enter Password"> Enter Password </label>
                  </div>
               </div>
               <div class="form-group">
                  <div class="checkbox-custom checkbox-inline checkbox-primary float-left rememberpass">
                     <input type="checkbox" id="rememberusername" name="rememberusername" value="1"
                        {{#rememberUser}}checked="checked" {{/rememberUser}}>
                     <label for="rememberusername">Remember Me</label>
                  </div>
               </div>
               <div class="col-md-12 mt-2 pl-0 pr-0">
                  <button id="signin" class="btn col-md-12 font-weight-bold sign_in_button"> Sign In </button>
               </div>
               <div class="form-row" style="margin-top: 13px;">
                  <div class="form-group col-md-6 mt-4 p-2">
                     <a href="{{site_url}}/password"> <span class="light-text-purple font-size-12">
                           Forgot Password?
                        </span> </a>
                     <br> <span class="text-dark font-size-12">
                        Don't have an account?
                     </span>
                  </div>
                  <input type="hidden" class="pidpopup" />
                  <div class="form-group col-md-6  mt-5 p-2"> <a id="loginbtn"
                        class="another-register font-size-12 font-bold float-right" style="text-decoration:none"
                        href="#" onClick="redirectToRegistration('{{{site_url}}}');">Register</a> </div>
               </div>
            </form>
         </div>
      </div>
   </div>
</div>
<div class="mobile-view-student"></div>
<div id="myModal" class="modal fade marketplace-webinarmodal" role="dialog">
   <div class="modal-dialog">
      <!-- Modal content-->
      <div class="modal-content signinform-mobile" style="padding-bottom: 0px !important;border-radius:10px!important">
         <div class="modal-header  ml-5 no-border">
            <p class="modal-title text-change w-100 text-center" id="exampleModalLabel"> <span
                  class="font-bold text-center">
                  Sign In
               </span> to your Account!
               <br><span class="mb-10"></span> <span class="light-text-purple font-size-14 mt-4">
                  Enter your details to continue
               </span>
            </p>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span
                  aria-hidden="true">&times;</span> </button>
         </div>
         <div class="modal-body" style="padding-bottom: 0px !important;">
            <form action="{{site_url}}/login/index.php" method="post" id="login">
               <input id="anchor" type="hidden" name="anchor" value="">
               <script>
                  document.getElementById('anchor').value = location.hash;
               </script>
               <div class=" mt-2">
                  <div>
                     <input class="balloon" id="username" type="text" required placeholder="Email Address"
                        name="username" />
                     <label for="Email Address"> Email Address </label>
                  </div>
               </div>
               <div class=" mt-3">
                  <div class="pass_show">
                     <input class="balloon w-100" id="password" name="password" required type="password"
                        placeholder="Enter Password" style="border: solid 0.5px #b0b0b3 !important;">
                     <label for="Enter Password"> Enter Password </label>
                  </div>
               </div>
               <div class="form-group">
                  <div class="checkbox-custom checkbox-inline checkbox-primary float-left rememberpass">
                     <input type="checkbox" id="rememberusername" name="rememberusername" value="1"
                        {{#rememberUser}}checked="checked" {{/rememberUser}}>
                     <label for="rememberusername">Remember Me</label>
                  </div>
               </div>
               <div class="col-md-12 mt-2 pl-0 pr-0">
                  <button id="signin" class="btn col-md-12 font-weight-bold sign_in_button sign_in_button-mp"> Sign
                     In </button>
               </div>
               <div class="form-row" style="margin-top: 13px;margin-bottom: 18px;">
                  <div class="form-group col-md-6 mt-4 p-2">
                     <a href="{{site_url}}/password"> <span class="light-text-purple font-size-12">
                           Forgot Password?
                        </span> </a>
                     <br> <span class="text-dark font-size-12">
                        Don't have an account?
                     </span>
                  </div>
                  <div class="form-group col-md-6  mt-5 p-2"> <a id="loginbtn"
                        class="another-register font-size-12 font-bold float-right"
                        style="    color: #00b85b;cursor: pointer;"
                        onClick="redirectToRegistration('{{{site_url}}}');">Register</a> </div>
               </div>
            </form>
         </div>
      </div>
   </div>
</div>


<style>
   /* .pass_show{position: relative}  */

   .show_pwd .pwd_txt {
      position: absolute;
      top: 30%;
      right: 35px;
      z-index: 1;
      color: #00b85b;
      cursor: pointer;
      transition: .3s ease all;
   }

   .show_pwd .pwd_txt:hover {
      color: #333333;
   }

   #more {
      display: none;
   }
</style>
<script>
   $(document).ready(function () {
      $(".hostdesc").text(function (index, currentText) {
         if (currentText) {
            return currentText.substr(0, 140) + '...';
         }
      });
   });
   $('.owl-carousel').owlCarousel({
      loop: false,
      margin: 20,
      nav: true,
      responsive: {
         0: {
            items: 1
         },
         600: {
            items: 4
         },
         1000: {
            items: 4
         }
      }
   })
   $(document).ready(function () {
      $('.show_pwd').append('<span class="pwd_txt"><i class="fa fa-eye-slash fa-sm" aria-hidden="true"></i></span>');
   });
   $(document).on('click', '.show_pwd .pwd_txt', function () {
      var pass = $(".pswd");
      var fieldtype = pass.attr('type');
      if (fieldtype == 'password') {
         pass.attr('type', 'text');
         $(this).text(" "); // hide
         $(this).append('<i class="fa fa-eye fa-sm" aria-hidden="true"></i>');
      } else {
         pass.attr('type', 'password');
         $(this).text(" ");
         $(this).append('<i class="fa fa-eye-slash fa-sm" aria-hidden="true"></i>');
      }
   });
</script>
<script>
   function imageOne() {
      document.getElementById('splImage')
         .src = "{{{pluginlink}}}/pix/corporate-training/why-different/Why-iTrack.png";

   }

   function imageTwo() {
      document.getElementById('splImage')
         .src = "{{{pluginlink}}}/pix/corporate-training/why-different/Second.png";

   }
   function imageThree() {
      document.getElementById('splImage')
         .src = "{{{pluginlink}}}/pix/corporate-training/why-different/Third.png";

   }



</script>
<script>
   function readMore() {
      var dots = document.getElementById("dots");
      var moreText = document.getElementById("more");
      var btnText = document.getElementById("readBtn");

      if (dots.style.display === "none") {
         dots.style.display = "inline";
         btnText.innerHTML = "VIEW ALL";
         moreText.style.display = "none";
      } else {
         dots.style.display = "none";
         btnText.innerHTML = "VIEW LESS";
         moreText.style.display = "inline";
      }
   }

   function viewMore() {
      var drag = document.getElementById("drag");
      var extraText = document.getElementById("extra");
      var textBtn = document.getElementById("viewBtn");

      if (drag.style.display === "none") {
         drag.style.display = "inline";
         textBtn.innerHTML = "VIEW ALL";
         extraText.style.display = "none";
      } else {
         drag.style.display = "none";
         textBtn.innerHTML = "VIEW LESS";
         extraText.style.display = "inline";
      }
   }
</script>