@include('frontend.header')


    <!-- popup search -->
    <div class="search-popup">
      <button class="close-search"><span class="far fa-times"></span></button>
      <form action="#">
        <div class="form-group">
          <input
            type="search"
            name="search-field"
            placeholder="Search Here..."
            required
          />
          <button type="submit"><i class="far fa-search"></i></button>
        </div>
      </form>
    </div>
    <!-- popup search end -->

    <main class="main">
      <!-- breadcrumb -->
      <div
        class="site-breadcrumb"
        style="background: url(assets/img/breadcrumb/01.png)"
      >
        <div class="container">
          <h2 class="breadcrumb-title">Academics Department</h2>
          <ul class="breadcrumb-menu">
            <li><a href="#">Home</a></li>
            <li class="active">Academics Department</li>
          </ul>
        </div>
      </div>
      <!-- breadcrumb end -->

      <!-- department area -->
      <div class="department-area py-120">
        <div class="container">
          <div class="row">
            <div class="col-lg-6 mx-auto">
              <div class="site-heading text-center">
                <span class="site-title-tagline"
                  ><i class="far fa-book-open-reader"></i> Department</span
                >
                <h2 class="site-title">Browse Our <span>Department</span></h2>
                <p>
                  It is a long established fact that a reader will be distracted
                  by the readable content of a page when looking at its layout.
                </p>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-3">
              <div class="department-item">
                <div class="department-icon">
                  <img src="assets/img/icon/monitor.svg" alt="" />
                </div>
                <div class="department-info">
                  <h4 class="department-title">
                    <a href="#">Business And Finance</a>
                  </h4>
                  <p>
                    There are many variations of passages the majority have some
                    injected humour.
                  </p>
                  <div class="department-btn">
                    <a href="#"
                      >Read More<i class="fas fa-arrow-right-long"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="department-item">
                <div class="department-icon">
                  <img src="assets/img/icon/law.svg" alt="" />
                </div>
                <div class="department-info">
                  <h4 class="department-title">
                    <a href="#">Law And Criminology</a>
                  </h4>
                  <p>
                    There are many variations of passages the majority have some
                    injected humour.
                  </p>
                  <div class="department-btn">
                    <a href="#"
                      >Read More<i class="fas fa-arrow-right-long"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="department-item">
                <div class="department-icon">
                  <img src="assets/img/icon/data.svg" alt="" />
                </div>
                <div class="department-info">
                  <h4 class="department-title">
                    <a href="#">IT And Data Science</a>
                  </h4>
                  <p>
                    There are many variations of passages the majority have some
                    injected humour.
                  </p>
                  <div class="department-btn">
                    <a href="#"
                      >Read More<i class="fas fa-arrow-right-long"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="department-item">
                <div class="department-icon">
                  <img src="assets/img/icon/health.svg" alt="" />
                </div>
                <div class="department-info">
                  <h4 class="department-title">
                    <a href="#">Health And Medicine</a>
                  </h4>
                  <p>
                    There are many variations of passages the majority have some
                    injected humour.
                  </p>
                  <div class="department-btn">
                    <a href="#"
                      >Read More<i class="fas fa-arrow-right-long"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="department-item">
                <div class="department-icon">
                  <img src="assets/img/icon/art.svg" alt="" />
                </div>
                <div class="department-info">
                  <h4 class="department-title">
                    <a href="#">Art And Design</a>
                  </h4>
                  <p>
                    There are many variations of passages the majority have some
                    injected humour.
                  </p>
                  <div class="department-btn">
                    <a href="#"
                      >Read More<i class="fas fa-arrow-right-long"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="department-item">
                <div class="department-icon">
                  <img src="assets/img/icon/information.svg" alt="" />
                </div>
                <div class="department-info">
                  <h4 class="department-title">
                    <a href="#">Information Technology</a>
                  </h4>
                  <p>
                    There are many variations of passages the majority have some
                    injected humour.
                  </p>
                  <div class="department-btn">
                    <a href="#"
                      >Read More<i class="fas fa-arrow-right-long"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="department-item">
                <div class="department-icon">
                  <img src="assets/img/icon/acting.svg" alt="" />
                </div>
                <div class="department-info">
                  <h4 class="department-title">
                    <a href="#">Acting And Drama</a>
                  </h4>
                  <p>
                    There are many variations of passages the majority have some
                    injected humour.
                  </p>
                  <div class="department-btn">
                    <a href="#"
                      >Read More<i class="fas fa-arrow-right-long"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-3">
              <div class="department-item">
                <div class="department-icon">
                  <img src="assets/img/icon/human.svg" alt="" />
                </div>
                <div class="department-info">
                  <h4 class="department-title">
                    <a href="#">Human Resource</a>
                  </h4>
                  <p>
                    There are many variations of passages the majority have some
                    injected humour.
                  </p>
                  <div class="department-btn">
                    <a href="#"
                      >Read More<i class="fas fa-arrow-right-long"></i
                    ></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- department area end -->
    </main>
   @include('frontend.footer')