@extends('frontend.layouts.master')
@section('main-section')
<div class="rts-bread-crumbarea-1 rts-section-gap bg_image" style="background-image: url({{url('/frontend/assets/img/about-banner.jpg');}})">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb-main-wrapper">
                    <h1 class="title">Basic Course</h1>                    
                    <div class="pagination-wrapper">
                        <a href="{{url('/')}}">Course</a>
                        <i class="fa-regular fa-chevron-right"></i>
                        <a class="active" href="#">Basic Course</a>
                    </div>                    
                </div>
            </div>
        </div>
    </div>
</div>

<div class="rts-course-details-area rts-section-gap">
    <div class="container">
        <div class="row g-5">
            <div class="col-xl-8 col-lg-12">
                <!-- single course style five start -->
                <div class="single-course-style-five">
                    <h2 class="title">Basic Computer Course</h2>                                       
                    <div class="course-details-btn-wrapper full-width pb--50">
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Course Information</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link " id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Course Content</button>
                            </li>                            
                        </ul>
                    </div>
                    <div class="tab-content mt--50" id="myTabContent">
                        <div class="tab-pane fade  show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                            <div class="course-content-wrapper">
                                <h5 class="title mb--10">About Course</h5>
                                <p class="disc">
                                    Welcome to Computer Basic Course, We are dedicated to providing foundational knowledge and practical skills in computing for individuals of all backgrounds and experience levels. Whether you're a beginner eager to understand the basics of computer operation or someone looking to refresh their knowledge, our course is designed to meet your needs.
                                </p>
                                <h5 class="title mb--10">Description</h5>
                                <p class="disc">
                                    Whether you're interested in improving your personal computer literacy or enhancing your professional skills, our course provides a solid foundation to build upon. With hands-on exercises, interactive lessons, and practical examples, you'll gain the confidence to navigate the digital world with ease.
                                    Join us on a journey to unlock the full potential of your computer and discover the endless possibilities it offers. Enroll in Basic Computer Course today and take the first step towards mastering the fundamentals of computing.
                                </p>
                                                              
                            </div>
                        </div>

                        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                            <div class="module-wrapper">
                                <h6 class="title mb--10">What Will You Learn?</h6>
                                <div class="inner-content">
                                    <div class="single-wrapper">
                                        <div class="single-codule">                                            
                                            <p class="tt-basic">
                                                <i class="fa-regular fa-check"></i>
                                                Learn Computer Fundamentals
                                            </p>
                                        </div>

                                        <div class="single-codule">                                            
                                            <p class="tt-basic">
                                                <i class="fa-regular fa-check"></i>
                                                Learn Windows
                                            </p>
                                        </div>

                                        <div class="single-codule">                                            
                                            <p class="tt-basic">
                                                <i class="fa-regular fa-check"></i>
                                                Learn MS Office (MS Words , MS Excel, MS Power Point)
                                            </p>
                                        </div>

                                        <div class="single-codule">                                            
                                            <p class="tt-basic">
                                                <i class="fa-regular fa-check"></i>
                                                Learn HTML
                                            </p>
                                        </div>
                                        <div class="single-codule">                                            
                                            <p class="tt-basic">
                                                <i class="fa-regular fa-check"></i>
                                                Learn Internet
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>                        
                    </div>                  
                </div>                
            </div>

            <div class=" col-xl-4 col-lg-12 pl--50 pl_lg--15 pl_md--15 pl_sm--15 rts-sticky-column-item">
               <div class="course-enquiry-form contact-page-form">
                    <div class="row mb-5">
                        <div class="col-md-12">
                            <h3 class="text-center mb-0">
                                Quick Enquiry
                            </h3>
                            <p class="text-center">
                                Enquiry Today To Get Best Offer and Deals.
                            </p>
                        </div>
                    </div>
                    <form action="#" method="POST">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">                                  
                                  <input type="text" name="name" id="name" class="form-control" placeholder="Name" required />
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group">                                  
                                  <input type="email" name="email" id="email" class="form-control" placeholder="Email" required />
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group">                                  
                                  <input type="number" name="phone" id="phone" class="form-control" placeholder="Phone No" required />
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group">                                  
                                  <input type="text" name="course" id="course" class="form-control" placeholder="Course Name" required />
                                </div>
                            </div>

                            <div class="col-md-12">
                                <div class="form-group">                                  
                                  <input type="text" name="city" id="city" class="form-control" placeholder="City" required />
                                </div>
                            </div>

                            <div class="col-md-12">
                                <button class="btn btn-sm btn-danger btn-block enquiry-form-button">Submit</button>
                            </div>

                        </div>
                    </form>
               </div>
            </div>
        </div>
    </div>
</div>
@endsection