<?= $this->extend('layout/footer'); ?>
<?= $this->section('content'); ?>


<main class="main-content">
    <!--== Start Hero Area Wrapper ==-->
    <section class="home-slider-area">
        <div class="swiper-container home-slider-container default-slider-container">
            <div class="swiper-wrapper home-slider-wrapper slider-default">
                <div class="swiper-slide">
                    <div class="slider-content-area" data-bg-img="assets/img/slider/slider-01.jpg">
                        <div class="container p--0">
                            <div class="row align-items-center">
                                <div class="col-12">
                                    <div class="slider-content">
                                        <h2 class="title">Berziarah <br>bersama Kaum Muda</h2>
                                        <p class="desc">Seraya mensyukuri rahmat Tahun Kerahiman Tuhan, kita hendak menelusuri kembali peziarahan sebagai Jesuit dengan sukacita; menghidupi identitas dan kharisma kita dalam tuntunan Roh Kudus; serta merefleksikan gerak kerasulan kita di tengah kaum muda dengan penuh pengharapan”.</p>
                                        <a class="btn-slider" href="/retret">Bahan Retret</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="slider-content-area" data-bg-img="assets/img/slider/slider-04.jpg">
                        <div class="container p--0">
                            <div class="row align-items-center">
                                <div class="col-12">
                                    <div class="slider-content">
                                        <h2 class="title">Berpengharapan <br>Menuju Masa Depan</h2>
                                        <p class="desc">Seraya mensyukuri rahmat Tahun Kerahiman Tuhan, kita hendak menelusuri kembali peziarahan sebagai Jesuit dengan sukacita; menghidupi identitas dan kharisma kita dalam tuntunan Roh Kudus; serta merefleksikan gerak kerasulan kita di tengah kaum muda dengan penuh pengharapan”.</p>
                                        <a class="btn-slider" href="/retret">Bahan Retret</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--== Add Swiper Arrows ==-->
            <div class="swiper-button-next"><i class="fa fa-angle-right"></i></div>
            <div class="swiper-button-prev"><i class="fa fa-angle-left"></i></div>

            <!--== Add Swiper Pagination ==-->
            <div class="swiper-pagination"></div>
        </div>
    </section>
    <!--== End Hero Area Wrapper ==-->

    <!--== Start About Area Wrapper ==-->
    <section class="about-area about-default-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title section-title-column-style mb--0">
                        <div class="column-left">
                            <h2 class="title mb--0" data-aos="fade-up" data-aos-offset="50" style="color: #5B7B57;">Pendahuluan</h2>
                        </div>
                        <div class="column-right">
                            <div class="desc mb--0" data-aos="fade-up" data-aos-delay="50" data-aos-offset="80">
                                <p>Paus Fransiskus membuka Tahun Yubileum dengan tema yang sangat indah: Peziarah Pengharapan. Dalam Bulla Spes Non Confundit, Paus Fransiskus mengajak semua umat untuk menghidupkan kembali harapan. Dalam konteks evangelisasi, Gereja dipanggil untuk membagikan harapan, terutama di tengah situasi krisis yang terjadi saat ini. Iman, harapan, dan kasih. Demikian keutamaan-keutamaan ini mengungkapkan dengan indah hakikat kehidupan Kristiani. Dalam terang harapan, kita diajak untuk berani membaca masa lalu
                                    <a href="/pendahuluan" style="color: #5B7B57;"><i>Read more</i></a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <!--== End About Area Wrapper ==-->

    <br><br>
    <div class="shadow-none p-3 mb-5 bg-light rounded" style="color: #BFD0C1;"></div>

    <!--== Start Team Area Wrapper ==-->
    <section class="team-area team-default-area pb-150">
        <div class="container pb--0 pt--0">
            <div class="row">
                <div class="col-lg-9">
                    <div class="section-title">
                        <h2 class="title" data-aos="fade-up" data-aos-offset="50" style="color: #5B7B57;">Bahan-Bahan Retret</h2>
                        <div class="desc mb--0" data-aos="fade-up" data-aos-delay="50" data-aos-offset="60">
                            <p>Pokok-pokok renungan dan panduan retret disusun seturut cara berdoa yang sudah familiar kita kenal dalam <i>Latihan Rohani</i>, mulai dari doa persiapan, rahmat yang dimohon, bahan, <i>puncta, colloquy,</i> beberapa repetisi maupun pengenaan panca indra dan refleksi doa.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row no-gutter">
            <div class="col-md-12 col-lg-6">
                <div class="row no-gutter">
                    <div class="col-sm-6">
                        <!--== Start Team Item ==-->
                        <div class="team-item" data-aos="fade-up" data-aos-offset="60">
                            <div class="inner-content">
                                <div class="thumb">
                                    <a href="/day1"> <img src="assets/img/team/1.jpg" alt="Team"></a>
                                </div>
                            </div>
                        </div>
                        <!--== End Team Item ==-->
                    </div>
                    <div class="col-sm-6">
                        <div class="team-wrap" data-aos="fade-up" data-aos-offset="60">
                            <div class="team-info">
                                <h5 class="team-name"><a href="/day1" style="color: #5B7B57;">Hari Pertama</a></h5>

                            </div>
                            <div class="team-text"><a href="/day1" style="color: #5B7B57;">Membangun Disposisi Hati: <b><i>“My Life Since My Last Retreat”</i></b></a>
                            </div>
                            <div class="team-social">
                                <a href="https://www.facebook.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-facebook"></i>
                                </a>
                                <a href="https://twitter.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-twitter"></i>
                                </a>
                                <a href="https://www.instagram.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-instagram"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-lg-6">
                <div class="row no-gutter">
                    <div class="col-sm-6">
                        <!--== Start Team Item ==-->
                        <div class="team-item" data-aos="fade-up" data-aos-offset="60">
                            <div class="inner-content">
                                <div class="thumb">
                                    <a href="/day2"> <img src="assets/img/team/2.jpg" alt="Team"></a>
                                </div>
                            </div>
                        </div>
                        <!--== End Team Item ==-->
                    </div>
                    <div class="col-sm-6">
                        <div class="team-wrap" data-aos="fade-up" data-aos-offset="60">
                            <div class="team-info">
                                <h5 class="team-name"><a href="/day2" style="color: #5B7B57;">Hari Kedua</a></h5>
                            </div>
                            <div class="team-text"><a href="day2" style="color: #5B7B57;"><b>Kharisma Hidup Jesuit dalam <i>Formula Instituti</i></b></a></div>
                            <div class="team-social">
                                <a href="https://www.facebook.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-facebook"></i>
                                </a>
                                <a href="https://twitter.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-twitter"></i>
                                </a>
                                <a href="https://www.instagram.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-instagram"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-lg-6 team-right">
                <div class="row no-gutter">
                    <div class="col-sm-6">
                        <div class="team-wrap" data-aos="fade-up" data-aos-offset="60">
                            <div class="team-info">
                                <h5 class="team-name"><a href="/day3" style="color: #5B7B57;">Hari Ketiga</a></h5>
                            </div>
                            <div class="team-text"><a href="day3" style="color: #5B7B57;"><b>Identitas Jesuit: Persahabatan dengan Yesus</b></a></div>
                            <div class="team-social">
                                <a href="https://www.facebook.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-facebook"></i>
                                </a>
                                <a href="https://twitter.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-twitter"></i>
                                </a>
                                <a href="https://www.instagram.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-instagram"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <!--== Start Team Item ==-->
                        <div class="team-item" data-aos="fade-up" data-aos-offset="60">
                            <div class="inner-content">
                                <div class="thumb thumb--right">
                                    <a href="/day3"> <img src="assets/img/team/3.jpg" alt="Team"></a>
                                </div>
                            </div>
                        </div>
                        <!--== End Team Item ==-->
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-lg-6 team-right">
                <div class="row no-gutter">
                    <div class="col-sm-6">
                        <div class="team-wrap" data-aos="fade-up" data-aos-offset="60">
                            <div class="team-info">
                                <h5 class="team-name"><a href="/day4" style="color: #5B7B57;">Hari Keempat</a></h5>
                            </div>
                            <div class="team-text" style="color: #5B7B57;"><a href="day4" style="color: #5B7B57;"><b>Komunitas dan Perutusan Jesuit</b></a></div>
                            <div class="team-social">
                                <a href="https://www.facebook.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-facebook"></i>
                                </a>
                                <a href="https://twitter.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-twitter"></i>
                                </a>
                                <a href="https://www.instagram.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-instagram"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <!--== Start Team Item ==-->
                        <div class="team-item" data-aos="fade-up" data-aos-offset="60">
                            <div class="inner-content">
                                <div class="thumb thumb--right">
                                    <a href="/day4"> <img src="assets/img/team/4.jpg" alt="Team"></a>
                                </div>
                            </div>
                        </div>
                        <!--== End Team Item ==-->
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-lg-6">
                <div class="row no-gutter">
                    <div class="col-sm-6">
                        <!--== Start Team Item ==-->
                        <div class="team-item" data-aos="fade-up" data-aos-offset="60">
                            <div class="inner-content">
                                <div class="thumb">
                                    <a href="/day5"><img src="assets/img/team/5.jpg" alt="Team"></a>
                                </div>
                            </div>
                        </div>
                        <!--== End Team Item ==-->
                    </div>
                    <div class="col-sm-6">
                        <div class="team-wrap" data-aos="fade-up" data-aos-offset="60">
                            <div class="team-info">
                                <h5 class="team-name"><a href="/day5" style="color: #5B7B57;">Hari Kelima</a></h5>
                            </div>
                            <div class="team-text" style="color: #5B7B57;"><a href="day5" style="color: #5B7B57;"><b>Misi SJ: Berziarah Bersama Kaum Muda</b></a>
                            </div>
                            <div class="team-social">
                                <a href="https://www.facebook.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-facebook"></i>
                                </a>
                                <a href="https://twitter.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-twitter"></i>
                                </a>
                                <a href="https://www.instagram.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-instagram"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-lg-6">
                <div class="row no-gutter">
                    <div class="col-sm-6">
                        <!--== Start Team Item ==-->
                        <div class="team-item" data-aos="fade-up" data-aos-offset="60">
                            <div class="inner-content">
                                <div class="thumb">
                                    <a href="/day6"> <img src="assets/img/team/6.jpg" alt="Team"></a>
                                </div>
                            </div>
                        </div>
                        <!--== End Team Item ==-->
                    </div>
                    <div class="col-sm-6">
                        <div class="team-wrap" data-aos="fade-up" data-aos-offset="60">
                            <div class="team-info">
                                <h5 class="team-name"><a href="/day6" style="color: #5B7B57;">Hari Keenam</a></h5>
                            </div>
                            <div class="team-text" style="color: #5B7B57;"><a href="day6" style="color: #5B7B57;"><b>Kesaksian Hidup Jesuit di Zaman Ini</b></a></div>
                            <div class="team-social">
                                <a href="https://www.facebook.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-facebook"></i>
                                </a>
                                <a href="https://twitter.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-twitter"></i>
                                </a>
                                <a href="https://www.instagram.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-instagram"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-lg-6 team-right">
                <div class="row no-gutter">
                    <div class="col-sm-6">
                        <div class="team-wrap" data-aos="fade-up" data-aos-offset="60">
                            <div class="team-info">
                                <h5 class="team-name"><a href="/day7" style="color: #5B7B57;">Hari Ketujuh</a></h5>
                            </div>
                            <div class="team-text" style="color: #5B7B57;"><a href="day7" style="color: #5B7B57;"><b>Membangun Budaya <i>Mrompang! (the culture of vocation promotion)</i></b></a></div>
                            <div class="team-social">
                                <a href="https://www.facebook.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-facebook"></i>
                                </a>
                                <a href="https://twitter.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-twitter"></i>
                                </a>
                                <a href="https://www.instagram.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-instagram"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <!--== Start Team Item ==-->
                        <div class="team-item" data-aos="fade-up" data-aos-offset="60">
                            <div class="inner-content">
                                <div class="thumb thumb--right">
                                    <a href="/day7"> <img src="assets/img/team/7.jpg" alt="Team"></a>
                                </div>
                            </div>
                        </div>
                        <!--== End Team Item ==-->
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-lg-6 team-right">
                <div class="row no-gutter">
                    <div class="col-sm-6">
                        <div class="team-wrap" data-aos="fade-up" data-aos-offset="60">
                            <div class="team-info">
                                <h5 class="team-name"><a href="/day8" style="color: #5B7B57;">Hari Kedelapan</a></h5>
                            </div>
                            <div class="team-text" style="color: #5B7B57;"><a href="day8" style="color: #5B7B57;"><b>Jesuit: Peziarah Pengharapan</b></a></div>
                            <div class="team-social">
                                <a href="https://www.facebook.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-facebook"></i>
                                </a>
                                <a href="https://twitter.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-twitter"></i>
                                </a>
                                <a href="https://www.instagram.com/" target="_blank" class="team-social-item">
                                    <i class="fa fa fa-instagram"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <!--== Start Team Item ==-->
                        <div class="team-item" data-aos="fade-up" data-aos-offset="60">
                            <div class="inner-content">
                                <div class="thumb thumb--right">
                                    <a href="/day8"> <img src="assets/img/team/8.jpg" alt="Team"> </a>
                                </div>
                            </div>
                        </div>
                        <!--== End Team Item ==-->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--== End Team Area Wrapper ==-->

    <div class="shadow-none p-3 mb-5 bg-light rounded" style="color: #BFD0C1;"></div>


    <!--== Start Testimonial Area Wrapper ==-->
    <section class="testimonial-area">
        <div class="container max-1170">
            <div class="row">
                <div class="col-12">
                    <div class="testimonial-style-wrap">
                        <div class="swiper-container testi-slider-container">
                            <div class="swiper-wrapper" data-aos="fade-up" data-aos-delay="120" data-aos-offset="180">
                                <div class="swiper-slide">
                                    <!--== Start Testimonial Item ==-->
                                    <div class="testimonial-item">
                                        <div class="testi-icon-box svg-icon-style">
                                            <div class="svg-icon icon" id="testi-icon-svg-1" data-svg-icon="assets/img/icons/testi-icon.svg"></div>
                                            <div class="testi-image">
                                                <img src="assets/img/testimonial/02.jpg" alt="Testimonial">
                                            </div>
                                        </div>
                                        <div class="testi-inner-content">
                                            <div class="testi-content">
                                                <p>Allah juga tinggal dalam aku (LR. 235).</p>
                                            </div>
                                            <div class="testi-author">
                                                <div class="testi-info">
                                                    <h3 class="designation">Ignatius Loyola</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--== End Testimonial Item ==-->
                                </div>
                                <div class="swiper-slide">
                                    <!--== Start Testimonial Item ==-->
                                    <div class="testimonial-item">
                                        <div class="testi-icon-box svg-icon-style">
                                            <div class="svg-icon icon" id="testi-icon-svg-2" data-svg-icon="assets/img/icons/testi-icon.svg"></div>
                                            <div class="testi-image">
                                                <img src="assets/img/testimonial/02.jpg" alt="Testimonial">
                                            </div>
                                        </div>
                                        <div class="testi-inner-content">
                                            <div class="testi-content">
                                                <p>Semoga rahmat Tahun Yubileum ini menghidupkan kembali dalam diri kami, Para Peziarah Pengharapan, kerinduan akan harta surgawi</p>
                                            </div>
                                            <div class="testi-author">
                                                <div class="testi-info">
                                                    <h3 class="designation">Pope Francis</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--== End Testimonial Item ==-->
                                </div>
                                <div class="swiper-slide">
                                    <!--== Start Testimonial Item ==-->
                                    <div class="testimonial-item">
                                        <div class="testi-icon-box svg-icon-style">
                                            <div class="svg-icon icon" id="testi-icon-svg-3" data-svg-icon="assets/img/icons/testi-icon.svg"></div>
                                            <div class="testi-image">
                                                <img src="assets/img/testimonial/02.jpg" alt="Testimonial">
                                            </div>
                                        </div>
                                        <div class="testi-inner-content">
                                            <div class="testi-content">
                                                <p>“Pengampunan tidak mengubah masa lalu; hal ini tidak dapat mengubah apa yang terjadi di masa lalu, namun pengampunan dapat memungkinkan kita untuk mengubah masa depan dan menjalani kehidupan yang berbeda, bebas dari kemarahan, permusuhan dan dendam” (SNC, 23).</p>
                                            </div>
                                            <div class="testi-author">
                                                <div class="testi-info">
                                                    <h3 class="designation">Spes Non Confundit</h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--== End Testimonial Item ==-->
                                </div>
                            </div>

                            <!--== Add Swiper Pagination ==-->
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--== End Testimonial Area Wrapper ==-->


</main>

<?= $this->endSection(); ?>