templates/pages/blocks/detail-career-section.html.twig line 1

Open in your IDE?
  1. <section class="pt-28 lg:pt-40 xl:pt-44 ">
  2.     <div class="container_95 border_b_grey">
  3.         <div class="px-2 md:px-0 md:w-11/12 xl:w-11/12 text-left">
  4.             <div class="md:flex items-start pb-16 ">
  5.                 <div class="w-full md:w-1/5 flex md:justify-end" data-aos="fade-up">
  6.                     <a href="" class="back_to_prev arrow_back mr-10 ">
  7.                         <svg width="64" height="64" viewbox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
  8.                             <path fill-rule="evenodd" clip-rule="evenodd" d="M22.0873 43.7498L21.9843 43.648C21.9602 43.6241 21.9328 43.5969 21.9019 43.5662L21.531 43.1976C21.428 43.0952 21.3113 42.979 21.1808 42.8491L20.7482 42.4183C20.6692 42.3397 20.5868 42.2576 20.5009 42.1721L19.9447 41.618C18.7498 40.4275 17.0606 38.7437 14.8769 36.5664L13.7439 35.4366C12.961 34.656 12.1233 33.8206 11.2306 32.9303C10.7674 32.4674 10.6094 31.7152 11.0762 31.2288L11.1166 31.1872L11.2592 31.0422C11.2898 31.0112 11.3239 30.9767 11.3614 30.9388L11.6275 30.6705C12.0884 30.2064 12.8273 29.4647 13.8441 28.4456L14.9536 27.3339C15.0872 27.2001 15.2242 27.0629 15.3646 26.9222L17.7285 24.5556C17.9032 24.3807 18.0814 24.2023 18.263 24.0206L19.9902 22.2922C20.1924 22.0899 20.398 21.8842 20.6071 21.675L21.9026 20.3789C22.4235 19.8584 23.2677 19.8587 23.7882 20.3795C24.2509 20.8425 24.3633 21.6559 23.942 22.0805C23.8577 22.1654 23.5022 22.522 22.8755 23.1502L21.8791 24.1488C21.7827 24.2454 21.6829 24.3454 21.5798 24.4488L20.5613 25.4694C20.4381 25.5928 20.3115 25.7196 20.1816 25.8498L18.9221 27.1119C18.7721 27.2621 18.6187 27.4158 18.462 27.5728L17.4817 28.555C16.831 29.2069 16.1312 29.908 15.3825 30.6581L51.8717 30.6619C52.6081 30.6619 53.2051 31.2588 53.2051 31.9952C53.2051 32.6498 52.7267 33.307 52.1114 33.307L51.7378 33.3072C51.6949 33.3072 51.6484 33.3072 51.5984 33.3073L46.9218 33.3098C46.764 33.3099 46.6026 33.3099 46.4376 33.31L42.4451 33.3122C42.2298 33.3124 42.011 33.3125 41.7885 33.3126L37.3966 33.315C37.1311 33.3152 36.862 33.3153 36.5892 33.3155L33.1441 33.3174C32.8427 33.3176 32.5376 33.3178 32.229 33.3179L28.3529 33.3201C28.0155 33.3203 27.6745 33.3205 27.33 33.3207L23.0229 33.3231C22.6496 33.3233 22.2727 33.3235 21.8922 33.3237L18.371 33.3257C17.969 33.3259 17.5634 33.3262 17.1542 33.3264L15.4258 33.3274L23.7876 41.7093C24.2506 42.172 24.2385 42.9693 23.8786 43.489C23.5188 44.0088 22.5665 44.2202 22.0873 43.7498Z" fill="#16181E"/>
  9.                         </svg>
  10.                     </a>
  11.                 </div>
  12.                 <div class="w-full md:w-2/3">
  13.                     <h2 class="title_section mb-9 mt-4" data-aos="fade-up">{{ global.title }}</h2>
  14.                     <div class="flex" data-aos="fade-up">
  15.                         <div class="flex mr-16">
  16.                             <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  17.                                 <path d="M15.9995 5.33325C20.563 5.33325 24.3009 9.18217 23.323 14.5864C22.9567 16.6111 20.9481 20.1709 17.2751 25.3638L16.5434 26.3893C16.2774 26.759 15.7272 26.759 15.4612 26.3894C11.3205 20.6369 9.0683 16.7422 8.6777 14.5869C7.69827 9.1825 11.4357 5.33325 15.9995 5.33325ZM15.9995 6.66659C12.223 6.66659 9.16766 9.81339 9.98966 14.3491C10.3106 16.1203 12.2658 19.575 15.8328 24.6152L16.0017 24.8519L16.5112 24.1324C19.7492 19.5131 21.5765 16.284 21.9749 14.5256L22.011 14.349C22.8317 9.8133 19.7758 6.66659 15.9995 6.66659ZM16.0001 8.66659C18.5776 8.66659 20.667 10.7559 20.667 13.3333C20.667 15.9106 18.5776 17.9999 16.0001 17.9999C13.4227 17.9999 11.3332 15.9106 11.3332 13.3333C11.3332 10.7559 13.4227 8.66659 16.0001 8.66659ZM16.0001 9.99992C14.159 9.99992 12.6666 11.4923 12.6666 13.3333C12.6666 15.1742 14.159 16.6666 16.0001 16.6666C17.8412 16.6666 19.3337 15.1742 19.3337 13.3333C19.3337 11.4923 17.8412 9.99992 16.0001 9.99992Z" fill="#4B5563"/>
  18.                             </svg>
  19.                             <span class="ml-2 mt-1">{{ global.place_career }}</span>
  20.                         </div>
  21.                         <div class="flex flex-col">
  22.                             <div class="flex items-center">
  23.                                 <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  24.                                     <path d="M17.9997 6.66675C19.0393 6.66675 19.8936 7.45993 19.9905 8.47413L19.9997 8.66675V10.6667H24.6648C25.7044 10.6667 26.5587 11.4599 26.6556 12.4741L26.6648 12.6667L26.6637 16.0294L26.6663 16.0306V17.3639L26.6637 17.3627L26.6648 23.3334C26.6648 24.373 25.8716 25.2273 24.8574 25.3243L24.6648 25.3334H7.33454C6.22997 25.3334 5.33454 24.438 5.33454 23.3334L5.33434 17.3627L5.33301 17.3639V16.0306L5.33434 16.0294L5.33454 12.6667C5.33454 11.6272 6.12773 10.7728 7.14193 10.6759L7.33454 10.6667H11.9997V8.66675C11.9997 7.62715 12.7929 6.77282 13.8071 6.6759L13.9997 6.66675H17.9997ZM11.333 17.3627H6.66767L6.66788 23.3334C6.66788 23.6607 6.90371 23.9329 7.21471 23.9893L7.33454 24.0001H24.6648C25.033 24.0001 25.3315 23.7016 25.3315 23.3334L25.3303 17.3627H20.6663V18.6586C20.6663 19.0268 20.3679 19.3252 19.9997 19.3252C19.6724 19.3252 19.4002 19.0894 19.3437 18.7784L19.333 18.6586V17.3627H12.6663V18.6586C12.6663 19.0268 12.3679 19.3252 11.9997 19.3252C11.6724 19.3252 11.4002 19.0894 11.3437 18.7784L11.333 18.6586V17.3627ZM24.6648 12.0001H7.33454C6.96635 12.0001 6.66788 12.2986 6.66788 12.6667L6.66767 16.0294H11.333V14.7469C11.333 14.3787 11.6315 14.0802 11.9997 14.0802C12.327 14.0802 12.5992 14.3161 12.6556 14.6271L12.6663 14.7469V16.0294H19.333V14.7469C19.333 14.3787 19.6315 14.0802 19.9997 14.0802C20.327 14.0802 20.5992 14.3161 20.6556 14.6271L20.6663 14.7469V16.0294H25.3303L25.3315 12.6667C25.3315 12.3395 25.0956 12.0673 24.7846 12.0108L24.6648 12.0001ZM17.9997 8.00008H13.9997C13.6724 8.00008 13.4002 8.23591 13.3437 8.54691L13.333 8.66675V10.6667H18.6663V8.66675C18.6663 8.33947 18.4305 8.06727 18.1195 8.01082L17.9997 8.00008Z" fill="#4B5563"/>
  25.                                 </svg>
  26.                                 <span class="ml-2">{{ global.type_career }}</span>
  27.                             </div>
  28.                             <div class="flex items-center">
  29.                                 <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  30.                                     <path d="M16.0026 5.33325C21.8936 5.33325 26.6693 10.1089 26.6693 15.9999C26.6693 21.891 21.8936 26.6666 16.0026 26.6666C10.1116 26.6666 5.33594 21.891 5.33594 15.9999C5.33594 10.1089 10.1116 5.33325 16.0026 5.33325ZM16.0026 6.66659C10.8479 6.66659 6.66927 10.8453 6.66927 15.9999C6.66927 21.1546 10.8479 25.3333 16.0026 25.3333C21.1573 25.3333 25.3359 21.1546 25.3359 15.9999C25.3359 10.8453 21.1573 6.66659 16.0026 6.66659ZM14.6669 11.3772C14.9942 11.3772 15.2664 11.613 15.3229 11.924L15.3336 12.0438L15.3333 16.6666H20.6669C21.0351 16.6666 21.3336 16.9651 21.3336 17.3333C21.3336 17.6605 21.0978 17.9327 20.7868 17.9892L20.6669 17.9999H14.6669C14.3397 17.9999 14.0675 17.7641 14.011 17.4531L14.0003 17.3333V12.0438C14.0003 11.6757 14.2987 11.3772 14.6669 11.3772Z" fill="#4B5563"/>
  31.                                 </svg>
  32.                                 <span class="ml-2">{{ global.date_career }}</span>
  33.                             </div>
  34.                             <div class="flex items-center">
  35.                                 <svg width="32" height="32" viewbox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  36.                                     <path d="M21.3337 5.33325C22.4382 5.33325 23.3337 6.22868 23.3337 7.33325V24.6666C23.3337 25.7712 22.4382 26.6666 21.3337 26.6666H10.667C9.56242 26.6666 8.66699 25.7712 8.66699 24.6666V7.33325C8.66699 6.22868 9.56242 5.33325 10.667 5.33325H21.3337ZM21.3337 6.66659H10.667C10.2988 6.66659 10.0003 6.96506 10.0003 7.33325V24.6666C10.0003 25.0348 10.2988 25.3333 10.667 25.3333H21.3337C21.7018 25.3333 22.0003 25.0348 22.0003 24.6666V7.33325C22.0003 6.96506 21.7018 6.66659 21.3337 6.66659ZM19.3382 16.6601C19.7064 16.6601 20.0049 16.9586 20.0049 17.3268C20.0049 17.6541 19.7691 17.9263 19.4581 17.9827L19.3382 17.9935H12.6624C12.2942 17.9935 11.9958 17.695 11.9958 17.3268C11.9958 16.9995 12.2316 16.7273 12.5426 16.6709L12.6624 16.6601H19.3382ZM19.3382 13.3268C19.7064 13.3268 20.0049 13.6253 20.0049 13.9935C20.0049 14.3207 19.7691 14.5929 19.4581 14.6494L19.3382 14.6601H12.6624C12.2942 14.6601 11.9958 14.3616 11.9958 13.9935C11.9958 13.6662 12.2316 13.394 12.5426 13.3375L12.6624 13.3268H19.3382ZM16.6624 9.99346C17.0306 9.99346 17.3291 10.2919 17.3291 10.6601C17.3291 10.9874 17.0933 11.2596 16.7823 11.3161L16.6624 11.3268H12.6624C12.2942 11.3268 11.9958 11.0283 11.9958 10.6601C11.9958 10.3328 12.2316 10.0606 12.5426 10.0042L12.6624 9.99346H16.6624Z" fill="#4B5563"/>
  37.                                 </svg>
  38.                                 <span class="ml-2">{{ global.reference_career }}</span>
  39.                             </div>
  40.                         </div>
  42.                     </div>
  44.                     <div class="flex mt-9 items-center" data-aos="fade-up">
  45.                         {% if content.career_link is defined %}
  46.                             <a href="{{ content.career_link }}" class="btn_blue">
  47.                                 <span>{{view.blocks[index-1].career_link.title}}</span>
  48.                             </a>
  49.                         {% endif %}
  51.                         <div class="dropdown_social_container">
  52.                             <a class="dropdown_social-toggle" href="#">
  53.                                 <span class="icon_share">
  54.                                     <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  55.                                         <path d="M11 9.5L14 6.5L11 3.5" stroke="#0072C9" stroke-linecap="round" stroke-linejoin="round"/>
  56.                                         <path d="M2 12.5C2 10.9087 2.63214 9.38258 3.75736 8.25736C4.88258 7.13214 6.4087 6.5 8 6.5H14" stroke="#0072C9" stroke-linecap="round" stroke-linejoin="round"/>
  57.                                     </svg>
  59.                                 </span>
  60.                                 <span>
  61.                                     {{"Share"|trans}}
  62.                                 </span>
  63.                             </a>
  64.                             <div class="dropdown_social_list_social">
  66.                                 <ul class="dropdown_social">
  67.                                     <li>
  68.                                         <a href="mailto:?body={{ app.request.uri}}" target="_blank">
  69.                                             <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  70.                                                 <path d="M1.46341 3.75C1.27477 3.75 1.0947 3.78474 0.929875 3.84766L9.50448 11.0139C9.81412 11.2722 10.2019 11.2722 10.5106 11.0139L19.0701 3.84766C18.9052 3.78474 18.7252 3.75 18.5365 3.75H1.46341ZM0.0152439 4.98196C0.00571657 5.04957 0 5.12187 0 5.1923V14.8076C0 15.0095 0.0390633 15.2038 0.114329 15.3785L6.06699 10.03L0.0152439 4.98196ZM19.9847 4.98196L13.9481 10.0225L19.8857 15.3785C19.9609 15.2039 20 15.0095 20 14.8076V5.1923C20 5.12187 19.9943 5.04957 19.9848 4.98196H19.9847ZM12.8276 10.9615L11.4557 12.1108C10.6239 12.8066 9.39112 12.8056 8.55936 12.1108L7.19503 10.969L1.32626 16.2425C1.37104 16.2462 1.41773 16.25 1.46346 16.25H18.5366C18.5852 16.25 18.6347 16.2472 18.6814 16.2425L12.8276 10.9615Z" fill="currentcolor"></path>
  71.                                             </svg>
  72.                                         </a>
  73.                                     </li>
  74.                                     <li>
  75.                                         <a href="https://www.facebook.com/sharer.php?u={{ app.request.uri}}" target="_blank">
  76.                                             <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  77.                                                 <path d="M12.4375 3.8125H15V0H11.9688C8.3125 0.15625 7.5625 2.21875 7.5 4.375V6.28125H5V10H7.5V20H11.25V10H14.3438L14.9375 6.28125H11.25V5.125C11.25 4.40625 11.75 3.8125 12.4375 3.8125Z" fill="currentcolor"></path>
  78.                                             </svg>
  79.                                         </a>
  80.                                     </li>
  81.                                     <li>
  82.                                         <a href="https://twitter.com/intent/tweet?text={{ app.request.uri}}" target="_blank">
  83.                                             <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  84.                                                 <path d="M20 3.8125C19.6562 4 18.6562 4.375 17.7188 4.46875C18.3125 4.15625 19.2188 3.0625 19.4375 2.21875C18.8438 2.59375 17.5312 3.125 16.875 3.125C16.0938 2.375 15.0625 1.875 13.875 1.875C11.5938 1.875 9.75 3.71875 9.75 6C9.75 6.3125 9.78125 6.625 9.84375 6.90625C6.75 6.8125 3.125 5.28125 1.09375 2.625C-0.15625 4.78125 0.9375 7.1875 2.34375 8.0625C1.875 8.125 0.96875 8.03125 0.5625 7.625C0.53125 9.0625 1.21875 10.9688 3.75 11.6562C3.25 11.9062 2.40625 11.8438 2.03125 11.7812C2.15625 13 3.875 14.5938 5.71875 14.5938C5.0625 15.3438 2.8125 16.75 0 16.3125C1.90625 17.4688 4.125 18.125 6.46875 18.125C13.125 18.125 18.2812 12.7188 18.0312 6.0625V6.03125C18.0312 6 18.0312 6 18.0312 5.96875C18.0312 5.9375 18.0312 5.9375 18.0312 5.90625C18.5938 5.53125 19.4062 4.78125 20 3.8125Z" fill="currentcolor"></path>
  85.                                             </svg>
  86.                                         </a>
  87.                                     </li>
  88.                                     <li>
  89.                                         <a href="whatsapp://send?text={{ app.request.uri}}" data-action="share/whatsapp/share" target="_blank">
  90.                                             <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  91.                                                 <path d="M10.0008 0.800049C4.92804 0.800049 0.800841 4.92725 0.800841 10C0.800841 11.584 1.21004 13.1416 1.98604 14.516L0.815641 18.692C0.777241 18.8292 0.814441 18.9764 0.913641 19.0784C0.990041 19.1572 1.09404 19.2 1.20084 19.2C1.23284 19.2 1.26524 19.196 1.29684 19.1884L5.65524 18.1088C6.98604 18.8232 8.48484 19.2 10.0008 19.2C15.0736 19.2 19.2008 15.0728 19.2008 10C19.2008 4.92725 15.0736 0.800049 10.0008 0.800049ZM14.6288 13.2464C14.432 13.7912 13.488 14.2884 13.0344 14.3552C12.6272 14.4148 12.112 14.4404 11.5464 14.2628C11.2036 14.1549 10.7636 14.0116 10.2 13.7712C7.83084 12.7608 6.28364 10.4052 6.16524 10.2496C6.04724 10.094 5.20084 8.98525 5.20084 7.83765C5.20084 6.69005 5.81084 6.12565 6.02764 5.89205C6.24444 5.65845 6.50004 5.60005 6.65764 5.60005C6.81524 5.60005 6.97244 5.60205 7.11044 5.60845C7.25564 5.61565 7.45044 5.55365 7.64204 6.00885C7.83884 6.47605 8.31124 7.62365 8.36964 7.74085C8.42884 7.85765 8.46804 7.99405 8.38964 8.14965C8.31124 8.30525 8.27204 8.40245 8.15364 8.53885C8.03524 8.67525 7.90564 8.84285 7.79924 8.94765C7.68084 9.06405 7.55804 9.19005 7.69564 9.42365C7.83324 9.65725 8.30724 10.4208 9.00964 11.0392C9.91164 11.8336 10.6728 12.08 10.9088 12.1968C11.1448 12.3136 11.2828 12.294 11.4204 12.1384C11.558 11.9824 12.0108 11.4572 12.168 11.224C12.3252 10.9908 12.4828 11.0292 12.6996 11.1072C12.9164 11.1848 14.0776 11.7488 14.3136 11.8656C14.5496 11.9824 14.7072 12.0408 14.7664 12.138C14.8256 12.2348 14.8256 12.702 14.6288 13.2464Z" fill="currentcolor"></path>
  92.                                             </svg>
  93.                                         </a>
  94.                                     </li>
  95.                                 </ul>
  97.                             </div>
  98.                         </div>
  100.                     </div>
  101.                 </div>
  102.             </div>
  103.         </div>
  104.     </div>
  105. </section>
  106. <section class="pt-16 content_detail_post">
  107.     <div class="container_95 border_b_grey">
  108.         <div class=" md:w-11/12 xl:w-11/12 text-left">
  109.             <div class="flex items-start pb-16 ">
  110.                 <div class="hidden w-1/5 md:flex justify-end"></div>
  111.                 <div class="w-full px-2 md:px-0 md:w-2/3" data-aos="fade-up">
  112.                     {{content.content | raw }}
  114.                     <div data-aos="fade-up">
  115.                         {% if content.career_link is defined %}
  116.                             <a href="{{ content.career_link }}" class="btn_blue">
  117.                                 <span>{{view.blocks[index-1].career_link.title}}</span>
  118.                             </a>
  119.                         {% endif %}
  120.                     </div>
  121.                 </div>
  122.             </div>
  123.         </div>
  124.     </div>
  125. </section>