
<!--================Home Banner Area =================-->
<section class="home_banner_area">
    <div class="banner_inner d-flex align-items-center">
        <div class="overlay bg-parallax" data-stellar-ratio="0.9" data-stellar-vertical-offset="0" data-background="">
        </div>
        <div class="container">
            <div class="banner_content text-center">
                <h3>Welcome to the Del Mobile Application</h3>
                <p>Sistem Informasi Del Mobile Application. 
                    Sistem Informasi ini merupakan Sistem Informasi yang memberikan layanan mengenai Del Mobile Application. 
                    Di dalam sistem ini tim pengembang memberikan layanan untuk melihat informasi kepada pengguna. </p>
                <a class="main_btn" href="<?=base_url('user/registration')?>#registration">Daftar Sekarang</a>
            </div>
        </div>
    </div>
</section>
<!--================End Home Banner Area =================-->


<!--================Finance Area =================-->
<section class="finance_area">
    <div class="container">
        <div class="finance_inner row">
            <div class="col-lg-3 col-sm-6">
                <div class="finance_item">
                    <div class="media">
                        <div class="d-flex">
                            <i class="lnr lnr-rocket"></i>
                        </div>
                        <div class="media-body">
                            <h5>Cepat & <br />Mudah</h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="finance_item">
                    <div class="media">
                        <div class="d-flex">
                            <i class="lnr lnr-earth"></i>
                        </div>
                        <div class="media-body">
                            <h5>Kompetensi <br />Internasional</h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="finance_item">
                    <div class="media">
                        <div class="d-flex">
                            <i class="lnr lnr-smile"></i>
                        </div>
                        <div class="media-body">
                            <h5>User <br /> Friendly</h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="finance_item">
                    <div class="media">
                        <div class="d-flex">
                            <i class="lnr lnr-tag"></i>
                        </div>
                        <div class="media-body">
                            <h5>Simple<br /></h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--================End Finance Area =================-->


<!--================Courses Area =================-->
<section id="team" class="team">
      <div class="container">

        <div class="section-title" data-aos="fade-up">
          <h2>Team</h2>
          <p>Del Mobile Application is a very tight team of designers, developers, Systems analysts, web designers and customer service. 
              Our Club is based at the Del Institute of Technology Jl. Sisingamangaraja, Sitoluama Laguboti, Toba Samosir North Sumatra, Indonesia</p>
        </div>

        <div class="row">

          <div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up">
            <div class="member">
              <img src="assets/img/team/team-1.jpeg" class="img-fluid" alt="">
              <div class="member-info">
                <div class="member-info-content">
                  <h4>Romauli Sianipar</h4>
                  <span>Project Manager</span>
                </div>
                <div class="social">
                  <a href=""><i class="icofont-twitter"></i></a>
                  <a href=""><i class="icofont-facebook"></i></a>
                  <a href=""><i class="icofont-instagram"></i></a>
                  <a href=""><i class="icofont-linkedin"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
            <div class="member">
              <img src="assets/img/team/team-2.jpeg" class="img-fluid" alt="">
              <div class="member-info">
                <div class="member-info-content">
                  <h4>Elfrida R.D Tampubolon</h4>
                  <span>System Analysis</span>
                </div>
                <div class="social">
                  <a href=""><i class="icofont-twitter"></i></a>
                  <a href=""><i class="icofont-facebook"></i></a>
                  <a href=""><i class="icofont-instagram"></i></a>
                  <a href=""><i class="icofont-linkedin"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
            <div class="member">
              <img src="assets/img/team/team-3.jpeg" class="img-fluid" alt="">
              <div class="member-info">
                <div class="member-info-content">
                  <h4>Pahala Picauly Sagala</h4>
                  <span>Programmer</span>
                </div>
                <div class="social">
                  <a href=""><i class="icofont-twitter"></i></a>
                  <a href=""><i class="icofont-facebook"></i></a>
                  <a href=""><i class="icofont-instagram"></i></a>
                  <a href=""><i class="icofont-linkedin"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
            <div class="member">
              <img src="assets/img/team/team-4.jpeg" class="img-fluid" alt="">
              <div class="member-info">
                <div class="member-info-content">
                  <h4>Sharon C.Siahaan</h4>
                  <span>Web Designer</span>
                </div>
                <div class="social">
                  <a href=""><i class="icofont-twitter"></i></a>
                  <a href=""><i class="icofont-facebook"></i></a>
                  <a href=""><i class="icofont-instagram"></i></a>
                  <a href=""><i class="icofont-linkedin"></i></a>
                </div>
              </div>
            </div>
          </div>

        </div>

      </div>
    </section><!-- End Team Section -->


<!--================Team Area =================-->
<!-- ======= Services Section ======= -->
    <section id="services" class="services section-bg">
      <div class="container">

        <div class="section-title" data-aos="fade-up">
          <h2>Services</h2>
         </div>

        <div class="row">
          <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up">
            <div class="icon-box icon-box-pink">
              <div class="icon"><i class="bx bxl-dribbble"></i></div>
              <h4 class="title"><a href="">Hasil yang Efektif</a></h4>
              <p class="description">Kami telah membangun banyak proyek. Club kami mencapai efisiensi biaya dan standar kualitas dan layanan yang sangat tinggi.</p>
            </div>
          </div>

          <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="100">
            <div class="icon-box icon-box-cyan">
              <div class="icon"><i class="bx bx-file"></i></div>
              <h4 class="title"><a href="">Skill Profesional</a></h4>
              <p class="description">Kami dengan teliti, dan berhati-hati dalam melatih dan mengelola Pengajar kami, sama seperti Anda. 
                  Anda dapat yakin bahwa Anda bekerja dengan tim profesional yang kompeten.</p>
            </div>
          </div>

          <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="200">
            <div class="icon-box icon-box-green">
              <div class="icon"><i class="bx bx-tachometer"></i></div>
              <h4 class="title"><a href="">Kepercayaan dan Kepuasaan</a></h4>
              <p class="description">Proses kami dirancang secara transparan. 
                  Kami akan memberi Anda Kepercayaan dan kepuasaan yang jelas , dan memberikan pemberitahuan terbaru tentang Club kami.</p>
            </div>
          </div>

          <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="300">
            <div class="icon-box icon-box-blue">
              <div class="icon"><i class="bx bx-world"></i></div>
              <h4 class="title"><a href="">Keamanan</a></h4>
              <p class="description">Club kami dibangun secara aman terhadap data diri akun anda dan terlindungi dari pencurian data Anda</p>
            </div>
          </div>

        </div>

      </div>
    </section><!-- End Services Section -->


<!--================Impress Area =================-->
<section class="impress_area p_120">
    <div class="container">
        <div class="impress_inner text-center">
            <h2>JADILAH PENGAJAR DAN MENGAJAR DI Del Mobile Application</h2>
            <p>Jika anda adalah seorang Pengajar, anda dapat mendaftar dan masuk untuk mengajar para pengguna di Del Mobile Appplcation.
                Tidak dikenakan biaya dan anda dapat segera mengajar setelah disetujui oleh pihak Kampus.
            </p>
            <a class="main_btn2" href="<?=base_url('welcome/pengajar')?>">Login sebagai Pengajar</a>
        </div>
    </div>
</section>
<!--================End Impress Area =================-->
<link rel="stylesheet" type="text/css" href="assets/css/team.css">
<link rel="stylesheet" type="text/css" href="assets/css/Services.css">
<link rel="stylesheet" type="text/css" href="assets/icofont/icofont.min.css">