{% extends 'base.html.twig' %}{# <div class="intro"> #}{# <div class="inner"> #}{# <img src="{{ asset('build/images/epcs-logo.png') }}" class="logo img-fluid" alt=""> #}{# <h1 class="d-block">EPCYFS</h1> #}{# <p>EVANGELICAL PRESBYTERIAN CHURCH <br>YOUTH FELLOWSHIP, SIKKIM</p> #}{# <div id="powered" class="small">Designed & Developed by : <span>Rainforest Technology</span></div> #}{# </div> #}{# <!-- Modal --> #}{# </div> #} {% block title %}EPCYF Sikkim{% endblock %} {% block body %} <div class="main-banner-area-wrap"> <div class="container-fluid"> <div class="row align-items-center"> <div class="col-lg-5 col-md-12"> <div class="main-banner-content-wrap" data-aos="fade-right" data-aos-delay="50" data-aos-duration="500"> <a class="text-uppercase small btn btn-sm btn-warning" href="https://epcyfs.com/app-release.apk" download><!-- https://feathericons.dev/?search=smartphone&iconset=feather --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" class="main-grid-item-icon" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"> <rect height="20" rx="2" ry="2" width="14" x="5" y="2" /> <line x1="12" x2="12.01" y1="18" y2="18" /> </svg> Download App</a> <h1>Evangelical Presbyterian Church Youth Fellowship</h1> <p class="lead"> The Evangelical Presbyterian Church (EPC) Youth Fellowship in Sikkim is a vibrant and active youth group within the Evangelical Presbyterian Church of Sikkim. The youth fellowship aims to provide spiritual growth, community involvement... </p> <div class="banner-btn"> <a href="{{ path('about_us') }}" class="default-btn"> Read More <i class="ri-arrow-right-line"></i> </a> </div> </div> </div> <div class="col-lg-7 col-md-12"> <div class="main-banner-wrap-image " data-aos="fade-left" data-aos-delay="50" data-aos-duration="500"> <div class="main-banner-wrap-image-slides owl-carousel owl-theme"> <div class="image position-relative"> <iframe width="100%" height="415" src="https://www.youtube.com/embed/EKnqeKIWG0M?si=7ZspPO3G0gNZFgba" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>{# <img src="https://images.pexels.com/photos/1666816/pexels-photo-1666816.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2"#}{# alt="">#}{# <span class="position-absolute text-white capptopnn">#}{# </span>#} </div> </div> </div> </div> </div> </div> </div> <!--Events--> <div class="case-studies-area pt-100"> <div class="container"> <div class="section-title"> <div class="row align-items-center"> <div class="col-lg-8"> <h2>List of Events</h2> </div> <div class="col-lg-4 text-end"> <a href="#" class="default-btn"> View all <i class="ri-arrow-right-line"></i> </a> </div> </div> </div> </div> <div class="container-fluid"> <div class="case-studies-slides owl-carousel owl-theme"> <div class="single-case-studies-card position-relative"> <div class="eventdate"> <i class="ri-calendar-line pe-2"></i> 10-06-2023 </div> <a href="#"> <img src="{{ asset('assets/images/featured.jpeg') }}" alt=""> </a> <div class="case-studies-content"> <span>Next Gen / Leaders meet</span> <h3> <a href="#"> EPC Namchi </a> </h3> <div class="icon"> <a href="#"> <i class="ri-arrow-right-line"></i> </a> </div> </div> </div> <div class="single-case-studies-card position-relative"> <div class="eventdate"> <i class="ri-calendar-line pe-2"></i> 23-01-2023 </div> <a href="#"> <img src="{{ asset('assets/images/misc/ayc.jpg') }}" alt=""> </a> <div class="case-studies-content"> <span>27th Annual Youth Convention</span> <h3> <a href="#"> From 23rd - 26th January </a> </h3> <div class="icon"> <a href="#"> <i class="ri-arrow-right-line"></i> </a> </div> </div> </div> <div class="single-case-studies-card position-relative"> <div class="eventdate"> <i class="ri-calendar-line pe-2"></i> 23-01-2023 </div> <a href="#"> <img src="{{ asset('assets/images/misc/language.jpg') }}" alt=""> </a> <div class="case-studies-content"> <span>Upcoming Event 2023</span> <h3> <a href="#"> Lorem ipsum dolor sit amet consecs elit. </a> </h3> <div class="icon"> <a href="#"> <i class="ri-arrow-right-line"></i> </a> </div> </div> </div> </div> </div> <div class="main-banner-shape-1" data-speed="0.08" data-revert="true"> <img src="{{ asset('assets/images/shapes/4.png') }}" alt=""> </div> <div class="case-studies-shape-2" data-speed="0.05" data-revert="true"> <img src="{{ asset('assets/images/shapes/19.png') }}" alt=""> </div> <div class="case-studies-shape-3" data-speed="0.08" data-revert="true"> <img src="{{ asset('assets/images/shapes/18.png') }}" alt=""> </div> </div> <div class="language-area-with-bg-image ptb-100"> <div class="container"> <div class="view-content-wrap"> <h3>27th Annual Youth Convention</h3> <span> Seek the LORD while he may be found; call on him while he is near. - Isaiah 55:6 </span> <div class="banner-btn"> <a href="http://www.epcyfs.com/ayc23-program-schedule.pdf" class="btn btn-info"> Download Program Schedule <i class="ri-download-cloud-line"></i> </a> </div> </div> </div> </div> <div class="choose-us-area ptb-100"> <div class="container"> <div class="row"> <div class="col-lg-5 col-md-12"> <aside class="widget-area choose-us-content"> <div class="widget widget_augu_posts_thumb"> <h4>Latest News / Notification</h4> <article class="news-card"> <div class="news-card__content"> <div class="news-card_img"> <img src="{{ asset('assets/images/misc/exe-body.jpg') }}" alt=""> </div> <div class="news-card_info"> {# <a href="#!" class="float-end badge bg-warning" #} {# data-bs-toggle="tooltip" #} {# data-bs-placement="top" title="Download File"> #} {# <i class="ri-download-2-fill text-black" #} {# ></i> #} {# </a> #} <small> 27th Annual Youth Convention </small> <p class="mb-0 lh-base small"> Seek the LORD while he may be found; call on him while he is near. - Isaiah 55:6 </p> </div> </div> <div class="news-card__footer"> <div class="news-card_job-type"> <span class="small"> <i class="ri-calendar-line"></i> 23-01-2023 </span> </div> {# <a class="btn btn-success btn-sm"> #} {# <i class="ri-download-2-fill"></i> Download #} {# </a> #} <a class="btn btn-dark btn-sm"> More </a> </div> </article> {% if notification is defined %} {% for notification in notifications %} <article class="news-card"> <div class="news-card__content"> <div class="news-card_img"> {% if notification.image %} <img src="{{ asset('images/Notification/' ~ notification.image) }}" alt=""> {% else %} <img src="{{ asset('images/default.jpg') }}" alt=""> {% endif %} </div> <div class="news-card_info"> <a href="#!" class="float-end badge bg-warning" data-bs-toggle="tooltip" data-bs-placement="top" title="Download File"> <i class="ri-download-2-fill text-black" ></i> </a> <small> {{ notification.title|striptags|slice(0, 30) ~ ' ...' }} </small> <p class="mb-0 lh-base small"> {{ notification.description|striptags|slice(0, 50) ~ ' ...' }} </p> </div> </div> <div class="news-card__footer"> <div class="news-card_job-type"> {% if notification.date %} <span class="small"> <i class="ri-calendar-line"></i> {{ notification.date|date('jS F Y ') }} </span> {% else %} {% endif %} </div> {% if notification.file %} <a class="btn btn-success btn-sm"> <i class="ri-download-2-fill"></i> Download </a> {% else %} {% endif %} <a class="btn btn-dark btn-sm"> More </a> </div> </article> {% else %} <div class="card text-muted"> <div class="card-body"> <i class="ri-error-warning-line"></i> No Notification / News found. </div> </div> {% endfor %} {% endif %} </div> </aside> </div> <div class="col-lg-7 col-md-12"> <div class="choose-us-box"> <div class="row"> <div class="col-lg-6 col-sm-6 col-12"> <div class="single-choose-us-card"> <div class="icon"> <div class="profile-card-4 text-center"> <img src="{{ asset('assets/images/misc/exe-body.jpg') }}" class="img img-responsive" alt=""> <div class="profile-content "> <div class="profile-name"> Executive Body </div> </div> </div> </div> <a href="{{ path('executives_list') }}" class="btn btn-sm btn-dark mb-3 shadow"> Explore More <i class="ri-arrow-right-line"></i> </a> </div> </div> <div class="col-lg-6 col-sm-6 col-12"> <div class="single-choose-us-card"> <div class="icon"> <div class="profile-card-4 text-center"> <img src="{{ asset('gallery/g3.jpg') }}" class="img img-responsive" alt=""> <div class="profile-content "> <div class="profile-name"> Photo Gallery </div> </div> </div> </div> <a href="{{ path('photo_gallery') }}" class="btn btn-sm btn-dark mb-3 shadow"> View all <i class="ri-arrow-right-line"></i> </a> </div> </div> </div> <div class="choose-us-shape-2"> <img src="{{ asset('assets/images/shapes/12.png') }}" alt=""> </div> </div> </div> </div> </div> </div> {% endblock %}