FANDOM


@extends('template.body')

@section('konten')

   
    <section class="hero-section hero-particle-bg" id="top" data-stellar-background-ratio="0.1">
        <div id="particles-js"></div>
        <div class="slider-caption">
      
   
                   <div class="flipInX wow animated"> <h1 style="font-size: 50px;">Selamat Datang Di <span>E-Learning SMP Katolik</span></h1>

                   
E-learning Akan memudahkan anda dalam melakukan proses belajar mengajar anda.

                    </div>
        <h6 style="color: white;">Diharapkan dengan adanya fasilitas ini akan membantu perkembangan metode pembelajaran pada sekolah.</h6><br>
        <button style="color: #2ecc71" class="btn login">PELAJARI LEBIH LANJUT</button>
                </div>
            </div>
        </div>

    </section>
   


   
        
    <section class="about-us" id="about">
        <div class="slideInRight wow animated">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-6 col-xs-12 no-padding">
                   
                    <div class="about-us-left">

                       

Visi & Misi


                        <p> Setia pada pencerdasan kehidupan bangsa, Setia pada ciri khas katolik, Profesional dalam penyelenggaraan, pengelolaan dan pelaksanaan pendidikan, Unggul dan Memiliki pribadi utuh.</p>
                  

                    </div>
                </div>
                <div class="col-sm-6 col-xs-12 no-padding">
                   
                    <div class="about-us-right">
                 
                        <div class="media">
                            <div class="media-left dotted">
                                <i class="fa fa-map-marker"></i>
                            </div>
                            <div class="media-body">

                               

Alamat


                                <p>Jl. Gunung Merbabu No.117, RT.4, Jawa, Samarinda Ulu, Kota Samarinda, Kalimantan Timur 75122 </p>
                            </div>
                        </div>
                       
                        <div class="media">
                            <div class="media-left dotted">
                                <i class="fa fa-phone"></i>
                            </div>
                            <div class="media-body">

                               

Telpon


                                <p>(0541) 741178 </p>
                            </div>
                        </div>
                       
                        <div class="media">
                            <div class="media-left">
                                <i class="fa fa-globe"></i>
                            </div>
                            <div class="media-body">

                               

Provinsi


                                <p>Kalimantan Timur </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>
    </section>

   

 

    <section class="goolge-map-section">
        
        <div class="toggle-map-button">
            <button id="mapToggle" class="gmap-btn btn-block">Cari Di Google Maps<i class="fa fa-chevron-down"></i></button>                
        </div>
       
        <div class="google-map-container">
           
            
            <iframe class="google-map" id="gmap-wrapper" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3989.6668777664145!2d117.1347843141758!3d-0.49921363541335745!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2df67f06342c08d5%3A0x82e141e21e86c674!2sSMP+Katolik+1+WR.+Soepratman+011!5e0!3m2!1sid!2sid!4v1482745926490" width="1366" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
        </div>
    </section>

   
       
<div class="rollIn wow animated">
        <section class="our-services-section section-padding" id="service">
            <div class="container">
               

               

Web E-Learning SMP Katolik Samarinda


               
                <p class="sub-title text-center">Keunggulan Dari Sistem Yang Dibuat Ini :</p>

                <div class="row our-services">

                   
                    <div class="col-md-6 col-lg-5 col-sm-12 col-lg-offset-1 col-xs-12 single-service">
                        <div class="media">
                            <div class="media-left">
                                <i class="fa fa-laptop"></i>
                            </div>
                            <div class="media-body">
                               

                               

Memudahkan Siswa


                                <p>Dengan sistem ini siswa bisa melakukan kegiatan belajar dimana saja dan kapan saja</p>
                            </div>
                        </div>
                    </div>

                   
                    <div class="col-md-6 col-lg-5 col-sm-12 col-xs-12 single-service">
                        <div class="media">
                            <div class="media-left">
                                <i class="fa fa-book"></i>
                            </div>
                            <div class="media-body">

                               

Memudahkan Guru/Pengajar


                                <p>Sistem ini dibuat agar guru/pengajar dapat memberikan materi/modul ke siswa tanpa harus berada dikelas</p>
                            </div>
                        </div>
                    </div>

                   
                    <div class="col-md-6 col-lg-5 col-sm-12 col-xs-12 col-lg-offset-1 single-service">
                        <div class="media">
                            <div class="media-left">
                                <i class="fa fa-binoculars"></i>
                            </div>
                            <div class="media-body">

                               

Nilai Dapat Dilihat  Langsung


                                <p>Dengan adanya sistem ini siswa dapat mengetahui hasil ujian yang dilakukan secara langsung tanpa harus bertemu guru/pengajar</p>
                            </div>
                        </div>
                    </div>

                   
                    <div class="col-md-6 col-lg-5 col-sm-12 col-xs-12 single-service">
                        <div class="media">
                            <div class="media-left">
                                <i class="fa fa-modx"></i>
                            </div>
                            <div class="media-body">

                               

Mendukung Digitilasasi & Menghemat Penggunaan Kertas


                                <p>Dengan sistem ini kegiatan belajar mengajar serta ujian dapat dilakukan secara online dimanapun dan kapanpun (realtime) </p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            </div>
        </section>

       

        

    <section class="testimonial-section section-padding" id="testimonial">
        <div class="rotateInUpRight wow animated">
        <div class="container">
            <div class="row">
               
                <div id="testimonial-carousel" class="owl-carousel owl-theme">
                   
                    <div class="item">
                       
                        <div class="col-md-5 col-md-offset-1 col-lg-5 col-lg-offset-1 col-sm-6 col-xs-12">
                            <h2 class="section-title-left testimoinal-title">Testimoni Mengenai<br> <span>Sistem E-Learning</span> ini</h2>
                            <div class="testimonial-body">
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismod tincidunt ut laoreet dolore ma quam erat volutpat. Nihil imperdiet doming id quod mazim erat facer possim assum.</p>
                                <p>Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.</p>
                                <div class="client-name">
                                    <a href="#"><b>Doni vai</b></a>
                                </div>
                            </div>
                        </div>
                       
                        <div class="col-md-4 col-md-offset-1 col-lg-4 col-lg-offset-1 col-sm-6 col-xs-12 testimonial-image">
                            <figure>
                                <img class="img-responsive center-block" src="{{ asset('aset/img/testimoni/1.jpg') }}" alt="">
                            </figure>
                        </div>
                    </div>
                    
                   
                    <div class="item">
                       
                        <div class="col-md-5 col-md-offset-1 col-lg-5 col-lg-offset-1 col-sm-6 col-xs-12">
                            <h2 class="section-title-left testimoinal-title">Testimoni Mengenai<br> <span>Sistem E-Learning</span> ini</h2>
                            <div class="testimonial-body">
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismod tincidunt ut laoreet dolore ma quam erat volutpat. Nihil imperdiet doming id quod mazim erat facer possim assum.</p>
                                <p>Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.</p>
                                <div class="client-name">
                                    <a href="#"><b>pagla baba</b></a>
                                </div>
                            </div>
                        </div>
                       
                        <div class="col-md-4 col-md-offset-1 col-sm-6 col-xs-12 testimonial-image">
                            <figure>
                                <img class="img-responsive center-block" src="{{ asset('aset/img/testimoni/2.jpg') }}" alt="">
                            </figure>
                        </div>
                    </div>

                   
                    <div class="item">
                       
                        <div class="col-md-5 col-md-offset-1 col-lg-5 col-lg-offset-1 col-sm-6 col-xs-12">
                            <h2 class="section-title-left testimoinal-title">Testimoni Mengenai<br> <span>Sistem E-Learning</span> ini</h2>
                            <div class="testimonial-body">
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismod tincidunt ut laoreet dolore ma quam erat volutpat. Nihil imperdiet doming id quod mazim erat facer possim assum.</p>
                                <p>Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.</p>
                                <div class="client-name">
                                    <a href="#"><b>Patla Khan</b></a>
                                </div>
                            </div>
                        </div>
                       
                        <div class="col-md-4 col-md-offset-1 col-sm-6 col-xs-12 testimonial-image">
                            <figure>
                                <img class="img-responsive center-block" src="{{ asset('aset/img/testimoni/3.jpg') }}" alt="">
                            </figure>
                        </div>
                    </div>

                   
                    <div class="item">
                       
                        <div class="col-md-5 col-md-offset-1 col-lg-5 col-lg-offset-1 col-sm-6 col-xs-12">
                            <h2 class="section-title-left testimoinal-title">Testimoni Mengenai<br> <span>Sistem E-Learning</span> ini</h2>
                            <div class="testimonial-body">
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonum nibh euismod tincidunt ut laoreet dolore ma quam erat volutpat. Nihil imperdiet doming id quod mazim erat facer possim assum.</p>
                                <p>Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.</p>
                                <div class="client-name">
                                    <a href="#"><b>Aatel Vai</b></a>
                                </div>
                            </div>
                        </div>
                       
                        <div class="col-md-4 col-md-offset-1 col-sm-6 col-xs-12 testimonial-image">
                            <figure>
                                <img class="img-responsive center-block" src="{{ asset('aset/img/testimoni/4.jpg') }}" alt="">
                            </figure>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>

   
@stop

@section('footer')

@stop

v

Community content is available under CC-BY-SA unless otherwise noted.