????????????????????
??????????????????
ÿØÿà
 JFIF      ÿÛ C      


!"$"$ÿÛ C    
ÿÂ p 
" ÿÄ     
         ÿÄ             ÿÚ 
   ÕÔË®

(%	aA*‚XYD¡(J„¡E¢RE,P€XYae )(E¤²€B¤R¥	BQ¤¢ X«)X…€¤   @  

adadasdasdasasdasdas


.....................................................................................................................................????????????????????
??????????????????
ÿØÿà
 JFIF      ÿÛ C      


!"$"$ÿÛ C    
ÿÂ p 
" ÿÄ     
         ÿÄ             ÿÚ 
   ÕÔË®

(%	aA*‚XYD¡(J„¡E¢RE,P€XYae )(E¤²€B¤R¥	BQ¤¢ X«)X…€¤   @  

adadasdasdasasdasdas


.....................................................................................................................................<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Blog Page </title>
    <meta name="description"
        content="Enroll in the Industrial Safety Course at Xcel Technical Institute and learn essential workplace safety practices, hazard management, and professional safety skills for industrial environments.">
    <meta name="keywords"
        content="industrial safety course, safety officer training Jamshedpur, industrial safety training Jharkhand, workplace safety course, occupational safety training, Xcel JSR safety course">
    <link rel="canonical" href="https://xceljsr.com/industrial-safety-courses.php">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.webp">
    <style>
        .blog-card {
            background: white;
            border-radius: 20px;
            padding: 8px;
            margin: 15px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
        }

        .blog-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 0 30px rgba(0, 255, 255, 0.25);
            border-color: rgba(0, 255, 255, 0.4);
        }

        .blog-card img {
            width: 100%;
            height: auto;
            object-fit: cover;
            border-radius: 15px;
            margin-bottom: 18px;
            box-shadow: 0 8px 20px rgb(0 0 0 / 30%);
        }

        .blog-content {
            text-align: center;
        }

        .blog-content h3 {
            text-align: center;
            color: #000;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 15px;
        }

        .blog-description {
            text-align: left;
            color: #000;
            font-size: 14px;
            line-height: 1.7;
            margin-bottom: 10px;

            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .blog-description::after {
            content: ".....";
            display: block;
            text-align: right;
            font-weight: bold;
        }

        .blog-description ul,
        .blog-description ol {
            display: inline-block;
            text-align: left;
            margin: 0 auto 15px auto;
            padding-left: 20px;
        }

        .read-btn {
            display: inline-block;
            padding: 8px 18px;
            border-radius: 30px;
            background: gold;
            color: #000;
            font-size: 13px;
            text-decoration: none;
            transition: 0.3s;
        }

        .read-btn:hover {
            background: blue;
            color: white;
        }

        @media (min-width:1200px) {
            .col-xl-4 {
                width: 33.33% !important;
            }
        }
    </style>
</head>

<body>
    <?php include 'header.php'; ?>
    <main>
        <?php include('cms/connection.php'); ?>
        <?php
$limit = 5;

$page = isset($_GET['page']) ? (int)$_GET['page'] : 1;
if($page < 1) $page = 1;

$offset = ($page - 1) * $limit;

// total count
$total_query = mysqli_query($conn, "SELECT COUNT(*) as total FROM blog");
$total_row = mysqli_fetch_assoc($total_query);
$total_blogs = $total_row['total'];

$total_pages = ceil($total_blogs / $limit);
?>

        <!-- details-area-start -->
        <div class="blog it-course-details-area it-course-details-v1-style pt-30 pb-10">
            <div class="container">
                <div class="row gx-35">
                    <div class="col-lg-8">
                        <div class="sec-heading center">
                            <h1>Our <span class="theme-cl">Blogs</span></h1>
                        </div>
                        <div class="row">
                            <?php
        $query = "SELECT * FROM blog ORDER BY id DESC LIMIT $limit OFFSET $offset";
        $result = mysqli_query($conn, $query);

        if(mysqli_num_rows($result) > 0) {
            while($row = mysqli_fetch_assoc($result)) {
        ?>

                            <div class="col-md-12 mb-12">
                                <div class="blog-card">

                                    <img src="cms/admin/upload/<?php echo htmlspecialchars($row['image']); ?>" />
                                    <div class="blog-content">
                                        <h3>
                                            <?php echo htmlspecialchars($row['heading']); ?>
                                        </h3>

                                        <div class="blog-description">
                                            <?php echo $row['description']; ?>
                                        </div>
                                        <a href="<?php echo strtolower(trim(preg_replace('/[^A-Za-z0-9]+/', '-', $row['heading']), '-')); ?>"
                                            class="read-btn">
                                            Read More →
                                        </a>

                                    </div>

                                </div>
                            </div>

                            <?php } } ?>
                        </div>
                        <div class="pagination" style="justify-content: center; margin:20px 0; width:100%;">

                            <?php if($page > 1): ?>
                            <a href="?page=<?php echo $page-1; ?>" class="btn btn-sm btn-primary">← Prev</a>
                            <?php endif; ?>

                            <?php for($i = 1; $i <= $total_pages; $i++): ?>
                            <a href="?page=<?php echo $i; ?>"
                                class="btn btn-sm <?php echo ($i == $page) ? 'btn-primary' : 'btn-light'; ?>">
                                <?php echo $i; ?>
                            </a>
                            <?php endfor; ?>

                            <?php if($page < $total_pages): ?>
                            <a href="?page=<?php echo $page+1; ?>" class="btn btn-sm btn-primary">Next →</a>
                            <?php endif; ?>

                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="course-feature-sidebar">

                            <div class="course-feature-header">
                                <h4>Enquiry Now</h4>
                            </div>
                            <form class="contact-form" action="save-enquiry.php" method="post">

                                <input type="text" name="name" placeholder="Your Name" autocomplete="name" required>
                                <input type="email" name="email" placeholder="Your Email" autocomplete="email" required>
                                <input type="tel" name="phone" placeholder="Your Phone" autocomplete="tel" required>
                                <input type="course" name="course" placeholder="Course of Interest" autocomplete="course" required>
                                <textarea name="message" placeholder="Your Message" rows="4" required></textarea>
                            </form>

                            <a href="admission.php" class="enroll-btn">Enroll Now</a>

                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- details-area-end -->

        <section class="affiliation-section">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-12">
                        <div class="affiliation-card">

                            <h2 class="affiliation-title">
                                Affiliation & Approval
                            </h2>

                            <p class="affiliation-desc">
                                Xcel Technical Institute is a reputed institution
                                committed to delivering quality education with pratical knowledge and skill development.
                                We are proud to be affiliated with the following esteemed organizations:
                            </p>

                            <div class="affiliation-info">
                                <div class="info-box">
                                    <div class="info-box-logo">
                                        <img src="assets/img/iso.webp" alt="ISO Logo">
                                    </div>


                                </div>
                                <div class="info-box">
                                    <div class="info-box-logo">
                                        <img src="assets/img/jharkhand.webp" alt="MMHAPU Logo">
                                    </div>


                                </div>
                                <div class="info-box">
                                    <div class="info-box-logo">
                                        <img src="assets/img/msme-logo.webp" alt="MMHAPU Logo">
                                    </div>


                                </div>
                            </div>

                            <div class="affiliation-footer">
                                <p>
                                    The institute follows all academic guidelines prescribed by ISO, BSS and MSME,
                                    providing students with recognized degrees and career-oriented education.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
      <!-- event-area-start -->
      <section class="it-event-area it-event-inner-style gray-bg z-index-1 pt-30 pb-30">
         <div class="container">
            <div class="row gx-35">
               <div class="it-categories-section-title-box text-center mb-30">
                  <span class="it-section-subtitle yellow-style">Our Placements</span>
                  <h4 class="it-section-title">Our Placed
                     <span class="z-index-1">
                        Students
                        <span class="it-title-shape">
                        </span>
                     </span>
                     <hr class="underline">
                  </h4>
                  <p class="newp">Leading industries and reputed organizations that recognize
                     and recruit skilled students trained at Xcel Technical Institute.</p>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 col-6 wow itfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
                  <div class="it-event-item mb-35">
                     <div class="it-event-thumb border-radius-20 mb-35 p-relative">
                        <img class="w-100 placement-img" src="assets/img/placement/new-placed/1.webp" alt="placements">
                     </div>
                     <div class="it-event-content">
                        <h5 class="it-event-title mb-20">
                           <a class="border-line" href="">ALI AKHTAR</a>
                        </h5>
                        <div class="it-event-meta">
                           <div><strong>Designation</strong> : JCB Operator</div>
                           <div><strong>Salary</strong> : 35000</div>
                        </div>

                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 col-6 wow itfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
                  <div class="it-event-item mb-35">
                     <div class="it-event-thumb border-radius-20 mb-35 p-relative">
                        <img class="w-100 placement-img" src="assets/img/placement/new-placed/2.webp" alt="placements">
                     </div>
                     <div class="it-event-content">
                        <h5 class="it-event-title mb-20">
                           <a class="border-line" href="">ARMAN ALAM</a>
                        </h5>
                        <div class="it-event-meta">
                           <div><strong>Designation</strong> : JCB Operator</div>
                           <div><strong>Salary</strong> : 30000</div>
                        </div>

                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 col-6 wow itfadeUp" data-wow-duration=".9s" data-wow-delay=".7s">
                  <div class="it-event-item mb-35">
                     <div class="it-event-thumb border-radius-20 mb-35 p-relative">
                        <img class="w-100 placement-img" src="assets/img/placement/new-placed/3.webp" alt="placements">
                     </div>
                     <div class="it-event-content">
                        <h5 class="it-event-title mb-20">
                           <a class="border-line" href="">DIN BANDHU</a>
                        </h5>
                        <div class="it-event-meta">
                           <div><strong>Designation</strong> : JCB Operator</div>
                           <div><strong>Salary</strong> : 28000</div>
                        </div>

                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 col-6 wow itfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
                  <div class="it-event-item mb-35">
                     <div class="it-event-thumb border-radius-20 mb-35 p-relative">
                        <img class="w-100 placement-img" src="assets/img/placement/new-placed/4.webp" alt="placements">
                     </div>
                     <div class="it-event-content">
                        <h5 class="it-event-title mb-20">
                           <a class="border-line" href="">GOVIND KUMAR</a>
                        </h5>
                        <div class="it-event-meta">
                           <div><strong>Designation</strong> : JCB Operator</div>
                           <div><strong>Salary</strong> : 32000</div>
                        </div>

                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 col-6 wow itfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
                  <div class="it-event-item mb-35">
                     <div class="it-event-thumb border-radius-20 mb-35 p-relative">
                        <img class="w-100 placement-img" src="assets/img/placement-new/Tuntun singh Welding.webp"
                           alt="placement">
                     </div>
                     <div class="it-event-content">
                        <h5 class="it-event-title mb-20">
                           <a class="border-line" href="">Tuntun Singh</a>
                        </h5>
                        <div class="it-event-meta">
                           <div><strong>Designation</strong> :Arc Welder</div>
                           <div><strong>Salary</strong> : 35000</div>
                        </div>

                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 col-6 wow itfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
                  <div class="it-event-item mb-35">
                     <div class="it-event-thumb border-radius-20 mb-35 p-relative">
                        <img class="w-100 placement-img" src="assets/img/photoofxcel/1001380194.webp" alt="placement">
                     </div>
                     <div class="it-event-content">
                        <h5 class="it-event-title mb-20">
                           <a class="border-line" href="">ARMAN ALAM</a>
                        </h5>
                        <div class="it-event-meta">
                           <div><strong>Designation</strong> :Argon Welder</div>
                           <div><strong>Salary</strong> : 30000</div>
                        </div>

                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 col-6 wow itfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
                  <div class="it-event-item mb-35">
                     <div class="it-event-thumb border-radius-20 mb-35 p-relative">
                        <img class="w-100 placement-img" src="assets/img/man-avtar.webp" alt="civil-qa-qc">
                     </div>
                     <div class="it-event-content">
                        <h5 class="it-event-title mb-20">
                           <a class="border-line" href="">ALI AKHTAR</a>
                        </h5>
                        <div class="it-event-meta">
                           <div><strong>Designation</strong> : Civil Controller</div>
                           <div><strong>Salary</strong> : 35000</div>
                        </div>

                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 col-6 wow itfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
                  <div class="it-event-item mb-35">
                     <div class="it-event-thumb border-radius-20 mb-35 p-relative">
                        <img class="w-100 placement-img" src="assets/img/man-avtar.webp" alt="civil-qa-qc">
                     </div>
                     <div class="it-event-content">
                        <h5 class="it-event-title mb-20">
                           <a class="border-line" href="">ARMAN ALAM</a>
                        </h5>
                        <div class="it-event-meta">
                           <div><strong>Designation</strong> : Civil Controller</div>
                           <div><strong>Salary</strong> : 30000</div>
                        </div>

                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 col-6 wow itfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
                  <div class="it-event-item mb-35">
                     <div class="it-event-thumb border-radius-20 mb-35 p-relative">
                        <img class="w-100 placement-img" src="assets/img/photoofxcel/1001380993.webp" alt="placement">
                     </div>
                     <div class="it-event-content">
                        <h5 class="it-event-title mb-20">
                           <a class="border-line" href="">ABHIJEET KUMAR</a>
                        </h5>
                        <div class="it-event-meta">
                           <div><strong>Designation</strong> : ISM Officer</div>
                           <div><strong>Salary</strong> : 27000</div>
                        </div>

                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 col-6 wow itfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
                  <div class="it-event-item mb-35">
                     <div class="it-event-thumb border-radius-20 mb-35 p-relative">
                        <img class="w-100 placement-img" src="assets/img/photoofxcel/1001380994.webp" alt="placement
                                ">
                     </div>
                     <div class="it-event-content">
                        <h5 class="it-event-title mb-20">
                           <a class="border-line" href="">ALI IMAM</a>
                        </h5>
                        <div class="it-event-meta">
                           <div><strong>Designation</strong> : IFSM Officer</div>
                           <div><strong>Salary</strong> : 35000</div>
                        </div>

                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 col-6 wow itfadeUp" data-wow-duration=".9s" data-wow-delay=".3s">
                  <div class="it-event-item mb-35">
                     <div class="it-event-thumb border-radius-20 mb-35 p-relative">
                        <img class="w-100 placement-img" src="assets/img/photoofxcel/technical(1).webp" alt="technical">
                     </div>
                     <div class="it-event-content">
                        <h5 class="it-event-title mb-20">
                           <a class="border-line" href="">ALI AKHTAR</a>
                        </h5>
                        <div class="it-event-meta">
                           <div><strong>Designation</strong> : HVAC Operator</div>
                           <div><strong>Salary</strong> : 35000</div>
                        </div>

                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-lg-6 col-md-6 col-6 wow itfadeUp" data-wow-duration=".9s" data-wow-delay=".5s">
                  <div class="it-event-item mb-35">
                     <div class="it-event-thumb border-radius-20 mb-35 p-relative">
                        <img class="w-100 placement-img" src="assets/img/photoofxcel/technical(2).webp" alt="technical">
                     </div>
                     <div class="it-event-content">
                        <h5 class="it-event-title mb-20">
                           <a class="border-line" href="">ARMAN ALAM</a>
                        </h5>
                        <div class="it-event-meta">
                           <div><strong>Designation</strong> :Instrument Technician</div>
                           <div><strong>Salary</strong> : 30000</div>
                        </div>

                     </div>
                  </div>
               </div>
            </div>
            <div class="it-brand-btn text-align-center">
               <a href="placement.php" class="it-btn-yellow theme-bg border-radius-100">
                  <span class="text-1">Read More</span>
                  <i>
                     <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path
                           d="M15.0544 8.1364C15.4058 7.78492 15.4058 7.21508 15.0544 6.8636L9.3268 1.13604C8.97533 0.784567 8.40548 0.784567 8.05401 1.13604C7.70254 1.48751 7.70254 2.05736 8.05401 2.40883L13.1452 7.5L8.05401 12.5912C7.70254 12.9426 7.70254 13.5125 8.05401 13.864C8.40548 14.2154 8.97533 14.2154 9.3268 13.864L15.0544 8.1364ZM0.417969 7.5V8.4H14.418V7.5V6.6H0.417969V7.5Z"
                           fill="currentcolor" />
                     </svg>
                  </i>
               </a>
            </div>
         </div>
      </section>
      <!-- event-area-end -->
        <!-- brand-area-start -->
        <section class="it-brand-area p-relative pt-30 pb-30">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="it-categories-section-title-box text-center mb-30">
                            <span class="it-section-subtitle yellow-style">Our Recruiters</span>
                            <h4 class="it-section-title">Our Trusted
                                <span class="z-index-1">
                                    Recruiters
                                    <span class="it-title-shape">
                                    </span>
                                </span>
                                <hr class="underline">
                            </h4>
                            <p class="newp">Reputed organizations that value and recruit skilled, industry-ready talent
                                from our institution.</p>
                        </div>
                    </div>
                </div>
                <div class="it-brand-wrap bg-white">
                    <div class="row gx-0 row-cols-xl-4 row-cols-lg-4 row-cols-md-4 row-cols-sm-2 row-cols-2">
                        <div class="col">
                            <div class="it-brand-item">
                                 <img src="assets/img/companylogo/1.webp" alt="TATA Motars">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-center">
                                <img src="assets/img/companylogo/2.webp" alt="Jusco">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-center">
                                <img src="assets/img/companylogo/3.webp" alt="Reliance">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-md-end">
                                <img src="assets/img/companylogo/4.webp" alt="recruiters">
                            </div>
                        </div>
                    </div>
                    <div class="row gx-0 row-cols-xl-4 row-cols-lg-4 row-cols-md-4 row-cols-sm-2 row-cols-2">
                        <div class="col">
                            <div class="it-brand-item">
                                <img src="assets/img/companylogo/5.webp" alt="recruiters">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-md-center">
                                <img src="assets/img/companylogo/6.webp" alt="recruiters">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-center">
                                <img src="assets/img/companylogo/7.webp" alt="recruiters">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-md-end">
                                <img src="assets/img/companylogo/8.webp" alt="recruiters">
                            </div>
                        </div>
                    </div>
                    <div class="row gx-0 row-cols-xl-4 row-cols-lg-4 row-cols-md-4 row-cols-sm-2 row-cols-2">
                        <div class="col">
                            <div class="it-brand-item">
                                <img src="assets/img/companylogo/9.webp" alt="recruiters">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-center">
                                <img src="assets/img/companylogo/10.webp" alt="recruiters">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-center">
                                <img src="assets/img/companylogo/a.webp" alt="recruiters">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-md-end">
                                <img src="assets/img/companylogo/c.webp" alt="recruiters">
                            </div>
                        </div>
                    </div>
                    <div class="row gx-0 row-cols-xl-4 row-cols-lg-4 row-cols-md-4 row-cols-sm-2 row-cols-2">
                        <div class="col">
                            <div class="it-brand-item">
                                <img src="assets/img/companylogo/d.webp" alt="recruiters">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-md-center">
                                <img src="assets/img/companylogo/e.webp" alt="recruiters">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-center">
                                <img src="assets/img/companylogo/f.webp" alt="recruiters">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-md-end">
                                <img src="assets/img/companylogo/g.webp" alt="recruiters">
                            </div>
                        </div>
                    </div>
                    <div class="row gx-0 row-cols-xl-4 row-cols-lg-4 row-cols-md-4 row-cols-sm-2 row-cols-2">
                        <div class="col">
                            <div class="it-brand-item">
                                <img src="assets/img/companylogo/h.webp" alt="recruiters">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-md-center">
                                <img src="assets/img/companylogo/i.webp" alt="recruiters">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-center">
                                <img src="assets/img/companylogo/j.webp" alt="recruiters">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-md-end">
                                <img src="assets/img/companylogo/k.webp" alt="recruiters">
                            </div>
                        </div>
                    </div>
                    <div class="row gx-0 row-cols-xl-4 row-cols-lg-4 row-cols-md-4 row-cols-sm-2 row-cols-2">
                        <div class="col">
                            <div class="it-brand-item">
                                <img src="assets/img/companylogo/l.webp" alt="recruiters">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-md-center">
                                <img src="assets/img/companylogo/m.webp" alt="recruiters">
                            </div>
                        </div>
                        <div class="col">
                            <div class="it-brand-item text-center">
                                 <img src="assets/img/companylogo/n.webp" alt="Al Moallam Group">
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </section>
        <!-- brand-area-end -->

        <!--Awards-area-->
        <div class="it-choose-3-area it-course-style-11 it-course-style-3">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="it-course-details-section-title-box mb-30 text-center ">
                            <h4 class="it-new-title">Our Awards
                                <hr class="title-underline ">
                            </h4>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="it-course-details-wrapper p-relative">
                            <div class="swiper it-course-details-active">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="it-course-item">
                                            <div class="z-index-1 border-radius-20">
                                                <a href="#"><img class="w-100 awards-img"
                                                        src="assets/img/awards/xcel-awards (1).webp" alt="award"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="it-course-item">
                                            <div class="z-index-1 border-radius-20">
                                                <a href="#"><img class="w-100 awards-img"
                                                        src="assets/img/awards/xcel-awards (2).webp" alt="award"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="it-course-item">
                                            <div class="z-index-1 border-radius-20">
                                                <a href="#"><img class="w-100 awards-img"
                                                        src="assets/img/awards/xcel-awards (3).webp" alt="award"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="it-course-item">
                                            <div class="z-index-1 border-radius-20">
                                                <a href="#"><img class="w-100 awards-img"
                                                        src="assets/img/awards/xcel-awards (4).webp" alt="award"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="it-course-item">
                                            <div class="z-index-1 border-radius-20">
                                                <a href="#"><img class="w-100 awards-img"
                                                        src="assets/img/awards/xcel-awards (5).webp" alt="award"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="it-course-item">
                                            <div class="z-index-1 border-radius-20">
                                                <a href="#"><img class="w-100 awards-img"
                                                        src="assets/img/awards/xcel-awards (6).webp" alt="award"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="it-course-item">
                                            <div class="z-index-1 border-radius-20">
                                                <a href="#"><img class="w-100 awards-img"
                                                        src="assets/img/awards/xcel-awards (7).webp" alt="award"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="it-course-item">
                                            <div class="z-index-1 border-radius-20">
                                                <a href="#"><img class="w-100 awards-img"
                                                        src="assets/img/awards//xcel-awards (8).webp" alt="award"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="it-course-item">
                                            <div class="z-index-1 border-radius-20">
                                                <a href="#"><img class="w-100 awards-img"
                                                        src="assets/img/awards/xcel-awards (9).webp" alt="award"></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="it-course-item">
                                            <div class="z-index-1 border-radius-20">
                                                <a href="#"><img class="w-100 awards-img"
                                                        src="assets/img/awards/xcel-awards (10).webp" alt="award"></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="it-testimonial-arrow-wrap">
                                <button class="arrow-prev">
                                    <svg width="21" height="21" viewBox="0 0 21 21" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M8.81934 0.0849609C8.5201 0.0849894 8.32582 0.116974 8.23633 0.180664C8.14697 0.244474 8.07504 0.390586 8.02246 0.619141C7.94886 1.12972 7.813 1.65424 7.61328 2.19141C7.05586 3.90448 6.13205 5.43175 4.84375 6.77246C3.55528 8.11319 2.0533 9.07686 0.338867 9.66211C0.113122 9.74189 0.000144992 9.8831 0 10.085C8.0099e-05 10.2869 0.11313 10.428 0.338867 10.5078C2.05323 11.093 3.55532 12.0568 4.84375 13.3975C6.13205 14.7382 7.05586 16.2654 7.61328 17.9785C7.78677 18.5157 7.92256 19.0267 8.02246 19.5107C8.07505 19.7661 8.14694 19.9264 8.23633 19.9902C8.32595 20.0538 8.52042 20.0849 8.81934 20.085C9.35038 20.085 9.61705 19.944 9.61719 19.6621C9.6169 19.5869 9.53985 19.2677 9.3877 18.7051C8.6041 15.5128 6.85008 12.8947 4.12598 10.8516H21V9.31934H4.12598C5.91933 7.9679 7.30756 6.33338 8.29102 4.41797C8.92196 3.1891 9.33728 1.97626 9.53711 0.779297C9.53712 0.726125 9.54576 0.672313 9.56152 0.619141C9.57193 0.57166 9.57712 0.534295 9.57715 0.507812C9.57693 0.226057 9.324 0.0849609 8.81934 0.0849609Z"
                                            fill="currentcolor" />
                                        <path
                                            d="M8.81934 0.0849609C8.5201 0.0849894 8.32582 0.116974 8.23633 0.180664C8.14697 0.244474 8.07504 0.390586 8.02246 0.619141C7.94886 1.12972 7.813 1.65424 7.61328 2.19141C7.05586 3.90448 6.13205 5.43175 4.84375 6.77246C3.55528 8.11319 2.0533 9.07686 0.338867 9.66211C0.113122 9.74189 0.000144992 9.8831 0 10.085C8.0099e-05 10.2869 0.11313 10.428 0.338867 10.5078C2.05323 11.093 3.55532 12.0568 4.84375 13.3975C6.13205 14.7382 7.05586 16.2654 7.61328 17.9785C7.78677 18.5157 7.92256 19.0267 8.02246 19.5107C8.07505 19.7661 8.14694 19.9264 8.23633 19.9902C8.32595 20.0538 8.52042 20.0849 8.81934 20.085C9.35038 20.085 9.61705 19.944 9.61719 19.6621C9.6169 19.5869 9.53985 19.2677 9.3877 18.7051C8.6041 15.5128 6.85008 12.8947 4.12598 10.8516H21V9.31934H4.12598C5.91933 7.9679 7.30756 6.33338 8.29102 4.41797C8.92196 3.1891 9.33728 1.97626 9.53711 0.779297C9.53712 0.726125 9.54576 0.672313 9.56152 0.619141C9.57193 0.57166 9.57712 0.534295 9.57715 0.507812C9.57693 0.226057 9.324 0.0849609 8.81934 0.0849609Z"
                                            stroke="#03594E" />
                                    </svg>
                                </button>
                                <button class="arrow-next">
                                    <svg width="21" height="21" viewBox="0 0 21 21" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M12.1807 0.0849609C12.4799 0.0849894 12.6742 0.116974 12.7637 0.180664C12.853 0.244474 12.925 0.390586 12.9775 0.619141C13.0511 1.12972 13.187 1.65424 13.3867 2.19141C13.9441 3.90448 14.868 5.43175 16.1562 6.77246C17.4447 8.11319 18.9467 9.07686 20.6611 9.66211C20.8869 9.74189 20.9999 9.8831 21 10.085C20.9999 10.2869 20.8869 10.428 20.6611 10.5078C18.9468 11.093 17.4447 12.0568 16.1562 13.3975C14.868 14.7382 13.9441 16.2654 13.3867 17.9785C13.2132 18.5157 13.0774 19.0267 12.9775 19.5107C12.925 19.7661 12.8531 19.9264 12.7637 19.9902C12.6741 20.0538 12.4796 20.0849 12.1807 20.085C11.6496 20.085 11.3829 19.944 11.3828 19.6621C11.3831 19.5869 11.4602 19.2677 11.6123 18.7051C12.3959 15.5128 14.1499 12.8947 16.874 10.8516H0V9.31934H16.874C15.0807 7.9679 13.6924 6.33338 12.709 4.41797C12.078 3.1891 11.6627 1.97626 11.4629 0.779297C11.4629 0.726125 11.4542 0.672313 11.4385 0.619141C11.4281 0.57166 11.4229 0.534295 11.4229 0.507812C11.4231 0.226057 11.676 0.0849609 12.1807 0.0849609Z"
                                            fill="currentcolor" />
                                        <path
                                            d="M12.1807 0.0849609C12.4799 0.0849894 12.6742 0.116974 12.7637 0.180664C12.853 0.244474 12.925 0.390586 12.9775 0.619141C13.0511 1.12972 13.187 1.65424 13.3867 2.19141C13.9441 3.90448 14.868 5.43175 16.1562 6.77246C17.4447 8.11319 18.9467 9.07686 20.6611 9.66211C20.8869 9.74189 20.9999 9.8831 21 10.085C20.9999 10.2869 20.8869 10.428 20.6611 10.5078C18.9468 11.093 17.4447 12.0568 16.1562 13.3975C14.868 14.7382 13.9441 16.2654 13.3867 17.9785C13.2132 18.5157 13.0774 19.0267 12.9775 19.5107C12.925 19.7661 12.8531 19.9264 12.7637 19.9902C12.6741 20.0538 12.4796 20.0849 12.1807 20.085C11.6496 20.085 11.3829 19.944 11.3828 19.6621C11.3831 19.5869 11.4602 19.2677 11.6123 18.7051C12.3959 15.5128 14.1499 12.8947 16.874 10.8516H0V9.31934H16.874C15.0807 7.9679 13.6924 6.33338 12.709 4.41797C12.078 3.1891 11.6627 1.97626 11.4629 0.779297C11.4629 0.726125 11.4542 0.672313 11.4385 0.619141C11.4281 0.57166 11.4229 0.534295 11.4229 0.507812C11.4231 0.226057 11.676 0.0849609 12.1807 0.0849609Z"
                                            stroke="#03594E" />
                                    </svg>
                                </button>
                            </div>



                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--Awards-area-end-->
        <!-- FAQ Section Start  -->
        <div class="it-faq-area it-faq-inner-style  it-faq-style-2 pt-30 pb-10">
            <div class="container">
                <div class="container py-2 text-align-center">
                    <h4 class="it-section-title">Frequently Asked Questions
                        <hr class="underline">
                    </h4>
                    <p class="newp">Got questions about our technical training programs? We’ve
                        answered the most common ones
                        below to help you make the right career move. Still need help? Contact our
                        support team any time.</p>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="tab-content" id="myTabContent">
                            <!-- ================= STUDENT TAB ================= -->
                            <div class="tab-pane fade show active" id="student" role="tabpanel"
                                aria-labelledby="student-tab">
                                <div class="row gx-35">
                                    <div class="col-xl-12 col-lg-12 wow itfadeLeft" data-wow-duration=".9s"
                                        data-wow-delay=".5s">
                                        <div class="it-custom-accordion">
                                            <div class="accordion" id="accordionExample">

                                                <div class="accordion-items gray-bg mb-20">
                                                    <h4 class="accordion-header" id="headingOne1">
                                                        <button class="accordion-buttons" type="button"
                                                            data-bs-toggle="collapse" data-bs-target="#collapseOne1"
                                                            aria-expanded="true">
                                                            1. What courses are offered at Xcel
                                                            Technical Institute?
                                                        </button>
                                                    </h4>
                                                    <div id="collapseOne1" class="accordion-collapse collapse show"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            <p class="mb-0">
                                                                We offer practical, job-oriented
                                                                courses such as Electrician, Arc &
                                                                Argon Welding,
                                                                Safety Management, Forklift
                                                                Operation, Quality Control (QA/QC),
                                                                NDT Level 2, and
                                                                more. Each course is designed to
                                                                meet current industry standards.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="accordion-items gray-bg mb-20">
                                                    <h4 class="accordion-header" id="headingTwo2">
                                                        <button class="accordion-buttons collapsed" type="button"
                                                            data-bs-toggle="collapse" data-bs-target="#collapseTwo2">
                                                            2. Is the training practical or
                                                            theory-based?
                                                        </button>
                                                    </h4>
                                                    <div id="collapseTwo2" class="accordion-collapse collapse"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            <p class="mb-0">
                                                                Our training is 100%
                                                                practical-focused. Students work on
                                                                real equipment and tools
                                                                under expert supervision. Theory is
                                                                covered as needed, but the emphasis
                                                                is on
                                                                hands-on skill development and job
                                                                readiness.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="accordion-items gray-bg mb-20">
                                                    <h4 class="accordion-header" id="headingThree3">
                                                        <button class="accordion-buttons collapsed" type="button"
                                                            data-bs-toggle="collapse" data-bs-target="#collapseThree3">
                                                            3. Do you offer placement assistance
                                                            after course completion?

                                                        </button>
                                                    </h4>
                                                    <div id="collapseThree3" class="accordion-collapse collapse"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            <p class="mb-0">
                                                                Yes, we offer placement support for
                                                                students who successfully complete
                                                                their
                                                                training. Many of our students have
                                                                been placed in industries across
                                                                India
                                                                and abroad in roles like
                                                                Electricians, Welders, Safety
                                                                Officers, and QA/QC
                                                                Inspectors.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="accordion-items gray-bg mb-20">
                                                    <h4 class="accordion-header" id="headingFour4">
                                                        <button class="accordion-buttons collapsed" type="button"
                                                            data-bs-toggle="collapse" data-bs-target="#collapseFour4">
                                                            4. How do I enroll in a course?
                                                        </button>
                                                    </h4>
                                                    <div id="collapseFour4" class="accordion-collapse collapse"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            <p class="mb-0">
                                                                You can enroll by visiting our
                                                                institute in person or applying
                                                                online through
                                                                our website. Our admissions team
                                                                will guide you through the process,
                                                                including
                                                                course selection, documentation, and
                                                                fee details.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="accordion-items gray-bg mb-20">
                                                    <h4 class="accordion-header" id="headingFive5">
                                                        <button class="accordion-buttons collapsed" type="button"
                                                            data-bs-toggle="collapse" data-bs-target="#collapseFive5">
                                                            5. Are certificates provided after
                                                            course completion?
                                                        </button>
                                                    </h4>
                                                    <div id="collapseFive5" class="accordion-collapse collapse"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            <p class="mb-0">
                                                                Yes, all students receive
                                                                industry-recognized certificates
                                                                upon successful
                                                                completion of their courses. These
                                                                certificates are valuable when
                                                                applying
                                                                for jobs in India or overseas.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="accordion-items gray-bg mb-20">
                                                    <h4 class="accordion-header" id="headingSix6">
                                                        <button class="accordion-buttons collapsed" type="button"
                                                            data-bs-toggle="collapse" data-bs-target="#collapseSix6">
                                                            6. What is the duration of the courses?
                                                        </button>
                                                    </h4>
                                                    <div id="collapseSix6" class="accordion-collapse collapse"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            <p class="mb-0">
                                                                Course durations vary based on the
                                                                program. Most technical courses
                                                                range
                                                                from 1 to 6 months. Short-term and
                                                                crash courses are also available for
                                                                quick upskilling.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="accordion-items gray-bg mb-20">
                                                    <h4 class="accordion-header" id="headingSeven7">
                                                        <button class="accordion-buttons collapsed" type="button"
                                                            data-bs-toggle="collapse" data-bs-target="#collapseSeven7">
                                                            6. Is there any hostel or accommodation
                                                            facility for outstation students?
                                                        </button>
                                                    </h4>
                                                    <div id="collapseSeven7" class="accordion-collapse collapse"
                                                        data-bs-parent="#accordionExample">
                                                        <div class="accordion-body">
                                                            <p class="mb-0">
                                                                Yes, we assist outstation students
                                                                with affordable hostel or
                                                                accommodation
                                                                options near the institute. Contact
                                                                our support desk for details during
                                                                enrollment.
                                                            </p>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- FAQ Section End  -->
    </main>

    <?php include 'footer.php'; ?>

    <script>
        let slides = document.querySelectorAll(".slide");
        let current = 0;

        function showSlide(index) {
            slides.forEach(slide => slide.classList.remove("active"));
            slides[index].classList.add("active");
        }

        function nextSlide() {
            current = (current + 1) % slides.length;
            showSlide(current);
        }

        function prevSlide() {
            current = (current - 1 + slides.length) % slides.length;
            showSlide(current);
        }

        document.querySelector(".next").addEventListener("click", nextSlide);
        document.querySelector(".prev").addEventListener("click", prevSlide);

        // Auto Slide (3 sec)
        setInterval(nextSlide, 3000);
    </script>
    <script>
        let testimonials = document.querySelectorAll(".testimonial");
        let index = 0;

        document.querySelector(".testimonial-next").onclick = function () {
            testimonials[index].classList.remove("active");
            index++;

            if (index >= testimonials.length) {
                index = 0;
            }

            testimonials[index].classList.add("active");
        }

        document.querySelector(".testimonial-prev").onclick = function () {
            testimonials[index].classList.remove("active");
            index--;

            if (index < 0) {
                index = testimonials.length - 1;
            }

            testimonials[index].classList.add("active");
        }

        setInterval(nextTestimonial, 4000);
    </script>