templates/site_body.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="zxx">
  5. <head>
  6.   <meta charset="UTF-8">
  7.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     {{ sonata_seo_metadatas() }}
  10.   <title>{{ pageTitle ~' | '~ setting('app_name') }}</title>
  12.   <!-- Favicon -->
  13.   <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png') }}">
  15.   <!-- Bootstrap CSS -->
  16.   <link rel="stylesheet" href="{{ asset('themes/castine/assets/css/bootstrap.min.css') }}">
  18.   <!--CSS Plugins-->
  19.   <link rel="stylesheet" href="{{ asset('themes/castine/assets/css/plugin.css') }}">
  20.   <!-- Default CSS-->
  21.   <link rel="stylesheet" href="{{ asset('themes/castine/assets/css/default.css') }}">
  22.   <!--Custom CSS-->
  23.   <link rel="stylesheet" href="{{ asset('themes/castine/assets/css/styles.css') }}">
  25.   <!--FontAwesome CSS-->
  26.   <link rel="stylesheet" href="{{ asset('themes/castine/assets/icons/font-awesome.min.css') }}">
  28.     {{ encore_entry_link_tags('main') }}
  30. </head>
  31. <body>
  32.   <!-- Header Section Start -->
  33.   <header>
  34.     <div class="header-inner z-3 position-relative">
  35.       <div class="header-top bg-green white">
  36.         <div class="container">
  37.           <div class="header-top-inner  py-2">
  38.             <div class="row align-items-center">
  39.               <div class="col-lg-7">
  40.                 <div class="header-top-info">
  41.                   <ul class="m-0 p-0">
  42.                     <li class="pe-3 border-end  d-inline">
  43.                       <i class="fa fa-phone pe-1"></i>
  44.                       {{ setting('primary_number') }}</li>
  45.                     <li class=" px-3 border-end d-inline">
  46.                       <i class="fa fa-envelope-o pe-1"></i>
  47.                       <a href="#" >{{ setting('email_address') }}</a></li>
  48.                     <li class=" px-3 d-inline ">
  49.                       <i class="fa fa-clock-o pe-1"></i>
  50.                       Mon - Fri: 9:00 - 18:30</li>
  51.                   </ul>
  52.                 </div>
  53.               </div>
  54.               <div class="col-lg-5">
  55.                 <div class="social-links text-end">
  56.                   <ul class="m-0 p-0 d-flex list-unstyled justify-content-end">
  57.                     <li class="me-1">
  58.                       <a href="#">
  59.                         <i class="fa fa-facebook text-center bg-grey darkgreen"></i>
  60.                       </a>
  61.                     </li>
  62.                     <li class="me-1">
  63.                       <a href="#" >
  64.                         <i class="fa fa-twitter text-center bg-grey darkgreen"></i>
  65.                       </a>
  66.                     </li>
  67.                     <li class="me-1">
  68.                       <a href="#">
  69.                         <i class="fa fa-linkedin text-center bg-grey darkgreen"></i>
  70.                       </a>
  71.                     </li>
  72.                     <li>
  73.                       <a href="#">
  74.                         <i class="fa fa-google text-center bg-grey darkgreen"></i>
  75.                       </a>
  76.                     </li>
  77.                   </ul>
  78.                 </div>
  79.               </div>
  80.             </div>
  81.           </div>  
  82.         </div>  
  83.       </div>
  84.       <div class="header-nav-menu" id="header-nav-menu">
  85.         <div class="container">
  86.           <div class="header-nav-menu-inner py-2">
  87.             <div class="row align-items-center justify-content-between">
  88.               <div class="col-lg-3 col-md-5 col-5">
  89.                 <div class="navbar-logo m-0">
  90.                   <a href="{{ path('home_page') }}"><img src="{{ asset('build/images/logo.png') }}" alt="{{ app_name }}" class="w-100"></a>
  91.                 </div>
  92.               </div>
  93.               <div class="col-lg-7">
  94.                 <div class="navbar-collapse ms-8" id="bs-example-navbar-collapse-1">
  95.                   {{ front_menu_render(0,'menu/front_menu.html.twig') }}
  96.                 </div>
  97.               </div>
  98.               <div class="col-lg-2">
  99.                 <div class="navbar-button text-end">
  100.                   <a class="btn" href="{{ path('route_211') }}">Donate Now</a>
  101.                 </div>  
  102.               </div>
  103.               <div id="slicknav-mobile"></div>
  104.             </div>
  105.           </div>
  106.         </div>
  107.       </div>
  108.     </div>  
  109.   </header>
  110.   <!-- Header Section End -->
  112.   {% block page_header %} {% endblock %}
  114.   {% block page_container %} {% endblock %}
  116.   <!-- Footer Section Start -->
  117.   <footer class="bg-darkgreen pt-10 position-relative">
  118.     <div class="overlay opacity-50"></div>
  119.     <div class="container position-relative">
  120.       <div class="footer-inner white">
  121.         <div class="footer-top text-center text-lg-start pb-8 mb-8 border-bottom border-2 border-light">
  122.           <div class="row align-items-center gx-lg-5 gy-4 gy-lg-0">
  123.             <div class="col-lg-4">
  124.               <div class="footer-logo">
  125.                 <img src="{{ asset('build/images/logo.png') }}" alt="footer-logo" class="w-50 w-lg-100">
  126.               </div>
  127.             </div>
  128.             <div class="col-lg-8">
  129.               <div class="footer-top-info">
  130.                 <p class="white h6 fst-italic">“We nurture female leaders who will preserve the planet for generations to come.”</p>
  131.               </div>
  132.             </div>
  133.           </div>
  134.         </div>
  135.         <div class="footer-middle text-center text-lg-start pb-9">
  136.           <div class="row gx-lg-5 gy-5 gy-lg-0">
  137.             <div class="col-lg-4">
  138.               <div class="about-ecoviron text-center text-lg-start">
  139.                 <div class="ecoviron-info mb-4">
  140.                 {{ setting('app_description') }}
  141.                 </div>
  142.                 <div class="footer-socials mb-4">
  143.                   <ul class="m-0 p-0 d-flex list-unstyled justify-content-center justify-content-lg-start">
  144.                     <li class="me-1">
  145.                       <a href="#">
  146.                         <i class="fa fa-facebook text-center bg-white bg-opacity-25 rounded-circle"></i>
  147.                       </a>
  148.                     </li>
  149.                     <li class="me-1">
  150.                       <a href="#" >
  151.                         <i class="fa fa-twitter text-center bg-white bg-opacity-25 rounded-circle"></i>
  152.                       </a>
  153.                     </li>
  154.                     <li class="me-1">
  155.                       <a href="#">
  156.                         <i class="fa fa-linkedin text-center bg-white bg-opacity-25 rounded-circle"></i>
  157.                       </a>
  158.                     </li>
  159.                     <li>
  160.                       <a href="#">
  161.                         <i class="fa fa-google text-center bg-white bg-opacity-25 rounded-circle"></i>
  162.                       </a>
  163.                     </li>
  164.                   </ul>
  165.                 </div>
  166.                 <div class="footer-contact-info">
  167.                   <ul class="m-0 p-0 list-unstyled">
  168.                     <li class="pb-2">
  169.                       <span class="h5"><i class="fa fa-map-marker pe-2" aria-hidden="true"></i></span>
  170.                       {{ setting('app_address') }}</li>
  171.                     <li class="pb-2">
  172.                       <span class="h5"><i class="fa fa-phone pe-2"></i></span>
  173.                       {{ setting('primary_number') }}</li>
  174.                     <li class="">
  175.                       <span class="h5"><i class="fa fa-envelope-o pe-2"></i></span>
  176.                       <a href="#" class="__cf_email__" data-cfemail="6d04030b022d1a080f1e041908430e0200">{{ setting('email_address')}}</a></li>
  177.                   </ul>
  178.                 </div>
  179.               </div>  
  180.             </div>
  181.             <div class="col-lg-4 col-md-6">
  182.               <div class="quick-links">
  183.                 <h4 class="white mb-2">quick links</h4>
  184.                 <div class="seperator w-20 border-bottom border-1 mb-6 m-auto m-lg-0"></div>
  185.                 <ul class="m-0 p-0 list-unstyled ">
  186.                   <li class="pb-4"><a href="{{ path('route_127') }}">About Us</a></li>
  187.                   <li class="pb-4"><a href="{{ path('route_262') }}">What we do</a></li>
  188.                   <li class="pb-4"><a href="{{ path('posts_list') }}">News & Articles </a></li>
  189.                   <li class="pb-4"><a href="{{ path('route_146') }}">Our Gallery</a></li>
  190.                   <li class=" "><a href="{{ path('contact_us') }}">Contact US</a></li>
  191.                 </ul>
  192.               </div>
  193.           </div>
  195.           <div class="col-lg-4">
  196.             <div class="subscribe text-center text-lg-start">
  197.               <h4 class="white mb-2">Get intresting news</h4>
  198.               <div class="seperator w-20 border-bottom border-1 mb-6 m-auto m-lg-0"></div>
  199.               <p class="mb-4">Duis aute irure dolor in repre henderit in voluptat</p>
  200.               <form>
  201.                 <div class="row">
  202.                   <div class="col-lg-12 col-md-8">
  203.                     <input type="email" placeholder="Email" class="mb-2" required>
  204.                   </div>  
  205.                   <div class="col-lg-12 col-md-4">
  206.                     <button class="btn w-100 w-lg-40">subscribe</button>
  207.                   </div>  
  208.                 </div>  
  209.               </form>
  210.             </div>
  211.           </div>
  212.         </div>
  213.       </div>
  214.     </div>
  215.     </div>
  216.     <div class="copyright py-6 bg-darker position-relative text-center white">
  217.     <p class="mb-0">Copyright &#169; 2024 {{ setting('app_name')}}. All rights reserved.</p>
  218.     </div> 
  219.   </footer>
  220.   <!-- Footer Section End -->
  222.   <!--Bacl-to-top Button start-->
  223.   <div id="back-to-top">
  224.     <a href="#" class="bg-pink position-relative align-items-center rounded-circle d-block border border-4 border-grey"></a>
  225.   </div>
  226.   <!--Bacl-to-top Button end-->
  228.   <script src="{{ asset('themes/castine/assets/js/jquery-3.7.1.min.js') }}"></script>
  229.   <script src="{{ asset('themes/castine/assets/js/bootstrap.bundle.min.js') }}"></script>
  230.   <script src="{{ asset('themes/castine/assets/js/plugin.js') }}"></script>
  231.   <script src="{{ asset('themes/castine/assets/js/main.js') }}"></script>
  233.   {{ encore_entry_script_tags('main') }}
  235. </body>
  236. </html>