<div class="container-fluid p-0 " style="margin-top: 85px; background: #ededed;">
    <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/college-training/1.jpg" class="d-block"
                            alt="..."> </div>
                    <div class="carousal-content white ml-5">
                        <h2 class="" style="margin-bottom: 10px;">Training Programs for </h2>
                        <h2 class=" m-btm-banner-content"
                            style="margin-bottom: 20px !important;text-transform: uppercase;">
                            University & College students
                        </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-40"> <span class="trail-btn "
                                style="font-family: 'Open Sans', sans-serif; font-weight:600;top:0; border-radius: 4px !important;"><a
                                    data-toggle="modal" data-target="#IndustryModal">Contact Us</a></span> </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="col-md-10 training" style="margin: 25px auto;padding: 0px;">
            <div class="text-center">
                <h3 class="ct-header">Training Offered</h3>
            </div>
            <div class="row d-flex justify-content-between">
                <div class="col-md-3 white-block">
                    <div class="card">
                        <div class="card-header ">
                            <p style="font-weight: 700;margin-bottom: 0px;">Self-Paced Learning (SPL)</p>
                        </div>
                        <div class="card-body">
                            <div style="height: 210px;">
                                <p>
                                    iTrack 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>
                            <div style="float: right;">
                                <a href=""><span style="color: #00b85b; font-weight: 700;">Explore
                                        Marketplace</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 white-block">
                    <div class="card">
                        <div class="card-header ">
                            <p style="font-weight: 700;margin-bottom: 0px;">Integrated </p>
                        </div>
                        <div class="card-body">
                            <div style="height: 210px;">
                                <p>
                                    iTrack offers 100 hours, 200 hours & 400 hours courses along with project and job
                                    assistance. These courses are in association with some the Global tech companies
                                    like IBM, Microfocus, Hitachi etc. and can be integrated with existing University
                                    curriculum.
                                </p>
                            </div>
                            <div style="float: right;">
                                <a href=""><span style="color: #00b85b; font-weight: 700;">Know More</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 white-block">
                    <div class="card">
                        <div class="card-header ">
                            <p style="font-weight: 700;margin-bottom: 0px;">Customised Trainings & Certification</p>
                        </div>
                        <div class="card-body">
                            <div style="height: 210px;">
                                <p>
                                    There are various Trainings which iTrack specifically customizes for the students of
                                    its
                                    partner Universities/ Colleges which are in Tech and Non Tech domains.
                                </p>
                                <p>
                                    iTrack also offers Multiple Certification courses with its partners like IBM,
                                    Microfocus, Hitachi, PACKT (UK), BAC Global (Singapore) etc.
                                </p>
                            </div>
                            <div style="float: right;">
                                <a href=""><span style="color: #00b85b; font-weight: 700;">Know More</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 white-block">
                    <div class="card">
                        <div class="card-header ">
                            <p style="font-weight: 700;margin-bottom: 0px;">ESDP™</p>
                        </div>
                        <div class="card-body">
                            <div style="height: 210px;">
                                <p>
                                    iTrack’s flagship program ESDP™ (Employability Skill Development Program) is a 100%
                                    job guarantee program and is offered to students only after passing the Assessment.
                                </p>
                                <p>
                                    ESDP is designed keeping the overall development of the student in mind for the
                                    future job or his/ her own startup.
                                </p>
                            </div>
                            <div style="float: right;">
                                <a href="{{site_url}}/esdp"><span
                                        style="color: #00b85b; font-weight: 700;">Know More</span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container intergrated-programs">
        <div class="col-md-6" style="margin: 0 auto;">
            <h3 class="ct-header"> Integrated Programs</h3>
        </div>
        <div class="col-md-10 custom-box-shadow integrated-container" style="margin: 0px auto;">
            <div class="col-md-7" style="margin:-45px auto;">
                <div class="row">
                    <div class="col-md-3 ">
                        <div class="integrated-logo-imgs">
                            <img src="{{{pluginlink}}}/pix/college-training/IBM.png" class="icons" alt="..."
                                style="margin-bottom: 10px;">
                        </div>
                    </div>
                    <div class="col-md-3 ">
                        <div class="integrated-logo-imgs">
                            <img src="{{{pluginlink}}}/pix/college-training/Hitachi.png" class="icons" alt="..."
                                style="margin-bottom: 10px;">
                        </div>
                    </div>
                    <div class="col-md-3 ">
                        <div class="integrated-logo-imgs">
                            <img src="{{{pluginlink}}}/pix/college-training/Micro-Focus.png" class="icons" alt="..."
                                style="margin-bottom: 10px;">
                        </div>
                    </div>
                    <!-- <div class="col-md-3 ">
                        <div class="integrated-logo-imgs">
                            <img src="{{{pluginlink}}}/pix/college-training/xebia.png" class="icons" alt="..."
                                style="margin-bottom: 10px;">
                        </div>
                    </div> -->
                </div>
            </div>
            <div class="row" style="padding: 60px; margin-top: 35px;">
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/1.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>Business Analytics</b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/2.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>Cloud Computing </b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/3.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>Cyber Security </b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/4.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>Open Source </b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/5.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>IT Infrastructure </b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/6.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>IoT & Smart Cities </b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/1.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>Business Analytics </b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/2.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>Cloud Computing </b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/3.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>Cyber Security </b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/4.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>Open Source </b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/5.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b> IT Infrastructure </b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/6.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>IoT & Smart Cities </b></p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8">
                    <p class="certificate-btn">Course Content & Certificate</p>
                    <div class="d-flex justify-content-between">
                        <div style=" border-right: 1.2px solid #b6b6b6;padding-right: 35px;">
                            <p style="font-size: 13px;color: #848383;margin-bottom: 5px;">Duration | Period</p>
                            <p style="font-size: 13px;color: #000; font-weight: 600;">100 hours | 1 year</p>
                        </div>
                        <div style=" border-right: 1.2px solid #b6b6b6;padding-right: 35px;">
                            <p style="font-size: 13px;color: #848383;margin-bottom: 5px;">Offering</p>
                            <p style="font-size: 13px;color: #000; font-weight: 600;">2 Subjects, Labs on Cloud &
                                Project</p>
                        </div>
                        <div style=" padding-right: 35px;">
                            <p style="font-size: 13px;color: #848383;margin-bottom: 5px;">Eligibility</p>
                            <p style="font-size: 13px;color: #000; font-weight: 600;">BE/ BTech, MTech MCA, BCA, BSc
                                (CS/ IT)</p>
                        </div>

                    </div>
                </div>
                <div class="col-md-4 custom-li" style=" border-left: 1.2px solid #b6b6b6;padding-left: 35px;">
                    <ul style="font-size: 14px;">
                        <li>Curriculum Workshop</li>
                        <li>Marketing Workshop</li>
                        <li>Promotional Material / Logo Uses</li>
                        <li>Program launch Day</li>
                        <li>Student Kit</li>
                    </ul>
                    <div style="float: right;">
                        <a href=""><span style="color: #00b85b; font-weight: 700;">Learn More</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container " style="margin-top: 90px !important; margin-bottom: 50px !important;">
        <div class="col-md-6" style="margin: 0 auto;">
            <h3 class="ct-header">Certification Programs</h3>
        </div>
        <div class="col-md-10 custom-box-shadow integrated-container" style="margin: 0px auto;">
            <div class="col-md-7" style="margin:-45px auto;">
                <div class="row">
                    <div class="col-md-3 ">
                        <div class="integrated-logo-imgs">
                            <img src="{{{pluginlink}}}/pix/college-training/IBM.png" class="icons" alt="..."
                                style="margin-bottom: 10px;">
                        </div>
                    </div>
                    <div class="col-md-3 ">
                        <div class="integrated-logo-imgs">
                            <img src="{{{pluginlink}}}/pix/college-training/Hitachi.png" class="icons" alt="..."
                                style="margin-bottom: 10px;">
                        </div>
                    </div>
                    <div class="col-md-3 ">
                        <div class="integrated-logo-imgs">
                            <img src="{{{pluginlink}}}/pix/college-training/Micro-Focus.png" class="icons" alt="..."
                                style="margin-bottom: 10px;">
                        </div>
                    </div>
                    <div class="col-md-3 ">
                        <div class="integrated-logo-imgs">
                            <img src="{{{pluginlink}}}/pix/college-training/xebia.png" class="icons" alt="..."
                                style="margin-bottom: 10px;">
                        </div>
                    </div>
                </div>
            </div>
            <div class="row" style="padding: 10px 60px; margin-top: 80px;">
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/1.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>Business Analytics</b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/2.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>Cloud Computing </b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/3.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>Cyber Security </b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/4.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>Open Source </b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/5.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>IT Infrastructure </b></p>
                    </div>
                </div>
                <div class="col-md-2" style="margin-bottom: 30px;">
                    <div class="white-block">
                        <img src="{{{pluginlink}}}/pix/college-training/Icons/6.png" class="icons" alt="..."
                            style="margin-bottom: 10px;">
                        <p class="integrated-text-block"><b>IoT & Smart Cities </b></p>
                    </div>
                </div>
            </div>
            <div id="extra">
                <div class="row" style="padding: 10px 60px; ">
                    <div class="col-md-2" style="margin-bottom: 30px;">
                        <div class="white-block">
                            <img src="{{{pluginlink}}}/pix/college-training/Icons/1.png" class="icons" alt="..."
                                style="margin-bottom: 10px;">
                            <p class="integrated-text-block"><b>Business Analytics </b></p>
                        </div>
                    </div>
                    <div class="col-md-2" style="margin-bottom: 30px;">
                        <div class="white-block">
                            <img src="{{{pluginlink}}}/pix/college-training/Icons/2.png" class="icons" alt="..."
                                style="margin-bottom: 10px;">
                            <p class="integrated-text-block"><b>Cloud Computing </b></p>
                        </div>
                    </div>
                    <div class="col-md-2" style="margin-bottom: 30px;">
                        <div class="white-block">
                            <img src="{{{pluginlink}}}/pix/college-training/Icons/3.png" class="icons" alt="..."
                                style="margin-bottom: 10px;">
                            <p class="integrated-text-block"><b>Cyber Security </b></p>
                        </div>
                    </div>
                    <div class="col-md-2" style="margin-bottom: 30px;">
                        <div class="white-block">
                            <img src="{{{pluginlink}}}/pix/college-training/Icons/4.png" class="icons" alt="..."
                                style="margin-bottom: 10px;">
                            <p class="integrated-text-block"><b>Open Source </b></p>
                        </div>
                    </div>
                    <div class="col-md-2" style="margin-bottom: 30px;">
                        <div class="white-block">
                            <img src="{{{pluginlink}}}/pix/college-training/Icons/5.png" class="icons" alt="..."
                                style="margin-bottom: 10px;">
                            <p class="integrated-text-block"><b> IT Infrastructure </b></p>
                        </div>
                    </div>
                    <div class="col-md-2" style="margin-bottom: 30px;">
                        <div class="white-block">
                            <img src="{{{pluginlink}}}/pix/college-training/Icons/6.png" class="icons" alt="..."
                                style="margin-bottom: 10px;">
                            <p class="integrated-text-block"><b>IoT & Smart Cities </b></p>
                        </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 class="row">
                <div class="col-md-8">
                    <p class="certificate-btn">Course Content & Certificate</p>
                    <div class="d-flex justify-content-between">
                        <div style=" border-right: 1.2px solid #b6b6b6;padding-right: 35px;">
                            <p style="font-size: 13px;color: #848383;margin-bottom: 5px;">Duration | Period</p>
                            <p style="font-size: 13px;color: #000; font-weight: 600; display: flex;"><span
                                    style="width: 137px;">100+ hours</span> <span style="padding-right: 20px;">|</span>
                                <span> 1 month (Fast Track)
                                    3 months (Slow Track)</span> </p>
                        </div>
                        <div style=" border-right: 1.2px solid #b6b6b6;padding-right: 35px;padding-left: 25px;">
                            <p style="font-size: 13px;color: #848383;margin-bottom: 5px;">Offering</p>
                            <p style="font-size: 13px;color: #000; font-weight: 600;">2 Subjects, Labs on Cloud &
                                Project, Jobs assistance</p>
                        </div>
                        <div style=" padding-right: 35px;padding-left: 25px;">
                            <p style="font-size: 13px;color: #848383;margin-bottom: 5px;">Eligibility</p>
                            <p style="font-size: 13px;color: #000; font-weight: 600;">BE/ BTech, MTech MCA, BCA, BSc
                                (CS/ IT), BBA, BBM, MBA, BCom</p>
                        </div>

                    </div>
                </div>
                <div class="col-md-4 custom-li" style=" border-left: 1.2px solid #b6b6b6;padding-left: 35px;">
                    <ul style="font-size: 14px;">
                        <li>Marketing Workshop</li>
                        <li>Promotional Material / Logo Uses</li>
                        <li>Student Kit</li>
                        <li>Program launch Day</li>
                        <li>-Industry Webinar</li>
                    </ul>
                    <div style="float: right;">
                        <a href=""><span style="color: #00b85b; font-weight: 700;">Learn More</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

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

    {{>theme_remui/media_presence}}

    <div class="desktop-view find-container" style="background-color: #fff;">
        <div class="col-md-10 contact-container">
            <div class="">
                <div class="row contact-sub-container" style="margin-top: 90px;margin-bottom: 65px;background: #fff;">
                    <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" type="text" placeholder=" ">
                                <span class="highlight"></span>
                                <label>Full Name</label>
                            </div>
                            <div class="floating-label">
                                <input class="floating-input" type="text" placeholder=" ">
                                <span class="highlight"></span>
                                <label>Email ID</label>
                            </div>
                            <div class="floating-label">
                                <input class="floating-input" type="number" placeholder=" ">
                                <span class="highlight"></span>
                                <label>Phone Number</label>
                            </div>

                            <div class="floating-label">
                                <textarea class="floating-input floating-textarea" placeholder=" "></textarea>
                                <span class="highlight"></span>
                                <label>Query</label>
                            </div>
                            <div class="d-flex justify-content-center" style="margin-top: 45px; margin-bottom: 22px;">
                                <a href="">
                                    <div class="contact-us-btn">Submit</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>

<script>
    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 more";
            extraText.style.display = "none";
        } else {
            drag.style.display = "none";
            textBtn.innerHTML = "View Less";
            extraText.style.display = "inline";
        }
    }
</script>