templates/base.html.twig line 1

Open in your IDE?
  1. {#<!DOCTYPE html>#}
  2. {#<html>#}
  3. {#    <head>#}
  4. {#        <meta charset="UTF-8">#}
  5. {#        <title>{% block title %}Welcome!{% endblock %}</title>#}
  6. {#        <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">#}
  7. {#        #}{# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  8. {#        {% block stylesheets %}#}
  9. {#            {{ encore_entry_link_tags('app') }}#}
  10. {#        {% endblock %}#}
  11. {#    </head>#}
  12. {#    <body>#}
  13. {#        {% block body %}{% endblock %}#}
  14. {#    </body>#}
  15. {#    {% block javascripts %}#}
  16. {#        {{ encore_entry_script_tags('app') }}#}
  17. {#        {{ encore_entry_script_tags('bootstrap') }}#}
  18. {#    {% endblock %}#}
  19. {#</html>#}
  20. <!DOCTYPE html>
  21. <html lang="en">
  22. <head>
  23.     <meta charset="UTF-8">
  24.     <title>{% block title %}Evangelical Presbyterian Church Youth Fellowship {% endblock %}</title>
  25.     {% block stylesheets %}
  26.         <meta charset="utf-8">
  27.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  28.         <meta name="theme-color" content="#A60A16"/>
  29.         <link rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}">
  30.         <link rel="stylesheet" href="{{ asset('assets/css/aos.css') }}">
  31.         <link rel="stylesheet" href="{{ asset('assets/css/animate.min.css') }}">
  32.         <link rel="stylesheet" href="{{ asset('assets/css/meanmenu.css') }}">
  33.         <link rel="stylesheet" href="{{ asset('assets/css/remixicon.css') }}">
  34.         <link rel="stylesheet" href="{{ asset('assets/css/flaticon.css') }}">
  35.         <link rel="stylesheet" href="{{ asset('assets/css/odometer.min.css') }}">
  36.         <link rel="stylesheet" href="{{ asset('assets/css/owl.carousel.min.css') }}">
  37.         <link rel="stylesheet" href="{{ asset('assets/css/owl.theme.default.min.css') }}">
  38.         <link rel="stylesheet" href="{{ asset('assets/css/magnific-popup.min.css') }}">
  39.         <link rel="stylesheet" href="{{ asset('assets/css/fancybox.min.css') }}">
  40.         <link rel="stylesheet" href="{{ asset('assets/css/selectize.min.css') }}">
  41.         <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  42.         <link rel="stylesheet" href="{{ asset('assets/css/navbar.css') }}">
  43.         <link rel="stylesheet" href="{{ asset('assets/css/footer.css') }}">
  44.         <link rel="stylesheet" href="{{ asset('assets/css/dark.css') }}">
  45.         <link rel="stylesheet" href="{{ asset('assets/css/responsive.css') }}">
  46.         <link rel="stylesheet" href="{{ asset('assets/css/font.css') }}">
  47.         <link rel="stylesheet" href="{{ asset('assets/css/news.css') }}">
  48.         <link rel="stylesheet" href="{{ asset('tabs/css/style.css') }}">
  49.         <link rel="icon" type="image/png" href="{{ asset('build/images/epcs-logo.png') }}">
  50.     {% endblock %}
  51.     <div class="preloader">
  52.         <div class="d-table">
  53.             <div class="d-table-cell">
  54.                 <div class="lds-spinner">
  55.                     <div></div>
  56.                     <div></div>
  57.                     <div></div>
  58.                     <div></div>
  59.                     <div></div>
  60.                     <div></div>
  61.                     <div></div>
  62.                     <div></div>
  63.                     <div></div>
  64.                     <div></div>
  65.                     <div></div>
  66.                     <div></div>
  67.                 </div>
  68.             </div>
  69.         </div>
  70.     </div>
  71.     <div class="navbar-area navbar-style-two fixed-top">
  72.         <div class="main-responsive-nav">
  73.             <div class="container">
  74.                 <div class="main-responsive-menu">
  75.                     <div class="logo">
  76.                         <a href="#">
  77.                             <img src="{{ asset('build/images/epcs-logo.png') }}" alt="logo" width="50">
  78.                         </a>
  79.                     </div>
  80.                 </div>
  81.             </div>
  82.         </div>
  83.         <div class="main-navbar">
  84.             <div class="container-fluid">
  85.                 <nav class="navbar navbar-expand-md navbar-light">
  86.                     <a class="navbar-brand" href="#">
  87.                         <img src="{{ asset('build/images/epcs-logo.png') }}" class="logo-one" alt="logo" width="50">
  88.                         <img src="{{ asset('build/images/epcs-logo.png') }}" class="logo-two" alt="logo" width="50">
  89.                     </a>
  90.                     <b class="text-dark">EPCYFS</b>
  91.                     <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
  92.                         <ul class="navbar-nav m-auto">
  93.                             <li class="nav-item">
  94.                                 <a href="{{ path('app_home') }}" class="nav-link
  95. {% if app.request.attributes.get('_route') in ['app_main'] %}active{% endif %}">
  96.                                     <i class="ri-home-4-line"></i> Home</a>
  97.                             </li>
  98.                             <li class="nav-item">
  99.                                 <a href="{{ path('about_us') }}" class="nav-link
  100. {% if app.request.attributes.get('_route') in ['about_us'] %}active{% endif %}">About us</a>
  101.                             </li>
  102.                             <li class="nav-item
  103. {% if app.request.attributes.get('_route') in ['executives'] %}active{% endif %}">
  104.                                 <a href="{{ path('executives_list') }}" class="nav-link">Executives</a>
  105.                             </li>
  106.                             <li class="nav-item">
  107.                                 <a href="{{ path('photo_gallery') }}" class="nav-link
  108.                                    {% if app.request.attributes.get('_route') in ['gallery'] %}active{% endif %}
  109.                                 ">Gallery</a>
  110.                             </li>
  111.                             <li class="nav-item
  112. {% if app.request.attributes.get('_route') in ['app_events'] %}active{% endif %}">
  113.                                 <a href="#" class="nav-link">Events</a>
  114.                             </li>
  115.                             <li class="nav-item
  116. {% if app.request.attributes.get('_route') in ['app_contact'] %}active{% endif %}">
  117.                                 <a href="#" class="nav-link">Contact</a>
  118.                             </li>
  119.                             <li class="nav-item
  120. {% if app.request.attributes.get('_route') in ['app_contact'] %}active{% endif %}">
  121.                                 <a href="#" class="nav-link" data-bs-toggle="modal" data-bs-target="#loginFormModal"><i
  122.                                             class="ri-lock-line"></i> Login</a>
  123.                             </li>
  124.                         </ul>
  125. {#                        {{ render(controller('App\\Controller\\VcontactController::TopContact')) }}#}
  126.                     </div>
  127.                 </nav>
  128.             </div>
  129.         </div>
  130.         {#<div class="others-option-for-responsive d-none d-sm-block">
  131.             <div class="container">
  132.                 <div class="dot-menu">
  133.                     <div class="inner">
  134.                         <i class="ri-phone-line"></i>
  135.         #}{#<div class="circle circle-one"></div>
  136.                         <div class="circle circle-two"></div>
  137.                         <div class="circle circle-three"></div>#}{#
  138.         </div>
  139.     </div>
  140.     <div class="container">
  141.         <div class="option-inner">
  142.             <div class="others-options d-flex align-items-center">
  143.                 <div class="option-item">
  144.                     <div class="call-us-box">
  145.                         <div class="icon">
  146.                             <i class="flaticon-phone-call"></i>
  147.                         </div>
  148.                         <span>Call us:</span>
  149.                         {{ render(controller('App\\Controller\\VcontactController::TopContact')) }}
  150.                     </div>
  151.                 </div>
  152.             </div>
  153.         </div>
  154.     </div>
  155. </div>
  156. </div>#}
  157.     </div>
  158. </head>
  159. <body>
  160. {% block body %}{% endblock %}
  161. {% block javascripts %}
  162.     <div class="overview-area d-none d-sm-block">
  163.         <div class="container">
  164.             <div class="overview-inner-box shadow-lg rounded-4">
  165.                 <div class="row align-items-center">
  166.                     <div class="col-lg-8 col-md-6">
  167.                         <div class="overview-content">
  168.                             <span class="fs-4">Registered Member</span>
  169.                             <h3>Please Login</h3>
  170.                         </div>
  171.                     </div>
  172.                     <div class="col-lg-4 col-md-6 text-end">
  173.                         <div class="overview-btn">
  174. {#                            <a href="#" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#loginFormModal"><i class="fa fa-lock"></i> Login</a>#}
  175.                             <a href="{{ path('app_login') }}" class="default-btn" data-bs-toggle="modal" data-bs-target="#loginFormModal">Login <i
  176.                                         class="ri-arrow-right-line"></i></a>
  177.                         </div>
  178.                     </div>
  179.                 </div>
  180.                 <div class="overview-shape-1" data-speed="0.08" data-revert="true">
  181.                     <img src="{{ asset('assets/images/shapes/3.png') }}" alt="image">
  182.                 </div>
  183.             </div>
  184.         </div>
  185.     </div>
  186.     <footer class="footer-area pb-75">
  187.         <div class="container">
  188.             <div class="row justify-content-center">
  189.                 <div class="col-lg-3 col-sm-6">
  190.                     <div class="single-footer-widget">
  191.                         <div class="footer-widget-logo">
  192.                             <a href="#">
  193.                                 <img src="{{ asset('build/images/epcs-logo.png') }}" alt="image" width="80"
  194.                                      class="img-thumbnail">
  195.                             </a>
  196.                         </div>
  197.                         <p>Evangelical Presbyterian Church Youth Fellowship of Sikkim, a council youth body under
  198.                             "COUNCIL, EVANGELICAL PRESBYTERIAN CHURCH OF SIKKIM" holds a State Level Youth
  199.                             Convention.</p>
  200.                         <a href="{{ path('about_us') }}" class="btn btn-dark shadow mt-2">Read More</a>
  201.                     </div>
  202.                 </div>
  203.                 <div class="col-lg-3 col-sm-6 border-start border-danger">
  204.                     <div class="single-footer-widget ps-5">
  205.                         <h3>Quick links</h3>
  206.                         <ul class="quick-links">
  207.                             <li><a href="{{ path('executives_list') }}">Executive</a></li>
  208.                             <li><a href="{{ path('photo_gallery') }}">Photo Gallery</a></li>
  209.                             <li><a href="#">Events</a></li>
  210.                         </ul>
  211.                     </div>
  212.                 </div>
  213.                 <div class="col-lg-2 col-sm-6">
  214.                     <div class="single-footer-widget">
  215.                         <h3>Menu</h3>
  216.                         <ul class="quick-links">
  217.                             <li><a href="#">Contact us</a></li>
  218.                             <li><a href="#">Terms of Condition</a></li>
  219.                             <li><a href="#">Privacy Policy</a></li>
  220.                         </ul>
  221.                     </div>
  222.                 </div>
  223.                 <div class="col-lg-4 col-sm-6">
  224.                     <div class="single-footer-widget">
  225.                         <h3>Contact Details</h3>
  226.                         <div class="widget-newsletter">
  227. {#                            {{ render(controller('App\\Controller\\VcontactController::FooterContact')) }}#}
  228.                         </div>
  229.                     </div>
  230.                 </div>
  231.             </div>
  232.         </div>
  233.         <div class="footer-shape-1" data-speed="0.08" data-revert="true">
  234.             <img src="{{ asset('assets/images/shapes/17.png') }}" alt="">
  235.         </div>
  236.     </footer>
  237.     <div class="copyright-area bg-1D2023">
  238.         <div class="container">
  239.             <div class="copyright-area-content">
  240.                 <p>
  241.                     © Copyright {{ "now"|date("Y") }} EPCYFS. All Rights Reserved.
  242.                 </p>
  243.             </div>
  244.         </div>
  245.     </div>
  246.     <div class="go-top">
  247.         <i class="ri-arrow-up-s-line"></i>
  248.     </div>
  249.     <div class="modal fade" id="loginFormModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
  250.          aria-labelledby="staticBackdropLabel" aria-hidden="true">
  251.         <div class="modal-dialog modal-dialog-centered">
  252.             <div class="modal-content">
  253.                 <div class="modal-header">
  254.                     <h5 class="modal-title">Sign In</h5>
  255.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  256.                 </div>
  257.                 <div class="modal-body text-dark">
  258.                     <span class="text-success" id="success-message"></span>
  259.                     <span class="text-danger" id="error-message"></span>
  260.                     <form id="loginForm" method="post" enctype="multipart/form-data">
  261.                         <div class="form-floating mb-3">
  262.                             <input type="tel" name="phone" class="form-control" id="floatingInput"
  263.                                    placeholder="Phone">
  264.                             <label for="floatingInput">Phone No.</label>
  265.                         </div>
  266.                         <div class="form-floating mb-3">
  267.                             <input type="password" name="password" class="form-control" id="floatingPassword"
  268.                                    placeholder="Password">
  269.                             <label for="floatingPassword">Password</label>
  270.                         </div>
  271.                         <div class="d-grid">
  272.                             <button class="btn btn-dark btn-login text-uppercase fw-bold" type="submit">Sign
  273.                                 in
  274.                             </button>
  275.                         </div>
  276.                     </form>
  277.                 </div>
  278.             </div>
  279.         </div>
  280.     </div>
  281.     <script src="{{ asset('assets/js/jquery.min.js') }}"></script>
  282.     <script src="{{ asset('assets/js/bootstrap.bundle.min.js') }}"></script>
  283.     <script src="{{ asset('assets/js/jquery.meanmenu.js') }}"></script>
  284.     <script src="{{ asset('assets/js/owl.carousel.min.js') }}"></script>
  285.     <script src="{{ asset('assets/js/owl.thumbs.min.js') }}"></script>
  286.     <script src="{{ asset('assets/js/jquery.appear.js') }}"></script>
  287.     <script src="{{ asset('assets/js/odometer.min.js') }}"></script>
  288.     <script src="{{ asset('assets/js/jquery.magnific-popup.min.js') }}"></script>
  289.     <script src="{{ asset('assets/js/fancybox.min.js') }}"></script>
  290.     <script src="{{ asset('assets/js/selectize.min.js') }}"></script>
  291.     <script src="{{ asset('assets/js/aos.js') }}"></script>
  292.     <script src="{{ asset('assets/js/isotope.pkgd.min.js') }}"></script>
  293.     <script src="{{ asset('assets/js/TweenMax.min.js') }}"></script>
  294.     <script src="{{ asset('assets/js/jquery.ajaxchimp.min.js') }}"></script>
  295.     <script src="{{ asset('assets/js/form-validator.min.js') }}"></script>
  296.     <script src="{{ asset('assets/js/contact-form-script.js') }}"></script>
  297.     <script src="{{ asset('assets/js/wow.min.js') }}"></script>
  298.     <script src="{{ asset('assets/js/main.js') }}"></script>
  299.     {# <script src="{{ asset('assets/js/bootstrap-nav-paginator.min.js') }}"></script>#}
  300.     <script src="{{ asset('tabs/js/util.js') }}"></script>
  301.     <script src="{{ asset('tabs/js/main.js') }}"></script>
  302.     <script src="{{ asset('tabs/js/4.4bootstrap.min.js') }}"></script>
  303.     <!-- JS init here -->
  304.     {#<script>
  305.         //Init tabs example with 00 items per page & the class "nav-link" for navigation buttons
  306.         document.querySelector("#nav-tabs").BsNavPaginator(2, "nav-link");
  307.         //Init pills example with 00 items per page & the class "nav-link" for navigation buttons
  308.         document.querySelector("#nav-pills").BsNavPaginator(2, "nav-link");
  309.     </script>#}
  310.     <script type="text/javascript">
  311.         $(document).ready(function(){
  312.             $('#member_table table').addClass('table table-bordered table-hover shadow table-responsive');
  313.             $(".scrollable-tabs .nav-item:first").addClass("active");
  314.             $(".scrollable-tabs .nav-item a .nav-link:first").addClass("active");
  315.             $('.tab-content .tab-pane:first').addClass('active')
  316.         });
  317.     </script>
  318.     <script>
  319.         $('body').on('click', '.scrollable-tabs li', function () {
  320.             $('.scrollable-tabs li a.active').removeClass('active');
  321.             $(this).addClass('active');
  322.             //$('table').addClass('table table-bordered table-hover shadow table-responsive');
  323.         });
  324.     </script>
  325.     {#<script>
  326.         $(".scrollable-tabs li").click(function (e) {
  327.             e.preventDefault();
  328.             $(this).addClass("active");
  329.             $(".scrollable-tabs li a").not($(this)).removeClass("active");
  330.         })
  331.     </script>#}
  332.         {{ encore_entry_script_tags('app') }}
  333. {% endblock %}
  334. </body>
  335. </html>