templates/footer.html.twig line 1

  1. <footer class="w-full pt-40 bg-slate-100 flex flex-col space-y-12 border-t border-gray-100">
  2.   <div class="lg:px-20 md:px-10 px-6">
  3.       <div class="grid md:grid-cols-4 sm:grid-cols-2 grid-cols-1 gap-6">
  4.         <div>
  5.           <div class="max-w-xs">
  6.               <a class="max-w-max inline-flex pb-6" href="/">
  7.                   <img class="h-10" src="{{ asset('/images/logo.svg') }}" alt="RSP" />
  8.                   <span class="whitespace-nowrap text-brand md:text-lg text-sm font-bold">
  9.                     ONLD UK
  10.                   </span>
  11.                 </a>
  12.                 <div class="text-sm text-gray-700 font-normal leading-relaxed">
  13.                   ONLD UK is an official department or entity that represents RSP Nepal in the United Kingdom. Its primary purpose is to carry out activities related to RSP Nepal's interests and operations within the UK, which might include building partnerships, raising funds, and promoting the organization's mission and projects.
  14.                 </div>
  15.             </div>
  16.         </div>
  17.         <div>
  18.             <div>
  19.                   <h6 class="font-semibold text-gray-800 text-lg pb-6"> Useful links </h6>
  20.                   <div class="flex flex-col gap-3">
  21.                     <div class="inline-flex gap-3 items-center">
  22.                       <a href="https://uk.nepalembassy.gov.np/" target="_blank">Nepal Embassy</a>
  23.                     </div>
  24.                     <div class="inline-flex gap-3 items-center">
  25.                     <a href="https://rspnepal.org/" target="_blank">  RSP Nepal </a>
  26.                     </div>
  27.                     <div class="inline-flex gap-3 items-center">
  28.                       
  29.                     </div>
  30.                   </div>
  31.             </div>
  32.         </div>
  33.         <div>
  34.           <h6 class="font-semibold text-gray-800 text-lg pb-6">
  35.             Contact Us
  36.           </h6>
  37.           <div class="flex flex-col gap-3">
  38.             <div class="inline-flex gap-3 items-center">
  39.               <svg class="w-5 h-5 fill-gray-700" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
  40.                 <g id="_01_align_center">
  41.                   <path d="M255.104,512.171l-14.871-12.747C219.732,482.258,40.725,327.661,40.725,214.577c0-118.398,95.981-214.379,214.379-214.379   s214.379,95.981,214.379,214.379c0,113.085-179.007,267.682-199.423,284.932L255.104,512.171z M255.104,46.553   c-92.753,0.105-167.918,75.27-168.023,168.023c0,71.042,110.132,184.53,168.023,236.473   c57.892-51.964,168.023-165.517,168.023-236.473C423.022,121.823,347.858,46.659,255.104,46.553z"/>
  42.                   <path d="M255.104,299.555c-46.932,0-84.978-38.046-84.978-84.978s38.046-84.978,84.978-84.978s84.978,38.046,84.978,84.978   S302.037,299.555,255.104,299.555z M255.104,172.087c-23.466,0-42.489,19.023-42.489,42.489s19.023,42.489,42.489,42.489   s42.489-19.023,42.489-42.489S278.571,172.087,255.104,172.087z"/>
  43.                 </g>
  44.               </svg>
  45.               <p class="text-gray-700 font-normal">
  46.                 3 Hewitt close, Peterborough <br>
  47.                 Pe78st, United Kingdom
  48.               </p>
  49.             </div>
  50.             <div class="inline-flex gap-3 items-center">
  51.               <svg class="w-5 h-5 fill-gray-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  52.                 <path d="M19,1H5A5.006,5.006,0,0,0,0,6V18a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V6A5.006,5.006,0,0,0,19,1ZM5,3H19a3,3,0,0,1,2.78,1.887l-7.658,7.659a3.007,3.007,0,0,1-4.244,0L2.22,4.887A3,3,0,0,1,5,3ZM19,21H5a3,3,0,0,1-3-3V7.5L8.464,13.96a5.007,5.007,0,0,0,7.072,0L22,7.5V18A3,3,0,0,1,19,21Z"/>
  53.               </svg>
  54.               <a class="text-gray-700 font-normal hover:text-brand/60" href="mailto:info@onld.co.uk">
  55.                 info@onld.co.uk
  56.               </a>
  57.             </div>
  58.             <div class="inline-flex gap-3 items-center">
  59.               <svg class="w-5 h-5 fill-gray-700 -scale-x-100" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24">
  60.                 <path xmlns="http://www.w3.org/2000/svg" d="M22.17,1.82l-1.05-.91c-1.21-1.21-3.17-1.21-4.38,0-.03,.03-1.88,2.44-1.88,2.44-1.14,1.2-1.14,3.09,0,4.28l1.16,1.46c-1.46,3.31-3.73,5.59-6.93,6.95l-1.46-1.17c-1.19-1.15-3.09-1.15-4.28,0,0,0-2.41,1.85-2.44,1.88-1.21,1.21-1.21,3.17-.05,4.33l1,1.15c1.15,1.15,2.7,1.78,4.38,1.78,7.64,0,17.76-10.13,17.76-17.76,0-1.67-.63-3.23-1.83-4.42ZM6.24,22c-1.14,0-2.19-.42-2.91-1.15l-1-1.15c-.41-.41-.43-1.08-.04-1.51,0,0,2.39-1.84,2.42-1.87,.41-.41,1.13-.41,1.55,0,.03,.03,2.04,1.64,2.04,1.64,.28,.22,.65,.28,.98,.15,4.14-1.58,7.11-4.54,8.82-8.81,.13-.33,.08-.71-.15-1,0,0-1.61-2.02-1.63-2.04-.43-.43-.43-1.12,0-1.55,.03-.03,1.87-2.42,1.87-2.42,.43-.39,1.1-.38,1.56,.08l1.05,.91c.77,.77,1.2,1.82,1.2,2.96,0,6.96-9.77,15.76-15.76,15.76Z"/>
  61.               </svg>
  62.               <a class="text-gray-700 font-normal hover:text-brand/60" href="tel:0 12 345 6789">
  63.                 +44 (0) 7875663991
  64.               </a>
  65.             </div>
  66.             {#
  67.             <div class="inline-flex gap-3 items-center mt-4">
  68.               <p class="text-gray-700 font-normal">
  69.                 <strong>Help Desk Co-ordinator</strong>
  70.                 <br>
  71.                 Krishna Luitel
  72.                 <br>
  73.                 <a class="text-gray-700 font-normal hover:text-brand/60" href="mailto:crishnaluitel@hotmail.com">
  74.                   crishnaluitel@hotmail.com
  75.                 </a>
  76.               </p>
  77.             </div> #}
  78.           </div>
  79.         </div>
  80.         <div> 
  81.           <h6 class="font-semibold text-gray-800 text-lg pb-6"> Connect with us </h6>
  82.           <div class="flex items-center gap-3 w-full fill-gray-800">
  83.             <a href="https://www.facebook.com/profile.php?id=100092848324644" target="_blank" class="group hover:fill-brand">
  84.               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" class="w-8 h-8">
  85.                 <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/>
  86.               </svg>
  87.             </a>
  88.             <a href=" https://youtube.com/@RSP-UK?si=UyGPsNOErFPkse_W" target="_blank" class="group hover:fill-brand">
  89.               <svg xmlns="http://www.w3.org/2000/svg" viewBox="64 64 896 896"  class="w-8 h-8" aria-hidden="true">
  90.               <path d="M941.3 296.1a112.3 112.3 0 00-79.2-79.3C792.2 198 512 198 512 198s-280.2 0-350.1 18.7A112.12 112.12 0 0082.7 296C64 366 64 512 64 512s0 146 18.7 215.9c10.3 38.6 40.7 69 79.2 79.3C231.8 826 512 826 512 826s280.2 0 350.1-18.8c38.6-10.3 68.9-40.7 79.2-79.3C960 658 960 512 960 512s0-146-18.7-215.9zM423 646V378l232 133-232 135z"></path>
  91.             </svg>
  92.             </a>
  93.             {# <a href="https://instagram.com" target="_blank" class="group hover:fill-brand">
  94.               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-8 h-8">
  95.                 <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/>
  96.               </svg>
  97.             </a>
  98.             <a href="https://twitter.com" target="_blank" class="group hover:fill-brand">
  99.               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="w-8 h-8">
  100.                 <path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/>
  101.               </svg>
  102.             </a> #}
  103.           </div>
  104.         </div>
  105.       </div>
  106.   </div>
  107.   
  108.   <div class="w-full lg:px-20 md:px-10 px-6 text-xs py-4 bg-brand/90 text-white flex flex-wrap md:justify-between justify-center items-center">
  109.     <p>Copyright &copy; ONLD UK {{ "now"|date("Y") }}</p>
  110.   </div>
  111. </footer>