index.php

<?php include 'includes/header.php'; ?>
<section class=" hero-section text-center d-flex align-items-center justify-content-center">
    <div class="row container-xl pt-5 align-items-center ">
        <aside class="col-md-6 text-start text-md-left mb-4 mb-md-0 p-0 ">
            <h1 class="display-4">The Best Online Course You'll Find</h1>
            <p class="lead">Join thousands of learners on LearnHub, where expert instructors and cutting-edge content meet to elevate your skills. From personalized learning paths to lifetime access.</p>
            <div>
                <ul class="list-inline">
                    <li class="list-inline-item">
                        <a class="btn btn-primary btn-lg" href="#">Watch Video</a>
                    </li>
                    <li class="list-inline-item">
                        <a class="btn btn-secondary btn-lg" href="#">Get Started</a>
                    </li>
                </ul>
            </div>
            <div class="stats d-flex flex-lg-row flex-column justify-content-between mt-4">
                <div class="text-center">
                    <h3>940+</h3>
                    <p>Online users</p>
                </div>
                <div class="text-center ml-lg-3">
                    <h3>17K</h3>
                    <p>Active users</p>
                </div>
            </div>
        </aside>
        <aside class="col-md-6 text-center hero-image-container"></aside>
    </div>
</section>

<main class="container-xl padx">
    <div class="row align-items-center mt-5 section-2">
        <aside class="col-md-6 text-center leftimg">
            <img class="img-fluid" src="https://askproject.net/studdy/wp-content/uploads/sites/43/2021/12/studio-shot-of-cute-thankful-clever-student-feels-RP65PDL-1.png" alt="">
        </aside>
        <aside class="col-md-6 text-start text-md-left px-lg-5">
            <h2 class="display-4 "> Providing Amazing Online Courses</h2>
            <p>At LearnHub, we offer a diverse range of high-quality courses designed to help you unlock new skills and reach your full potential. With experienced instructors and flexible learning options, you can learn at your pace, anytime, anywhere.</p>
            <div>
                <ul class="list-inline">
                    <li class="list-inline-item">
                        <a class="btn btn-primary btn-lg" href="#">Watch Video</a>
                    </li>
                    <li class="list-inline-item">
                        <a class="btn btn-secondary btn-lg" href="#">Contact us</a>
                    </li>
                </ul>
            </div>
        </aside>
    </div>

    <section class="container px-0 mt-5 section-3">
        <div class="mr-5">
            <aside class="">
                <h2 class="display-4 ">Premium Learning Experience</h2>
                <p class="lead my-3 my-lg-5">Experience learning like never before on LearnHub, where top-notch content meets an interactive and user-friendly platform. Gain hands-on skills, enjoy personalized support, and access resources designed to help you thrive in your educational journey.</p>
                <div class=" image-div">
                    <h3 class="h4">Quality online courses for all!</h3>
                    <ul class="list-inline mt-3">
                        <li class="list-inline-item">
                            <a class="btn btn-primary btn-lg" href="#">Get Started</a>
                        </li>
                    </ul>

                </div>
            </aside>

        </div>
        <div class="p-0 mt-5 mt-lg-0">
            <div>
                <div class="d-flex align-items-start">
                    <span class="badge badge-primary mr-3">1</span>
                    <div>
                        <h3 class="h3">Online courses from experts</h3>
                        <p>Learn from industry professionals and subject matter experts who bring real-world experience and insights to every lesson.</p>
                    </div>
                </div>
            </div>
            <div class="my-2">
                <div class="d-flex align-items-start">
                    <span class="badge badge-primary mr-3">2</span>
                    <div>
                        <h3 class="h3">Learn at your own pace</h3>
                        <p>
                            With flexible scheduling and lifetime access, LearnHub allows you to study when and where it’s most convenient for you.
                        </p>
                    </div>
                </div>
            </div>
            <div class="">
                <div class="d-flex align-items-start">
                    <span class="badge badge-primary mr-3">3</span>
                    <div>
                        <h3 class="h3">Achieve your goals</h3>
                        <p>
                            Whether you're advancing your career, learning a new skill, or pursuing a passion, our courses are designed to help you reach your objectives with confidence.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="section-4 py-5">
        <div class=" mb-5">
            <h2>Browse By Category</h2>
            <p>Explore our diverse range of categories tailored to enhance your learning experience. Whether you're interested in creative writing, web design, coding, or business strategies, we have something for everyone.</p>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-3 mb-4">
                    <div class="category-box text-center p-4">
                        <span class="mb-3"><i class="fas fa-pen-nib"></i></span>
                        <h3>Writing</h3>
                        <p>Master the art of writing with courses that enhance your storytelling, grammar, and creativity.</p>
                    </div>
                </div>
                <div class="col-md-3 mb-4">
                    <div class="category-box text-center p-4">
                        <span class="mb-3"><i class="fas fa-paint-brush"></i></span>
                        <h3>Design</h3>
                        <p>Unleash your creativity with design courses that cover everything from fundamentals to advanced techniques.</p>
                    </div>
                </div>
                <div class="col-md-3 mb-4">
                    <div class="category-box text-center p-4">
                        <span class="mb-3"><i class="fas fa-laptop-code"></i></span>
                        <h3>Website</h3>
                        <p>Learn to build, design, and deploy websites with hands-on courses in web development and coding.</p>
                    </div>
                </div>
                <div class="col-md-3 mb-4">
                    <div class="category-box text-center p-4">
                        <span class="mb-3"><i class="fas fa-briefcase"></i></span>
                        <h3>Business</h3>
                        <p>Gain essential business skills, from entrepreneurship to management, to elevate your career and business potential.</p>
                    </div>
                </div>
            </div>


            <div class="text-center mt-5">
                <li class="list-inline-item">
                    <a class="btn btn-primary btn-lg" href="#"> Browse All</a>
                </li>
            </div>
        </div>
    </section>

    <section class="section-5 d-flex">
        <aside>
            <div class="intro-text">
                <h2>Experience Interactive Learning</h2>
                <p>Discover a new way of learning that combines hands-on activities and engaging content to make your educational journey enjoyable and effective.</p>
            </div>
            <div class="features">
                <span>
                    <h3>Easiest</h3>
                    <p>Our intuitive platform is designed to make learning easy and accessible for everyone.</p>
                </span>
                <span>
                    <h3>Verified</h3>
                    <p>All courses are created and reviewed by experts to ensure quality and accuracy.</p>
                </span>
                <span>
                    <h3>Trusted</h3>
                    <p>Join a community of learners who trust LearnHub to achieve their goals with confidence.</p>
                </span>
                <span>
                    <h3>Powerful</h3>
                    <p>Unlock your full potential with tools and resources designed to empower your learning experience.</p>
                </span>
            </div>
            <div class="mt-5">
                <li class="list-inline-item w-100">
                    <a class="btn btn-primary btn-lg " href="#">All features</a>
                </li>
            </div>
        </aside>

        <aside class="manimg ml-0 ml-lg-5 mt-5 mt-lg-0">
            <img src="https://askproject.net/studdy/wp-content/uploads/sites/43/2021/12/cheerful-bearded-senior-european-man-smiles-gladfu-BSUDYSL-1.png" alt="">
        </aside>
    </section>


    <section class="section-6 mt-5 mt-lg-0">
        <aside>
            <div class="features-grid">
                <div class="feature-box text-center">
                    <span class="icon"><i class="fas fa-chalkboard-teacher"></i></span>
                    <h3>Expert Tutor</h3>
                    <p>Learn from experienced instructors who are passionate about teaching and dedicated to your success.</p>
                </div>
                <div class="feature-box text-center">
                    <span class="icon"><i class="fas fa-infinity"></i></span>
                    <h3>Lifetime Access</h3>
                    <p>Enjoy lifetime access to all course materials, allowing you to revisit and refresh your knowledge whenever you need.</p>
                </div>
                <div class="feature-box text-center">
                    <span class="icon"><i class="fas fa-calendar-week"></i></span>
                    <h3>Weekly Event</h3>
                    <p>Participate in weekly events, including live Q&A sessions and workshops, to deepen your understanding and connect with fellow learners.</p>
                </div>
                <div class="feature-box text-center">
                    <span class="icon"><i class="fas fa-book-open"></i></span>
                    <h3>Updated Material</h3>
                    <p>Stay ahead with regularly updated course content that reflects the latest trends and developments in your field.</p>
                </div>
            </div>

            <div class="mt-5">
                <li class="list-inline-item w-100">
                    <a class="btn btn-primary btn-lg" href="#">Get Started</a>
                </li>
            </div>
        </aside>

        <aside class="description mt-5 mt-lg-0">
            <div>
                <h2>Making Your Learning More Enjoyable</h2>
                <p>At LearnHub, we believe that learning should be an enjoyable experience. Our interactive courses and engaging content are designed to keep you motivated and inspired as you explore new subjects. With a focus on practical applications, you'll find yourself applying your knowledge in real-world situations while having fun along the way.</p>
            </div>
            <div class="ladyimg">
                <img src="https://askproject.net/studdy/wp-content/uploads/sites/43/2021/12/horizontal-shot-of-pleasant-looking-cheerful-europ-H6BTHYD-1.png" alt="" class="w-100 h-100">
            </div>
        </aside>
    </section>


    <section class="section-7 p-0 mt-5">
        <div>
            <h2>Explore Our Courses</h2>
            <p>Dive into a wide range of courses tailored to meet your learning needs. Whether you're looking to enhance your career, explore a new hobby, or gain essential skills, our diverse offerings are designed to help you succeed. Start your journey today and discover the possibilities that await you at LearnHub.</p>

            <div class="mt-5">
                <li class="list-inline-item w-100">
                    <a class="btn btn-primary btn-lg" href="#">See All Courses</a>
                </li>
            </div>
        </div>
        <div class="courses">
            <aside>
                <div class="courseimgdiv">
                    <img src="https://askproject.net/studdy/wp-content/uploads/sites/43/2021/12/process-of-writing-calligraphy-writer-TFPYERL-800x533.jpg" alt="">
                </div>
                <span class="">
                    <li class="list-inline-item">
                        <a class="btn btn-primary" href="#">Copy</a>
                        <a class="btn btn-primary" href="#">Writing</a>
                    </li>
                    <p><b>$25/ </b> course</p>
                </span>
                <h2>Let's learn about copywriting</h2>
                <p>Unlock the art of persuasion with our Copywriting course. Designed for aspiring writers and marketers alike, this course will teach you how to craft compelling copy that grabs attention and drives action. Whether you're writing for web content, advertisements, or social media, you'll gain the skills needed to effectively communicate your message and influence your audience.</p>
            </aside>
            <aside>
                <div class="courseimgdiv">
                    <img src="https://askproject.net/studdy/wp-content/uploads/sites/43/2021/12/girl-playing-singer-5GNLZJU-800x533.jpg" alt="">
                </div>
                <span class="">
                    <li class="list-inline-item">
                        <a class="btn btn-primary" href="#">Graphics</a>
                        <a class="btn btn-primary" href="#">Design</a>
                    </li>
                    <p><b>$25/ </b> course</p>
                </span>
                <h2>Learn how to write a song</h2>
                <p>Dive into the world of music with our Songwriting course. Ideal for budding musicians and lyricists, this course guides you through the creative process of writing songs. From melody creation to lyrical composition, you’ll explore various techniques to express your thoughts and emotions through music. Join us to discover your unique voice and share your stories through song!</p>
            </aside>
            <aside>
                <div class="courseimgdiv">
                    <img src="https://askproject.net/studdy/wp-content/uploads/sites/43/2021/12/website-designer-EH7YWVE-1024x683.jpg" alt="">
                </div>
                <span class="">
                    <li class="list-inline-item">
                        <a class="btn btn-primary" href="#">Graphics</a>
                        <a class="btn btn-primary" href="#">Design</a>
                    </li>
                    <p><b>$25/ </b> course</p>
                </span>
                <h2>How to become a good designer</h2>

                <p>Become a master of visual communication with our Design course. This course covers essential principles of design, helping you to develop your skills in creating aesthetically pleasing and functional designs. Whether you're interested in graphic design, web design, or product design, you'll learn how to convey your ideas effectively and impress clients with your creative solutions.</p>
            </aside>
            <aside>
                <div class="courseimgdiv">
                    <img src="https://askproject.net/studdy/wp-content/uploads/sites/43/2021/12/image-of-programmer-man-wearing-eyeglasses-working-RP2YDGV-800x533.jpg" alt="">
                </div>
                <span class="">
                    <li class="list-inline-item">
                        <a class="btn btn-primary" href="#">UI/UX</a>
                        <a class="btn btn-primary" href="#">Coding</a>
                    </li>
                    <p><b>$25/ </b> course</p>
                </span>
                <h2>Learn about Android Coding</h2>
                <p>Embark on a coding adventure with our Android Coding course. This course is perfect for beginners and experienced developers looking to enhance their skills in mobile application development. You’ll learn the fundamentals of coding, UI/UX principles, and how to create intuitive and user-friendly Android apps. Join us and take your first step toward becoming a proficient Android developer!</p>
            </aside>
        </div>
    </section>

    <section class="section-8 mt-5 p-0">
        <div>
            <h2>
                Meet Our Mentors
            </h2>
            <p>Our mentors are industry leaders with a wealth of knowledge and experience. Each mentor brings unique insights and perspectives, ensuring you receive guidance tailored to your learning journey. From seasoned professionals to innovative thinkers, our team is dedicated to helping you achieve your goals</p>
            <div class="mt-5">
                <li class="list-inline-item w-100">
                    <a class="btn btn-primary btn-lg" href="#">View More</a>
                </li>
            </div>
        </div>
        <div class="d-flex justify-content-between mt-5 gap-3">
            <div class="mentor-details text-center">
                <img src="https://askproject.net/studdy/wp-content/uploads/sites/43/2021/12/handsome-cheerful-european-guy-with-thick-bristle-6CHT7KZ-1.png" alt=" ">
                <h3 class="mentor-name my-2">Stan McGyver
                </h3>
                <small>Mentor</small>
            </div>
            <div class="mentor-details text-center">
                <img src="https://askproject.net/studdy/wp-content/uploads/sites/43/2021/12/half-length-shot-of-cheerful-senior-man-smiles-hap-36A6ZXK-1.png" alt=" ">
                <h3 class="mentor-name my-2">Gordon Stone
                </h3>
                <small>Mentor</small>
            </div>
            <div class="mentor-details text-center">
                <img src="https://askproject.net/studdy/wp-content/uploads/sites/43/2021/12/portrait-of-good-looking-brunette-woman-smiles-too-UCETKXG-1.png" alt=" ">
                <h3 class="mentor-name my-2">Lisa Rosse
                </h3>
                <small>Mentor</small>
            </div>
            <div class="mentor-details text-center">
                <img src="https://askproject.net/studdy/wp-content/uploads/sites/43/2021/12/indoor-shot-of-attractive-european-schoolgirl-has-LEUUQRK-1.png" alt=" ">
                <h3 class="mentor-name my-2">Mulan Park
                </h3>
                <small>Mentor</small>
            </div>

        </div>
    </section>

    <secttion class="section-9 learn-withus">
        <div class="text-center p-5">
            <h2>Ready to start learning? Contact us!
            </h2>
            <p class="my-5">Are you excited to embark on your learning journey? Our team at LearnHub is here to support you every step of the way. Whether you have questions about our courses, need assistance with enrollment, or want to explore personalized learning options, we’re just a message away. </p>
            <div class="ml-auto text-center">
                <ul class="navbar-nav justify-content-center flex-row align-items-center">
                    <li class="nav-item signupbtn">
                        <a class="nav-link" href="#">Sign Up</a>
                    </li>
                    <li class="nav-item signupbtn ml-5">
                        <a class="nav-link" href="#">Sign Up</a>
                    </li>
                </ul>
            </div>

        </div>

    </secttion>
</main>

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