<?php
$pageTitle = "All Courses | IT Meerut - Computer Courses in Meerut";
$pageDesc = "Explore all computer courses at IT Meerut. Job oriented courses and professional courses including Python, Digital Marketing, Web Designing, Tally, CCC, O Level.";
include 'header.php';
?>

<!-- Page Banner -->
    <section class="page-banner">
        <div class="container">
            <div class="banner-content">
                <h1 data-aos="fade-up">Our Courses</h1>
                <p data-aos="fade-up" data-aos-delay="100">Explore our comprehensive range of professional computer courses</p>
                <nav aria-label="breadcrumb" data-aos="fade-up" data-aos-delay="200">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="/index/">Home</a></li>
                        <li class="breadcrumb-item active">Courses</li>
                    </ol>
                </nav>
            </div>
        </div>
    </section>

    <!-- Courses Section -->
    <section class="courses-section">
        <div class="container">
            <div class="section-title" data-aos="fade-up">
                <h2>All Our Courses</h2>
                <p>Choose from job-oriented and professional courses</p>
            </div>

            <!-- Tabs -->
            <ul class="nav nav-tabs" id="courseTabs" role="tablist" data-aos="fade-up">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="all-tab" data-bs-toggle="tab" data-bs-target="#all">All Courses</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="job-tab" data-bs-toggle="tab" data-bs-target="#job">Job Oriented</button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="pro-tab" data-bs-toggle="tab" data-bs-target="#pro">Professional</button>
                </li>
            </ul>

            <!-- Tab Content -->
            <div class="tab-content" id="courseTabContent">
                <!-- All Courses -->
                <div class="tab-pane fade show active" id="all">
                    <div class="row">
                        <!-- Python -->
                        <div class="col-lg-4 col-md-6" data-aos="fade-up">
                            <div class="course-card">
                                <div class="course-image">
                                    <span class="course-tag">BESTSELLER</span>
                                    <img src="https://images.unsplash.com/photo-1515879218367-8466d910aaa4?w=400&h=250&fit=crop" alt="Python Programming Course IT Meerut">
                                </div>
                                <div class="course-content">
                                    <h4>Python Programming</h4>
                                    <p>Complete Python from basics to advanced with Django, Flask, Data Science.</p>
                                    <div class="course-meta">
                                        <span class="course-duration"><i class="fas fa-clock"></i> 3-4 Months</span>
                                        <a href="/python/" class="btn-course">View Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Digital Marketing -->
                        <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
                            <div class="course-card">
                                <div class="course-image">
                                    <span class="course-tag">TRENDING</span>
                                    <img src="https://images.unsplash.com/photo-1533750349088-cd871a92f312?w=400&h=250&fit=crop" alt="Digital Marketing Course IT Meerut">
                                </div>
                                <div class="course-content">
                                    <h4>Digital Marketing</h4>
                                    <p>Master SEO, SEM, Social Media, Email Marketing. Become a certified marketer.</p>
                                    <div class="course-meta">
                                        <span class="course-duration"><i class="fas fa-clock"></i> 2-3 Months</span>
                                        <a href="/digital-marketing/" class="btn-course">View Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Web Designing -->
                        <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
                            <div class="course-card">
                                <div class="course-image">
                                    <span class="course-tag">POPULAR</span>
                                    <img src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=400&h=250&fit=crop" alt="Web Designing Course IT Meerut">
                                </div>
                                <div class="course-content">
                                    <h4>Web Designing</h4>
                                    <p>Learn HTML, CSS, JavaScript, jQuery, Bootstrap. Create responsive websites.</p>
                                    <div class="course-meta">
                                        <span class="course-duration"><i class="fas fa-clock"></i> 2-3 Months</span>
                                        <a href="/web-designing/" class="btn-course">View Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Tally -->
                        <div class="col-lg-4 col-md-6" data-aos="fade-up">
                            <div class="course-card">
                                <div class="course-image">
                                    <span class="course-tag">ACCOUNTING</span>
                                    <img src="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=400&h=250&fit=crop" alt="Tally with GST Course IT Meerut">
                                </div>
                                <div class="course-content">
                                    <h4>Tally with GST</h4>
                                    <p>Complete TallyPrime, GST, Inventory, Payroll and Financial Accounting.</p>
                                    <div class="course-meta">
                                        <span class="course-duration"><i class="fas fa-clock"></i> 1-2 Months</span>
                                        <a href="/tally/" class="btn-course">View Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Graphic Designing -->
                        <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
                            <div class="course-card">
                                <div class="course-image">
                                    <span class="course-tag">CREATIVE</span>
                                    <img src="https://images.unsplash.com/photo-1561070791-2526d30994b5?w=400&h=250&fit=crop" alt="Graphic Designing Course IT Meerut">
                                </div>
                                <div class="course-content">
                                    <h4>Graphic Designing</h4>
                                    <p>Master Photoshop, Illustrator, CorelDRAW for print and digital media.</p>
                                    <div class="course-meta">
                                        <span class="course-duration"><i class="fas fa-clock"></i> 2-3 Months</span>
                                        <a href="/graphic-designing/" class="btn-course">View Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- DOEACC O Level -->
                        <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
                            <div class="course-card">
                                <div class="course-image">
                                    <span class="course-tag">GOVERNMENT</span>
                                    <img src="https://images.unsplash.com/photo-1517486808906-6ca8b3f04846?w=400&h=250&fit=crop" alt="DOEACC O Level Course IT Meerut">
                                </div>
                                <div class="course-content">
                                    <h4>DOEACC O Level</h4>
                                    <p>NIELIT approved O Level course. IT Tools, Programming and more.</p>
                                    <div class="course-meta">
                                        <span class="course-duration"><i class="fas fa-clock"></i> 1 Year</span>
                                        <a href="/o-level/" class="btn-course">View Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- CCC -->
                        <div class="col-lg-4 col-md-6" data-aos="fade-up">
                            <div class="course-card">
                                <div class="course-image">
                                    <span class="course-tag">BASIC</span>
                                    <img src="https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=400&h=250&fit=crop" alt="CCC Computer Course IT Meerut">
                                </div>
                                <div class="course-content">
                                    <h4>CCC Course</h4>
                                    <p>Computer Fundamentals, MS Office, Internet. Government recognized course.</p>
                                    <div class="course-meta">
                                        <span class="course-duration"><i class="fas fa-clock"></i> 2 Months</span>
                                        <a href="/ccc/" class="btn-course">View Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Advanced Excel -->
                        <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
                            <div class="course-card">
                                <div class="course-image">
                                    <span class="course-tag">OFFICE</span>
                                    <img src="https://images.unsplash.com/photo-1543286386-713bdd548da4?w=400&h=250&fit=crop" alt="Advanced Excel Training IT Meerut">
                                </div>
                                <div class="course-content">
                                    <h4>Advanced Excel</h4>
                                    <p>Formulas, Pivot Tables, Macros, VBA. Master data analysis with Excel.</p>
                                    <div class="course-meta">
                                        <span class="course-duration"><i class="fas fa-clock"></i> 1 Month</span>
                                        <a href="/excel/" class="btn-course">View Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Photoshop -->
                        <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
                            <div class="course-card">
                                <div class="course-image">
                                    <span class="course-tag">DESIGN</span>
                                    <img src="https://images.unsplash.com/photo-1626785774573-4b799315345d?w=400&h=250&fit=crop" alt="Photoshop Course IT Meerut">
                                </div>
                                <div class="course-content">
                                    <h4>Adobe Photoshop</h4>
                                    <p>Photo editing, image manipulation, graphic design with Photoshop.</p>
                                    <div class="course-meta">
                                        <span class="course-duration"><i class="fas fa-clock"></i> 1-2 Months</span>
                                        <a href="/photoshop/" class="btn-course">View Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- C & C++ -->
                        <div class="col-lg-4 col-md-6" data-aos="fade-up">
                            <div class="course-card">
                                <div class="course-image">
                                    <span class="course-tag">PROGRAMMING</span>
                                    <img src="https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=400&h=250&fit=crop" alt="C C++ Programming IT Meerut">
                                </div>
                                <div class="course-content">
                                    <h4>C & C++ Programming</h4>
                                    <p>Learn programming fundamentals and object-oriented concepts.</p>
                                    <div class="course-meta">
                                        <span class="course-duration"><i class="fas fa-clock"></i> 2-3 Months</span>
                                        <a href="/c-cpp/" class="btn-course">View Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- CorelDRAW -->
                        <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
                            <div class="course-card">
                                <div class="course-image">
                                    <span class="course-tag">DESIGN</span>
                                    <img src="https://images.unsplash.com/photo-1561070791-2526d30994b5?w=400&h=250&fit=crop" alt="CorelDRAW Course IT Meerut">
                                </div>
                                <div class="course-content">
                                    <h4>CorelDRAW</h4>
                                    <p>Vector graphics design, logos, brochures with CorelDRAW.</p>
                                    <div class="course-meta">
                                        <span class="course-duration"><i class="fas fa-clock"></i> 1-2 Months</span>
                                        <a href="/corel-draw/" class="btn-course">View Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- Basic Computer -->
                        <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
                            <div class="course-card">
                                <div class="course-image">
                                    <span class="course-tag">BEGINNER</span>
                                    <img src="https://images.unsplash.com/photo-1523240795612-9a054b0db644?w=400&h=250&fit=crop" alt="Basic Computer Course IT Meerut">
                                </div>
                                <div class="course-content">
                                    <h4>Basic Computer Course</h4>
                                    <p>Perfect for beginners. Computer fundamentals, MS Office, Internet.</p>
                                    <div class="course-meta">
                                        <span class="course-duration"><i class="fas fa-clock"></i> 1 Month</span>
                                        <a href="/basic-computer/" class="btn-course">View Details</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Job Oriented -->
                <div class="tab-pane fade" id="job">
                    <div class="row">
                        <div class="col-lg-4 col-md-6"><div class="course-card">...</div></div>
                    </div>
                </div>

                <!-- Professional -->
                <div class="tab-pane fade" id="pro">
                    <div class="row">
                        <div class="col-lg-4 col-md-6"><div class="course-card">...</div></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->

<?php include 'footer.php'; ?>