@extends('theme.master')
@section('title', 'About Us')
@section('content')
@include('admin.message')
<!-- about-home start -->
@php
$gets = App\Breadcum::first();
@endphp
@if(isset($gets))
<div class="rbt-breadcrumb-default ptb--100 ptb_md--50 ptb_sm--30 bg-gradient-1">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="breadcrumb-inner text-center">
                            <h2 class="title">About Us</h2>
                            <ul class="page-list">
                                <li class="rbt-breadcrumb-item"><a href="/">Home</a></li>
                                <li>
                                    <div class="icon-right"><i class="feather-chevron-right"></i></div>
                                </li>
                                <li class="rbt-breadcrumb-item active">About Us</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endif

  <div class="rbt-about-area about-style-1 bg-color-white">
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-6">
                    <div class="thumbnail-wrapper">
                        <div class="thumbnail image-1">
                            <img data-parallax="{&quot;x&quot;: 0, &quot;y&quot;: -20}" src="assets/images/about-07.jpg"
                                alt="Education Images"
                                style="transform:translate3d(0px, -19.773px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -webkit-transform:translate3d(0px, -19.773px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); ">
                        </div>
                        <div class="thumbnail image-2 d-none d-xl-block">
                            <img data-parallax="{&quot;x&quot;: 0, &quot;y&quot;: 60}" src="assets/images/about-09.jpg"
                                alt="Education Images"
                                style="transform:translate3d(0px, 53.705px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -webkit-transform:translate3d(0px, 53.705px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); ">
                        </div>
                        <div class="thumbnail image-3 d-none d-md-block">
                            <img data-parallax="{&quot;x&quot;: 0, &quot;y&quot;: 80}" src="assets/images/about-08.jpg"
                                alt="Education Images"
                                style="transform:translate3d(0px, 40.875px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); -webkit-transform:translate3d(0px, 40.875px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1); ">
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="inner pl--50 pl_sm--0 pl_md--0">
                        <div class="section-title text-start">
                            <span class="subtitle bg-coral-opacity">Know About Us</span>
                            <h2 class="title">About <span class="theme-gradient"> Hi Study</span></h2>
                        </div>
                        <p class="description mt--30">Hi Study is a modern e-learning platform dedicated to making education
                            accessible, engaging, and effective for everyone. Our mission is to empower learners by
                            providing high-quality courses, expert guidance, and practical knowledge that help individuals
                            grow personally and professionally.</p>
                        <!-- Start Feature List  -->
                        <div class="rbt-feature-wrapper mt--40">

                            <div class="rbt-feature feature-style-1">
                                <div class="icon bg-pink-opacity">
                                    <i class="feather-heart"></i>
                                </div>
                                <div class="feature-content">
                                    <h6 class="feature-title">Flexible Learning</h6>
                                    <p class="feature-description">Study anytime and anywhere with courses designed to fit
                                        your schedule and learning pace.</p>
                                </div>
                            </div>

                            <div class="rbt-feature feature-style-1">
                                <div class="icon bg-primary-opacity">
                                    <i class="feather-book"></i>
                                </div>
                                <div class="feature-content">
                                    <h6 class="feature-title">Beginner to Advanced Levels</h6>
                                    <p class="feature-description">Whether you're just starting out or looking to advance
                                        your expertise, Hi Study offers courses for every skill level.</p>
                                </div>
                            </div>

                            <div class="rbt-feature feature-style-1">
                                <div class="icon bg-coral-opacity">
                                    <i class="feather-monitor"></i>
                                </div>
                                <div class="feature-content">
                                    <h6 class="feature-title">Wide Range of Courses</h6>
                                    <p class="feature-description">Explore a diverse collection of courses across multiple
                                        fields to develop new skills and expand your knowledge.</p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="rbt-service-area bg-color-white">
        <div class="container">
            <div class="row mb--60">
                <div class="col-lg-12">
                    <div class="section-title text-center">
                        <h2 class="title">Start Learning in
                            <span class="theme-gradient"> 4 Simple Steps</span>
                        </h2>
                        <!-- <p class="description mt--30"><strong>Histudy educational platform</strong> ipsum dolor sit amet
                                    consectetur adipisicing elit.</p> -->
                    </div>
                </div>
            </div>
            <!-- Start Card Area -->
            <div class="row row--15 mt_dec--30">

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/001-bulb.png" alt="icons Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a>Create Your Account</a></h6>
                                <p class="description">Sign up on Hi Study in just a few clicks and create your personal
                                    learning profile to get started.</p>
                            </div>
                            <span class="number-text">1</span>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/002-hat.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a>Explore Courses</a></h6>
                                <p class="description">Browse through a wide range of courses and choose the one that
                                    matches your interests and career goals.</p>
                            </div>
                            <span class="number-text">2</span>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/003-id-card.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a>Start Learning</a></h6>
                                <p class="description">Access course materials, video lessons, and learning resources
                                    anytime and learn at your own pace.</p>
                            </div>
                            <span class="number-text">3</span>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/004-pass.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a>Improve Your Skills</a></h6>
                                <p class="description">Apply your knowledge, develop practical skills, and take the next
                                    step toward achieving your goals.</p>
                            </div>
                            <span class="number-text">4</span>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

            </div>
            <!-- End Card Area -->
        </div>
    </div>
     <div class="rbt-service-area bg-color-extra2 rbt-section-gap">
        <div class="container">
            <div class="row mb--60">
                <div class="col-lg-12">
                    <div class="section-title text-center">
                        <h2 class="title">Why Choose <span class="theme-gradient"> Hi Study</span></h2>
                        <p class="description has-medium-font-size mt--20 mb--0">At Hi Study, we are committed to providing
                            a modern and effective learning experience that helps individuals grow their knowledge and build
                            real-world skills.
                        </p>
                    </div>
                </div>
            </div>
            <!-- Start Card Area -->
            <div class="row row--15 mt_dec--30">
                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6 bg-color bg-card-color-1">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/service-01.png" alt="Shape Images">
                                <img class="opacity_image" src="assets/images/service-01.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a href="javascript:void(0)">High-Quality Courses</a></h6>
                                <p class="description">Our courses are carefully designed to provide valuable knowledge and
                                    practical skills that help learners succeed in their careers.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6 bg-color bg-card-color-2">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/service-04.png" alt="Shape Images">
                                <img class="opacity_image" src="assets/images/service-04.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a href="javascript:void(0)">Expert Instructors</a></h6>
                                <p class="description">Learn from experienced educators and industry professionals who guide
                                    you through every step of your learning journey.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6 bg-color bg-card-color-3">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/service-03.png" alt="Shape Images">
                                <img class="opacity_image" src="assets/images/service-03.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a href="javascript:void(0)">Flexible Learning Experience</a></h6>
                                <p class="description">Study anytime and from anywhere with courses that are designed to fit
                                    your schedule.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->

                <!-- Start Service Grid  -->
                <div class="col-lg-4 col-xl-3 col-xxl-3 col-md-6 col-sm-6 col-12 mt--30">
                    <div class="service-card service-card-6 bg-color bg-card-color-4">
                        <div class="inner">
                            <div class="icon">
                                <img src="assets/images/service-02.png" alt="Shape Images">
                                <img class="opacity_image" src="assets/images/service-02.png" alt="Shape Images">
                            </div>
                            <div class="content">
                                <h6 class="title"><a href="javascript:void(0)">Easy-to-Use Platform</a></h6>
                                <p class="description">Hi Study offers a simple and user-friendly interface that makes
                                    learning smooth and enjoyable.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Service Grid  -->
            </div>
            <!-- End Card Area -->
        </div>
    </div>
@endsection