templates/page/about_us.html.twig line 1

Open in your IDE?
  1. {% extends 'standard_tpl.html.twig' %}
  3. {% block page_container %}
  5. <!-- About Us Section Start -->
  6. <section class="about-us pt-10">
  7.   <div class="container">
  8.     <div class="about-us-inner border-dashed-bottom  pb-8">
  9.       <div class="row gx-lg-5 align-items-center gy-4 ">
  10.         <div class="col-lg-6">
  11.           <div class="about-us-images">
  12.             <img src="{{ content.thumbnail|imagine_filter('thumbnail_large') }}" alt="{{ content.title }}" class="w-100 rounded-1">
  13.           </div>
  14.         </div>
  15.         <div class="col-lg-6">
  16.           <div class="about-us-content text-center text-lg-start">
  17.             <div class="about-us-title mb-5">
  18.               <h5 class="mb-2"><i class="fa fa-handshake-o pe-2" aria-hidden="true"></i> Introduction</h5>
  19.               <h2>Join the race to make the world a <span class="green">better place</span></h2>
  20.             </div>
  21.             <div class="about-us-info pb-4 mb-4 border-dashed-bottom">
  23.             {{ content.summary|raw }}
  25.             </div>
  26.             <div class="inquiry-box bg-grey p-4 rounded-1 d-flex">
  27.               <div class="inquiry-box-icon">
  28.                 <a href="#" class="h3 white"><i class="fa fa-volume-control-phone bg-darkgreen rounded-circle text-center me-3" aria-hidden="true"></i></a>
  29.               </div>
  30.               <div class="inquiry-box-info">
  31.                 <h6 class="green mb-1">For any inquiries call the hotline:</h6>
  32.                 <p class="darkgreen fw-semibold h3 oswald">{{ setting('primary_number') }}</p>
  33.               </div>
  34.             </div>
  35.           </div>
  36.         </div>
  37.       </div>
  38.     </div>
  39.   </div>
  40. </section>
  41. <!-- About Us Section End -->
  43. <!-- Partner Section Start -->
  44. <section class="partner pt-4 pb-10">
  45.   <div class="container">
  46.     <div class="partner-inner ">
  47.       <div class="partner-info mb-6 w-lg-80 m-auto">
  49.       {{ content.body|raw }}
  51.       </div>
  52.     </div>
  53.   </div>
  54. </section>
  55. <!-- Partner Section End -->
  57. <!-- Time to Change Section Start -->
  58. <section class="time-to-change py-11 position-relative z-0">
  59.   <div class="time-to-change-bg-overlay overlay z-n1"></div>
  60.   <div class="container">
  61.     <div class="time-to-change-inner text-center mb-8">
  62.       <div class="row gx-lg-5 gy-4 align-items-center">
  63.         <div class="col-lg-6">
  64.           <div class="time-to-change-left">
  65.             <div class="time-to-change-info mb-4 text-lg-start">
  66.               <h5 class="mb-2 white"><i class="fa fa-handshake-o pe-2" aria-hidden="true"></i> Time to change</h5>
  67.               <h2 class="white mb-2">We take action. To make <span class="green">better changes</span></h2>
  68.               <p class="white">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  69.                 Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  70.             </div>
  71.             <div class="counter text-center">
  72.               <div class="row">
  73.                 <div class="col-lg-6 col-md-6 p-0">
  74.                   <div class="counter-box white px-2 py-6 border-end border-bottom border-1 border-light">
  75.                     <span class="roboto h1 num" data-val="850"></span><span class="roboto h1">+</span>
  76.                     <p class="mb-0 h6 fst-italic">Projets Done</p>
  77.                   </div>  
  78.                 </div>
  79.                 <div class="col-lg-6 col-md-6 p-0">
  80.                   <div class="counter-box white px-2  py-6 border-bottom border-1 border-light">
  81.                     <span class="roboto h1 num" data-val="322"></span><span class="roboto h1">+</span>
  82.                     <p class="mb-0 h6 fst-italic">Case Solved</p>
  83.                   </div>  
  84.                 </div>
  85.                 <div class="col-lg-6 col-md-6 p-0">
  86.                   <div class="counter-box white px-2  py-6 border-end border-1 border-light">
  87.                     <span class="roboto h1 num" data-val="932"></span><span class="roboto h1">+</span>
  88.                     <p class="mb-0 h6 fst-italic">Fund Raise</p>
  89.                   </div>  
  90.                 </div>
  91.                 <div class="col-lg-6 col-md-6 p-0 ">
  92.                   <div class="counter-box white px-2  py-6 border-0">
  93.                     <span class="roboto h1 num" data-val="550"></span><span class="roboto h1">+</span>
  94.                     <p class="mb-0 h6 fst-italic">Happy Volunteers</p>
  95.                   </div>  
  96.                 </div>
  97.               </div>
  98.             </div>
  99.           </div>
  100.         </div>
  101.         <div class="col-lg-6">
  102.           <div class="time-to-change-right position-relative">
  103.             <div class="lightgallery-box " id="lightgallery-video">
  104.                 <a data-src="https://www.youtube.com/watch?v=XHOmBV4js_E" class="h1 z-1 text-white border border-6 bprder-grey rounded-1 d-flex align-items-center justify-content-center w-100">
  105.                   <i class="fa fa-play-circle-o opacity-75" aria-hidden="true"></i>
  106.                 </a>
  107.               </div>  
  108.           </div>
  109.         </div>
  110.       </div>  
  111.     </div>
  112.   </div>
  113. </section>
  114. <!-- Time to Change Section End -->
  116. <!--  Vision & Mission Section End -->
  118. <!--  Team Section Start -->
  119. <section class="team pt-10 pb-9 bg-grey">
  120.   <div class="container">
  121.     <div class="team-inner">
  122.       <div class="team-title text-center w-lg-50 m-auto pb-4">
  123.         <h5 class="mb-2 "><i class="fa fa-handshake-o pe-2" aria-hidden="true"></i> Our team</h5>
  124.         <h2 class=" mb-2">Meet our creative <span class="green">team</span></h2>
  125.         <p class="mb-0">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  126.       </div>
  127.       <div class="team-members">
  128.       
  129.       {{ sonata_block_render({'name':'managementTeam'}) }}
  131.       </div>
  132.     </div>
  133.   </div>
  134. </section>
  135. <!--  Team Section End -->
  137. <!-- Partner Section Start -->
  138. <section class="partner pt-4 pb-10">
  139.   <div class="container">
  140.     <div class="partner-inner text-center">
  141.       <div class="partner-info mb-6 w-lg-50 m-auto">
  142.         <h2 class="mb-1"><span class="green"> Our collabrated</span> partner</h2>
  143.         <p class="mb-0">Building strong alliances for a greater impact—our partnerships with educational institutions and research institutes open doors for young women in geoscience, fostering education, research, and career growth.</p>
  144.       </div>
  145.       <div class="slider partner-slide">
  146.         <div class="box1 d-flex justify-content-center">
  147.           <img src="{{ asset('themes/castine/assets/images/logo/3.jpg') }}" alt="partner-img">
  148.         </div>
  149.         <div class="box2 d-flex justify-content-center">
  150.           <img src="{{ asset('themes/castine/assets/images/logo/4.jpg') }}" alt="partner-img">
  151.         </div>
  152.         <div class="box3 d-flex justify-content-center">
  153.           <img src="{{ asset('themes/castine/assets/images/logo/5.jpg') }}" alt="partner-img">
  154.         </div>
  155.         <div class="box4 d-flex justify-content-center">
  156.           <img src="{{ asset('themes/castine/assets/images/logo/6.jpg') }}" alt="partner-img">
  157.         </div>
  158.         <div class="box5 d-flex justify-content-center">
  159.           <img src="{{ asset('themes/castine/assets/images/logo/3.jpg') }}" alt="partner-img">
  160.         </div>
  161.         <div class="box6 d-flex justify-content-center">
  162.           <img src="{{ asset('themes/castine/assets/images/logo/4.jpg') }}" alt="partner-img">
  163.         </div>
  164.         <div class="box7 d-flex justify-content-center">
  165.           <img src="{{ asset('themes/castine/assets/images/logo/5.jpg') }}" alt="partner-img">
  166.         </div>
  167.         <div class="box8 d-flex justify-content-center">
  168.           <img src="{{ asset('themes/castine/assets/images/logo/6.jpg') }}" alt="partner-img">
  169.         </div>
  170.       </div>
  171.     </div>
  172.   </div>
  173. </section>
  174. <!-- Partner Section End -->
  176. {% endblock %}