@extends('front.layouts.app')
@section('content')
<style>

</style>

<div class="rule-regulation-wraper">
    <div class="container-fluid rule-regulation-head">
        <div class="banner mx-sm-5">
            <div class="container">
                <nav class="pt-3 space-top" aria-label="breadcrumb">
                    <ol class="breadcrumb">
                      <li class="breadcrumb-item color-white"><a href="#">Home</a></li>
                      <li class="breadcrumb-item color-white"><a href="#">Academic</a></li>
                      <li class="breadcrumb-item color-white"><a href="#">Rules & Regulation</a></li>
                    </ol>
                </nav>
                <div class="pt-sm-4">
                    <h1 class="mt-5">Rules & Regulation</h1>
                    <p class="text-white">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip </p>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid-lg p-lg-5 rule-regulation-body">
      <div class="m-1 mb-5">
        <h1>RULES AND REGULATIONS</h1>
        <div class="accordion m-sm-4" id="myAccordion">
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingTwo">
                    <button type="button" class="accordion-button fw-bold" data-bs-toggle="collapse" data-bs-target="#collapseTwo">ACADEMIC CALENDAR</button>
                </h2>
                <div id="collapseTwo" class="accordion-collapse collapse show" data-bs-parent="#myAccordion">
                    <div class="card-body">
                      <div class="row">
                        <div class="col-xl-12 mb-5 col-md-12">
                          <div class="row">
                            <div class="d-flex justify-content">
                              <div> <i class='fas fa-arrow-alt-circle-right'></i></div>
                              <div class="px-3">
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur eaque Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolorem unde voluptate eaque id dicta nihil pariatur maxime. Saepe quasi ex possimus enim laboriosam non repellendus assumenda reprehenderit. Ad, quibusdam porro. Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti maiores nihil atque quo blanditiis! Perspiciatis ea qui, soluta modi tenetur doloribus repellat magni nulla, impedit ut, optio quod possimus unde.</p>
                              </div>                                      
                            </div>
                            <div class="d-flex justify-content mb-3">
                              <div> <i class='fas fa-arrow-alt-circle-right'></i></div>
                              <div class="px-3">
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur eaque Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolorem unde voluptate eaque id dicta nihil pariatur maxime. Saepe quasi ex possimus enim laboriosam non repellendus assumenda reprehenderit. Ad, quibusdam porro. Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti maiores nihil atque quo blanditiis! Perspiciatis ea qui, soluta modi tenetur doloribus repellat magni nulla, impedit ut, optio quod possimus unde.</p>
                              </div>                                      
                            </div>
                            <div class="col-lg-6 col-12">
                                <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Lorem ipsum dolor sit amet consectetur</span> </p>
                            </div>
                            <div class="col-lg-6 col-12">
                                <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Lorem ipsum dolor sit amet consectetur</span> </p>
                            </div>
                            <div class="col-lg-6 col-12">
                                <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Lorem ipsum dolor sit amet consectetur</span> </p>
                            </div>
                            <div class="col-lg-6 col-12">
                                <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Lorem ipsum dolor sit amet consectetur</span> </p>
                            </div>
                            <div class="col-lg-6 col-12">
                                <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Lorem ipsum dolor sit amet consectetur</span> </p>
                            </div>
                            <div class="col-lg-6 col-12">
                                <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Lorem ipsum dolor sit amet consectetur</span> </p>
                            </div>
                            <div class="col-lg-6 col-12">
                                <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Lorem ipsum dolor sit amet consectetur</span> </p>
                            </div>
                            <div class="col-lg-6 col-12">
                                <p> <i class='fas fa-arrow-alt-circle-right'></i> <span class="px-2">Lorem ipsum dolor sit amet consectetur</span> </p>
                            </div>
                          </div>
                        </div>
                      </div> 
                    </div>
                </div>
            </div>
            <div class="accordion-item">
              <h2 class="accordion-header" id="headingOne">
                  <button type="button" class="accordion-button collapsed fw-bold" data-bs-toggle="collapse" data-bs-target="#collapseOne">ADMISSIONS</button>									
              </h2>
              <div id="collapseOne" class="accordion-collapse collapse" data-bs-parent="#myAccordion">
                  <div class="card-body">
                      <p>Lorem ipsum dolor sit amet consectetur</p>
                  </div>
              </div>
          </div>
            <div class="accordion-item">
                <h2 class="accordion-header" id="headingThree">
                    <button type="button" class="accordion-button collapsed fw-bold" data-bs-toggle="collapse" data-bs-target="#collapseThree">COURSE CREDIT HOURS</button>                     
                </h2>
                <div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#myAccordion">
                    <div class="card-body">
                        <p>Lorem ipsum dolor sit amet consectetur</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
   
</div>
@endsection
@push('js')

@endpush