Careers Components in Filytreck library

Careers from FilyTreck

<section class="py-24 md:py-36 bg-gray-50" x-data="{ showContent: false }"> <div class="container mx-auto px-4"> <h2 class="mb-10 font-heading text-4xl md:text-5xl font-bold">Work with us</h2> <p class="mb-10 text-xl text-gray-500 font-medium leading-relaxed">Aliquam ornare ante eget mi ullamcorper, euismod luctus nulla tincidunt. Ut sem justo, porta eget massa vitae, vehicula convallis velit. Maecenas vitae velit ut mi vestibulum luctus ut ut</p> <div class="py-10 border-b border-gray-100"> <div class="flex flex-wrap items-center -m-2 mb-4"> <div class="w-full md:w-1/2 p-2"> <h3 class="mb-3 font-heading text-3xl font-bold">Product Designer</h3> <p class="text-gray-500 font-medium">We’re looking for a mid-level product designer to join our team.</p> </div> <div class="w-full md:w-1/2 p-2"> <a href="#" class="flex items-center justify-center md:ml-auto w-16 h-16 text-white bg-blue-500 hover:bg-blue-600 focus:bg-blue-600 focus:ring focus:ring-blue-200 rounded-full transition duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M8.68464 2.28591C8.59426 2.3789 8.52253 2.48953 8.47357 2.61142C8.42461 2.73332 8.39941 2.86406 8.39941 2.99611C8.39941 3.12816 8.42461 3.2589 8.47357 3.38079C8.52253 3.50269 8.59426 3.61332 8.68464 3.70631L11.8571 6.99723L2.21429 6.99724C1.95854 6.99724 1.71327 7.10262 1.53243 7.29021C1.35159 7.4778 1.25 7.73223 1.25 7.99752C1.25 8.26281 1.35159 8.51723 1.53243 8.70482C1.71327 8.89241 1.95854 8.9978 2.21429 8.9978L11.8571 8.9978L8.68464 12.2887C8.59426 12.3817 8.52253 12.4923 8.47357 12.6142C8.42461 12.7361 8.39941 12.8669 8.39941 12.9989C8.39941 13.131 8.42461 13.2617 8.47357 13.3836C8.52253 13.5055 8.59426 13.6161 8.68464 13.7091C8.86531 13.8954 9.10971 14 9.36447 14C9.61922 14 9.86362 13.8954 10.0443 13.7091L14.1811 9.40791C14.5432 9.03446 14.7478 8.52724 14.75 7.99752C14.7453 7.47126 14.5409 6.96812 14.1811 6.59712L10.0443 2.29591C9.86489 2.10827 9.62121 2.0019 9.36645 2.00002C9.1117 1.99815 8.86659 2.10093 8.68464 2.28591Z" fill="currentColor"></path> </svg> </a> </div> </div> <div class="flex flex-wrap -m-2"> <div class="w-auto p-2"> <a href="#" class="flex items-center gap-1.5 px-4 py-2.5 hover:bg-gray-50 focus:bg-gray-50 border border-gray-100 rounded-full transition duration-200"> <img class="h-4" src="fily-assets/careers/marker.svg" alt=""> <span class="text-sm font-medium">100% remote</span> </a> </div> <div class="w-auto p-2"> <a href="#" class="flex items-center gap-1.5 px-4 py-2.5 hover:bg-gray-50 focus:bg-gray-50 border border-gray-100 rounded-full transition duration-200"> <img class="h-4" src="fily-assets/careers/clock.svg" alt=""> <span class="text-sm font-medium">Full-time</span> </a> </div> </div> </div> <div class="py-10 border-b border-gray-100"> <div class="flex flex-wrap items-center -m-2 mb-4"> <div class="w-full md:w-1/2 p-2"> <h3 class="mb-3 font-heading text-3xl font-bold">Customer Success Manager</h3> <p class="text-gray-500 font-medium">We’re looking for a customer manager to join our team.</p> </div> <div class="w-full md:w-1/2 p-2"> <a href="#" class="flex items-center justify-center md:ml-auto w-16 h-16 text-white bg-blue-500 hover:bg-blue-600 focus:bg-blue-600 focus:ring focus:ring-blue-200 rounded-full transition duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M8.68464 2.28591C8.59426 2.3789 8.52253 2.48953 8.47357 2.61142C8.42461 2.73332 8.39941 2.86406 8.39941 2.99611C8.39941 3.12816 8.42461 3.2589 8.47357 3.38079C8.52253 3.50269 8.59426 3.61332 8.68464 3.70631L11.8571 6.99723L2.21429 6.99724C1.95854 6.99724 1.71327 7.10262 1.53243 7.29021C1.35159 7.4778 1.25 7.73223 1.25 7.99752C1.25 8.26281 1.35159 8.51723 1.53243 8.70482C1.71327 8.89241 1.95854 8.9978 2.21429 8.9978L11.8571 8.9978L8.68464 12.2887C8.59426 12.3817 8.52253 12.4923 8.47357 12.6142C8.42461 12.7361 8.39941 12.8669 8.39941 12.9989C8.39941 13.131 8.42461 13.2617 8.47357 13.3836C8.52253 13.5055 8.59426 13.6161 8.68464 13.7091C8.86531 13.8954 9.10971 14 9.36447 14C9.61922 14 9.86362 13.8954 10.0443 13.7091L14.1811 9.40791C14.5432 9.03446 14.7478 8.52724 14.75 7.99752C14.7453 7.47126 14.5409 6.96812 14.1811 6.59712L10.0443 2.29591C9.86489 2.10827 9.62121 2.0019 9.36645 2.00002C9.1117 1.99815 8.86659 2.10093 8.68464 2.28591Z" fill="currentColor"></path> </svg> </a> </div> </div> <div class="flex flex-wrap -m-2"> <div class="w-auto p-2"> <a href="#" class="flex items-center gap-1.5 px-4 py-2.5 hover:bg-gray-50 focus:bg-gray-50 border border-gray-100 rounded-full transition duration-200"> <img class="h-4" src="fily-assets/careers/marker.svg" alt=""> <span class="text-sm font-medium">100% remote</span> </a> </div> <div class="w-auto p-2"> <a href="#" class="flex items-center gap-1.5 px-4 py-2.5 hover:bg-gray-50 focus:bg-gray-50 border border-gray-100 rounded-full transition duration-200"> <img class="h-4" src="fily-assets/careers/clock.svg" alt=""> <span class="text-sm font-medium">Full-time</span> </a> </div> </div> </div> <div class="py-10 border-b border-gray-100"> <div class="flex flex-wrap items-center -m-2 mb-4"> <div class="w-full md:w-1/2 p-2"> <h3 class="mb-3 font-heading text-3xl font-bold">Engineering Manager</h3> <p class="text-gray-500 font-medium">We’re looking for an experienced engineering manager to join our team.</p> </div> <div class="w-full md:w-1/2 p-2"> <a href="#" class="flex items-center justify-center md:ml-auto w-16 h-16 text-white bg-blue-500 hover:bg-blue-600 focus:bg-blue-600 focus:ring focus:ring-blue-200 rounded-full transition duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M8.68464 2.28591C8.59426 2.3789 8.52253 2.48953 8.47357 2.61142C8.42461 2.73332 8.39941 2.86406 8.39941 2.99611C8.39941 3.12816 8.42461 3.2589 8.47357 3.38079C8.52253 3.50269 8.59426 3.61332 8.68464 3.70631L11.8571 6.99723L2.21429 6.99724C1.95854 6.99724 1.71327 7.10262 1.53243 7.29021C1.35159 7.4778 1.25 7.73223 1.25 7.99752C1.25 8.26281 1.35159 8.51723 1.53243 8.70482C1.71327 8.89241 1.95854 8.9978 2.21429 8.9978L11.8571 8.9978L8.68464 12.2887C8.59426 12.3817 8.52253 12.4923 8.47357 12.6142C8.42461 12.7361 8.39941 12.8669 8.39941 12.9989C8.39941 13.131 8.42461 13.2617 8.47357 13.3836C8.52253 13.5055 8.59426 13.6161 8.68464 13.7091C8.86531 13.8954 9.10971 14 9.36447 14C9.61922 14 9.86362 13.8954 10.0443 13.7091L14.1811 9.40791C14.5432 9.03446 14.7478 8.52724 14.75 7.99752C14.7453 7.47126 14.5409 6.96812 14.1811 6.59712L10.0443 2.29591C9.86489 2.10827 9.62121 2.0019 9.36645 2.00002C9.1117 1.99815 8.86659 2.10093 8.68464 2.28591Z" fill="currentColor"></path> </svg> </a> </div> </div> <div class="flex flex-wrap -m-2"> <div class="w-auto p-2"> <a href="#" class="flex items-center gap-1.5 px-4 py-2.5 hover:bg-gray-50 focus:bg-gray-50 border border-gray-100 rounded-full transition duration-200"> <img class="h-4" src="fily-assets/careers/marker.svg" alt=""> <span class="text-sm font-medium">Our features</span> </a> </div> <div class="w-auto p-2"> <a href="#" class="flex items-center gap-1.5 px-4 py-2.5 hover:bg-gray-50 focus:bg-gray-50 border border-gray-100 rounded-full transition duration-200"> <img class="h-4" src="fily-assets/careers/clock.svg" alt=""> <span class="text-sm font-medium">Full-time</span> </a> </div> </div> </div> <div :class="{'hidden': !showContent}" class="hidden py-10 border-b border-gray-100"> <div class="flex flex-wrap items-center -m-2 mb-4"> <div class="w-full md:w-1/2 p-2"> <h3 class="mb-3 font-heading text-3xl font-bold">Product Manager</h3> <p class="text-gray-500 font-medium">We’re looking for an experienced engineering manager to join our team.</p> </div> <div class="w-full md:w-1/2 p-2"> <a href="#" class="flex items-center justify-center md:ml-auto w-16 h-16 text-white bg-blue-500 hover:bg-blue-600 focus:bg-blue-600 focus:ring focus:ring-blue-200 rounded-full transition duration-200"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M8.68464 2.28591C8.59426 2.3789 8.52253 2.48953 8.47357 2.61142C8.42461 2.73332 8.39941 2.86406 8.39941 2.99611C8.39941 3.12816 8.42461 3.2589 8.47357 3.38079C8.52253 3.50269 8.59426 3.61332 8.68464 3.70631L11.8571 6.99723L2.21429 6.99724C1.95854 6.99724 1.71327 7.10262 1.53243 7.29021C1.35159 7.4778 1.25 7.73223 1.25 7.99752C1.25 8.26281 1.35159 8.51723 1.53243 8.70482C1.71327 8.89241 1.95854 8.9978 2.21429 8.9978L11.8571 8.9978L8.68464 12.2887C8.59426 12.3817 8.52253 12.4923 8.47357 12.6142C8.42461 12.7361 8.39941 12.8669 8.39941 12.9989C8.39941 13.131 8.42461 13.2617 8.47357 13.3836C8.52253 13.5055 8.59426 13.6161 8.68464 13.7091C8.86531 13.8954 9.10971 14 9.36447 14C9.61922 14 9.86362 13.8954 10.0443 13.7091L14.1811 9.40791C14.5432 9.03446 14.7478 8.52724 14.75 7.99752C14.7453 7.47126 14.5409 6.96812 14.1811 6.59712L10.0443 2.29591C9.86489 2.10827 9.62121 2.0019 9.36645 2.00002C9.1117 1.99815 8.86659 2.10093 8.68464 2.28591Z" fill="currentColor"></path> </svg> </a> </div> </div> <div class="flex flex-wrap -m-2"> <div class="w-auto p-2"> <a href="#" class="flex items-center gap-1.5 px-4 py-2.5 hover:bg-gray-50 focus:bg-gray-50 border border-gray-100 rounded-full transition duration-200"> <img class="h-4" src="fily-assets/careers/marker.svg" alt=""> <span class="text-sm font-medium">Our features</span> </a> </div> <div class="w-auto p-2"> <a href="#" class="flex items-center gap-1.5 px-4 py-2.5 hover:bg-gray-50 focus:bg-gray-50 border border-gray-100 rounded-full transition duration-200"> <img class="h-4" src="fily-assets/careers/clock.svg" alt=""> <span class="text-sm font-medium">Full-time</span> </a> </div> </div> </div> <a href="#" x-on:click.prevent="showContent = true" :class="{'hidden': showContent}" class="inline-flex justify-center items-center text-center h-18 mt-20 py-8 px-10 font-semibold text-white hover:text-white focus:text-white bg-black hover:bg-gray-800 focus:bg-gray-800 rounded-full focus:ring-4 focus:ring-gray-200 transition duration-200">Show more</a> </div> </section>

Careers from FilyTreck

<section class="py-12 py-lg-24 py-xl-32">
  <div class="container">
    <div class="mw-5xl mb-20">
      <h1 class="font-heading mb-10">Work with us</h1>
      <p class="fs-6 text-light-dark fw-medium">Aliquam ornare ante eget mi ullamcorper, euismod luctus nulla tincidunt. Ut sem justo, porta eget massa vitae, vehicula convallis velit. Maecenas vitae velit ut mi vestibulum luctus ut ut</p>
    </div>
    <div class="mw-lg mx-auto mw-lg-none">
      <div class="pb-10 mb-10 border-bottom border-light">
        <div class="row mb-n6">
          <div class="col-lg-8 mb-6">
            <h4 class="mb-3">Product Designer</h4>
            <p class="text-secondary fw-medium mb-0">We’re looking for a mid-level product designer to join our team.</p>
          </div>
          <div class="col-12 col-lg-4 text-end mb-6 order-last order-lg-0"><a class="btn btn-primary p-0 d-inline-flex align-items-center justify-content-center" href="#" style="width: 64px; height: 64px;">
              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M8.68464 2.28591C8.59426 2.3789 8.52253 2.48953 8.47357 2.61142C8.42461 2.73332 8.39941 2.86406 8.39941 2.99611C8.39941 3.12816 8.42461 3.2589 8.47357 3.38079C8.52253 3.50269 8.59426 3.61332 8.68464 3.70631L11.8571 6.99723L2.21429 6.99724C1.95854 6.99724 1.71327 7.10262 1.53243 7.29021C1.35159 7.4778 1.25 7.73223 1.25 7.99752C1.25 8.26281 1.35159 8.51723 1.53243 8.70482C1.71327 8.89241 1.95854 8.9978 2.21429 8.9978L11.8571 8.9978L8.68464 12.2887C8.59426 12.3817 8.52253 12.4923 8.47357 12.6142C8.42461 12.7361 8.39941 12.8669 8.39941 12.9989C8.39941 13.131 8.42461 13.2617 8.47357 13.3836C8.52253 13.5055 8.59426 13.6161 8.68464 13.7091C8.86531 13.8954 9.10971 14 9.36447 14C9.61922 14 9.86362 13.8954 10.0443 13.7091L14.1811 9.40791C14.5432 9.03446 14.7478 8.52724 14.75 7.99752C14.7453 7.47126 14.5409 6.96812 14.1811 6.59712L10.0443 2.29591C9.86489 2.10827 9.62121 2.0019 9.36645 2.00002C9.1117 1.99815 8.86659 2.10093 8.68464 2.28591Z" fill="white"></path>
              </svg></a></div>
          <div class="col-12 mb-6">
            <div class="d-inline-flex me-2 align-items-center px-4 py-2 rounded-pill border border-light">
              <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_527_252)">
                  <path d="M7.97669 16.5053L7.51197 16.107C6.87131 15.5705 1.27734 10.7394 1.27734 7.20551C1.27734 3.50557 4.27675 0.506165 7.97669 0.506165C11.6766 0.506165 14.676 3.50557 14.676 7.20551C14.676 10.7394 9.08206 15.5706 8.44406 16.1096L7.97669 16.5053ZM7.97669 1.95476C5.07816 1.95804 2.72925 4.30695 2.72597 7.20548C2.72597 9.42554 6.16759 12.972 7.97669 14.5953C9.78581 12.9714 13.2274 9.42285 13.2274 7.20548C13.2241 4.30695 10.8752 1.95807 7.97669 1.95476Z" fill="#060918"></path>
                  <path d="M7.97587 9.86111C6.50925 9.86111 5.32031 8.67218 5.32031 7.20555C5.32031 5.73893 6.50925 4.54999 7.97587 4.54999C9.4425 4.54999 10.6314 5.73893 10.6314 7.20555C10.6314 8.67218 9.44253 9.86111 7.97587 9.86111ZM7.97587 5.87774C7.24256 5.87774 6.64809 6.47221 6.64809 7.20552C6.64809 7.93883 7.24256 8.5333 7.97587 8.5333C8.70919 8.5333 9.30366 7.93883 9.30366 7.20552C9.30366 6.47221 8.70922 5.87774 7.97587 5.87774Z" fill="#060918"></path>
                </g>
              </svg><span class="ms-1 fs-9 fw-medium">100% remote</span>
            </div>
            <div class="d-inline-flex align-items-center px-4 py-2 rounded-pill border border-light">
              <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_527_258)">
                  <path d="M8 0.5C6.41775 0.5 4.87104 0.969192 3.55544 1.84824C2.23985 2.72729 1.21447 3.97672 0.608967 5.43853C0.00346629 6.90034 -0.15496 8.50887 0.153721 10.0607C0.462403 11.6126 1.22433 13.038 2.34315 14.1569C3.46197 15.2757 4.88743 16.0376 6.43928 16.3463C7.99113 16.655 9.59966 16.4965 11.0615 15.891C12.5233 15.2855 13.7727 14.2602 14.6518 12.9446C15.5308 11.629 16 10.0823 16 8.5C15.9977 6.37897 15.1541 4.34547 13.6543 2.84568C12.1545 1.34589 10.121 0.502294 8 0.5ZM8 15.1667C6.68146 15.1667 5.39253 14.7757 4.2962 14.0431C3.19987 13.3106 2.34539 12.2694 1.84081 11.0512C1.33622 9.83305 1.2042 8.49261 1.46144 7.1994C1.71867 5.90619 2.35361 4.71831 3.28596 3.78596C4.21831 2.85361 5.4062 2.21867 6.6994 1.96143C7.99261 1.7042 9.33305 1.83622 10.5512 2.3408C11.7694 2.84539 12.8106 3.69987 13.5431 4.7962C14.2757 5.89253 14.6667 7.18146 14.6667 8.5C14.6647 10.2675 13.9617 11.9621 12.7119 13.2119C11.4621 14.4617 9.76752 15.1647 8 15.1667Z" fill="#060918"></path>
                  <path d="M8.00159 4.5C7.82478 4.5 7.65521 4.57024 7.53019 4.69526C7.40516 4.82029 7.33493 4.98986 7.33493 5.16667V8.05L5.08759 9.458C4.9373 9.55189 4.83046 9.70163 4.79058 9.87429C4.7507 10.0469 4.78104 10.2284 4.87493 10.3787C4.96881 10.529 5.11856 10.6358 5.29121 10.6757C5.46387 10.7156 5.6453 10.6852 5.79559 10.5913L8.35559 8.99133C8.45232 8.93073 8.53186 8.84631 8.58661 8.74616C8.64135 8.646 8.66947 8.53347 8.66826 8.41933V5.16667C8.66826 4.98986 8.59802 4.82029 8.473 4.69526C8.34797 4.57024 8.1784 4.5 8.00159 4.5Z" fill="#060918"></path>
                </g>
              </svg><span class="ms-1 fs-9 fw-medium">Full-time</span>
            </div>
          </div>
        </div>
      </div>
      <div class="pb-10 mb-10 border-bottom border-light">
        <div class="row mb-n6">
          <div class="col-lg-8 mb-6">
            <h4 class="mb-3">Customer Success Manager</h4>
            <p class="text-secondary fw-medium mb-0">We’re looking for a customer manager to join our team.</p>
          </div>
          <div class="col-12 col-lg-4 text-end mb-6 order-last order-lg-0"><a class="btn btn-primary p-0 d-inline-flex align-items-center justify-content-center" href="#" style="width: 64px; height: 64px;">
              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M8.68464 2.28591C8.59426 2.3789 8.52253 2.48953 8.47357 2.61142C8.42461 2.73332 8.39941 2.86406 8.39941 2.99611C8.39941 3.12816 8.42461 3.2589 8.47357 3.38079C8.52253 3.50269 8.59426 3.61332 8.68464 3.70631L11.8571 6.99723L2.21429 6.99724C1.95854 6.99724 1.71327 7.10262 1.53243 7.29021C1.35159 7.4778 1.25 7.73223 1.25 7.99752C1.25 8.26281 1.35159 8.51723 1.53243 8.70482C1.71327 8.89241 1.95854 8.9978 2.21429 8.9978L11.8571 8.9978L8.68464 12.2887C8.59426 12.3817 8.52253 12.4923 8.47357 12.6142C8.42461 12.7361 8.39941 12.8669 8.39941 12.9989C8.39941 13.131 8.42461 13.2617 8.47357 13.3836C8.52253 13.5055 8.59426 13.6161 8.68464 13.7091C8.86531 13.8954 9.10971 14 9.36447 14C9.61922 14 9.86362 13.8954 10.0443 13.7091L14.1811 9.40791C14.5432 9.03446 14.7478 8.52724 14.75 7.99752C14.7453 7.47126 14.5409 6.96812 14.1811 6.59712L10.0443 2.29591C9.86489 2.10827 9.62121 2.0019 9.36645 2.00002C9.1117 1.99815 8.86659 2.10093 8.68464 2.28591Z" fill="white"></path>
              </svg></a></div>
          <div class="col-12 mb-6">
            <div class="d-inline-flex me-2 align-items-center px-4 py-2 rounded-pill border border-light">
              <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_527_252)">
                  <path d="M7.97669 16.5053L7.51197 16.107C6.87131 15.5705 1.27734 10.7394 1.27734 7.20551C1.27734 3.50557 4.27675 0.506165 7.97669 0.506165C11.6766 0.506165 14.676 3.50557 14.676 7.20551C14.676 10.7394 9.08206 15.5706 8.44406 16.1096L7.97669 16.5053ZM7.97669 1.95476C5.07816 1.95804 2.72925 4.30695 2.72597 7.20548C2.72597 9.42554 6.16759 12.972 7.97669 14.5953C9.78581 12.9714 13.2274 9.42285 13.2274 7.20548C13.2241 4.30695 10.8752 1.95807 7.97669 1.95476Z" fill="#060918"></path>
                  <path d="M7.97587 9.86111C6.50925 9.86111 5.32031 8.67218 5.32031 7.20555C5.32031 5.73893 6.50925 4.54999 7.97587 4.54999C9.4425 4.54999 10.6314 5.73893 10.6314 7.20555C10.6314 8.67218 9.44253 9.86111 7.97587 9.86111ZM7.97587 5.87774C7.24256 5.87774 6.64809 6.47221 6.64809 7.20552C6.64809 7.93883 7.24256 8.5333 7.97587 8.5333C8.70919 8.5333 9.30366 7.93883 9.30366 7.20552C9.30366 6.47221 8.70922 5.87774 7.97587 5.87774Z" fill="#060918"></path>
                </g>
              </svg><span class="ms-1 fs-9 fw-medium">100% remote</span>
            </div>
            <div class="d-inline-flex align-items-center px-4 py-2 rounded-pill border border-light">
              <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_527_258)">
                  <path d="M8 0.5C6.41775 0.5 4.87104 0.969192 3.55544 1.84824C2.23985 2.72729 1.21447 3.97672 0.608967 5.43853C0.00346629 6.90034 -0.15496 8.50887 0.153721 10.0607C0.462403 11.6126 1.22433 13.038 2.34315 14.1569C3.46197 15.2757 4.88743 16.0376 6.43928 16.3463C7.99113 16.655 9.59966 16.4965 11.0615 15.891C12.5233 15.2855 13.7727 14.2602 14.6518 12.9446C15.5308 11.629 16 10.0823 16 8.5C15.9977 6.37897 15.1541 4.34547 13.6543 2.84568C12.1545 1.34589 10.121 0.502294 8 0.5ZM8 15.1667C6.68146 15.1667 5.39253 14.7757 4.2962 14.0431C3.19987 13.3106 2.34539 12.2694 1.84081 11.0512C1.33622 9.83305 1.2042 8.49261 1.46144 7.1994C1.71867 5.90619 2.35361 4.71831 3.28596 3.78596C4.21831 2.85361 5.4062 2.21867 6.6994 1.96143C7.99261 1.7042 9.33305 1.83622 10.5512 2.3408C11.7694 2.84539 12.8106 3.69987 13.5431 4.7962C14.2757 5.89253 14.6667 7.18146 14.6667 8.5C14.6647 10.2675 13.9617 11.9621 12.7119 13.2119C11.4621 14.4617 9.76752 15.1647 8 15.1667Z" fill="#060918"></path>
                  <path d="M8.00159 4.5C7.82478 4.5 7.65521 4.57024 7.53019 4.69526C7.40516 4.82029 7.33493 4.98986 7.33493 5.16667V8.05L5.08759 9.458C4.9373 9.55189 4.83046 9.70163 4.79058 9.87429C4.7507 10.0469 4.78104 10.2284 4.87493 10.3787C4.96881 10.529 5.11856 10.6358 5.29121 10.6757C5.46387 10.7156 5.6453 10.6852 5.79559 10.5913L8.35559 8.99133C8.45232 8.93073 8.53186 8.84631 8.58661 8.74616C8.64135 8.646 8.66947 8.53347 8.66826 8.41933V5.16667C8.66826 4.98986 8.59802 4.82029 8.473 4.69526C8.34797 4.57024 8.1784 4.5 8.00159 4.5Z" fill="#060918"></path>
                </g>
              </svg><span class="ms-1 fs-9 fw-medium">Full-time</span>
            </div>
          </div>
        </div>
      </div>
      <div class="pb-10 mb-16 border-bottom border-light">
        <div class="row mb-n6">
          <div class="col-lg-8 mb-6">
            <h4 class="mb-3">Engineering Manager</h4>
            <p class="text-secondary fw-medium mb-0">We’re looking for an experienced engineering manager to join our team.</p>
          </div>
          <div class="col-12 col-lg-4 text-end mb-6 order-last order-lg-0"><a class="btn btn-primary p-0 d-inline-flex align-items-center justify-content-center" href="#" style="width: 64px; height: 64px;">
              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M8.68464 2.28591C8.59426 2.3789 8.52253 2.48953 8.47357 2.61142C8.42461 2.73332 8.39941 2.86406 8.39941 2.99611C8.39941 3.12816 8.42461 3.2589 8.47357 3.38079C8.52253 3.50269 8.59426 3.61332 8.68464 3.70631L11.8571 6.99723L2.21429 6.99724C1.95854 6.99724 1.71327 7.10262 1.53243 7.29021C1.35159 7.4778 1.25 7.73223 1.25 7.99752C1.25 8.26281 1.35159 8.51723 1.53243 8.70482C1.71327 8.89241 1.95854 8.9978 2.21429 8.9978L11.8571 8.9978L8.68464 12.2887C8.59426 12.3817 8.52253 12.4923 8.47357 12.6142C8.42461 12.7361 8.39941 12.8669 8.39941 12.9989C8.39941 13.131 8.42461 13.2617 8.47357 13.3836C8.52253 13.5055 8.59426 13.6161 8.68464 13.7091C8.86531 13.8954 9.10971 14 9.36447 14C9.61922 14 9.86362 13.8954 10.0443 13.7091L14.1811 9.40791C14.5432 9.03446 14.7478 8.52724 14.75 7.99752C14.7453 7.47126 14.5409 6.96812 14.1811 6.59712L10.0443 2.29591C9.86489 2.10827 9.62121 2.0019 9.36645 2.00002C9.1117 1.99815 8.86659 2.10093 8.68464 2.28591Z" fill="white"></path>
              </svg></a></div>
          <div class="col-12 mb-6">
            <div class="d-inline-flex me-2 align-items-center px-4 py-2 rounded-pill border border-light">
              <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_527_252)">
                  <path d="M7.97669 16.5053L7.51197 16.107C6.87131 15.5705 1.27734 10.7394 1.27734 7.20551C1.27734 3.50557 4.27675 0.506165 7.97669 0.506165C11.6766 0.506165 14.676 3.50557 14.676 7.20551C14.676 10.7394 9.08206 15.5706 8.44406 16.1096L7.97669 16.5053ZM7.97669 1.95476C5.07816 1.95804 2.72925 4.30695 2.72597 7.20548C2.72597 9.42554 6.16759 12.972 7.97669 14.5953C9.78581 12.9714 13.2274 9.42285 13.2274 7.20548C13.2241 4.30695 10.8752 1.95807 7.97669 1.95476Z" fill="#060918"></path>
                  <path d="M7.97587 9.86111C6.50925 9.86111 5.32031 8.67218 5.32031 7.20555C5.32031 5.73893 6.50925 4.54999 7.97587 4.54999C9.4425 4.54999 10.6314 5.73893 10.6314 7.20555C10.6314 8.67218 9.44253 9.86111 7.97587 9.86111ZM7.97587 5.87774C7.24256 5.87774 6.64809 6.47221 6.64809 7.20552C6.64809 7.93883 7.24256 8.5333 7.97587 8.5333C8.70919 8.5333 9.30366 7.93883 9.30366 7.20552C9.30366 6.47221 8.70922 5.87774 7.97587 5.87774Z" fill="#060918"></path>
                </g>
              </svg><span class="ms-1 fs-9 fw-medium">100% remote</span>
            </div>
            <div class="d-inline-flex align-items-center px-4 py-2 rounded-pill border border-light">
              <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_527_258)">
                  <path d="M8 0.5C6.41775 0.5 4.87104 0.969192 3.55544 1.84824C2.23985 2.72729 1.21447 3.97672 0.608967 5.43853C0.00346629 6.90034 -0.15496 8.50887 0.153721 10.0607C0.462403 11.6126 1.22433 13.038 2.34315 14.1569C3.46197 15.2757 4.88743 16.0376 6.43928 16.3463C7.99113 16.655 9.59966 16.4965 11.0615 15.891C12.5233 15.2855 13.7727 14.2602 14.6518 12.9446C15.5308 11.629 16 10.0823 16 8.5C15.9977 6.37897 15.1541 4.34547 13.6543 2.84568C12.1545 1.34589 10.121 0.502294 8 0.5ZM8 15.1667C6.68146 15.1667 5.39253 14.7757 4.2962 14.0431C3.19987 13.3106 2.34539 12.2694 1.84081 11.0512C1.33622 9.83305 1.2042 8.49261 1.46144 7.1994C1.71867 5.90619 2.35361 4.71831 3.28596 3.78596C4.21831 2.85361 5.4062 2.21867 6.6994 1.96143C7.99261 1.7042 9.33305 1.83622 10.5512 2.3408C11.7694 2.84539 12.8106 3.69987 13.5431 4.7962C14.2757 5.89253 14.6667 7.18146 14.6667 8.5C14.6647 10.2675 13.9617 11.9621 12.7119 13.2119C11.4621 14.4617 9.76752 15.1647 8 15.1667Z" fill="#060918"></path>
                  <path d="M8.00159 4.5C7.82478 4.5 7.65521 4.57024 7.53019 4.69526C7.40516 4.82029 7.33493 4.98986 7.33493 5.16667V8.05L5.08759 9.458C4.9373 9.55189 4.83046 9.70163 4.79058 9.87429C4.7507 10.0469 4.78104 10.2284 4.87493 10.3787C4.96881 10.529 5.11856 10.6358 5.29121 10.6757C5.46387 10.7156 5.6453 10.6852 5.79559 10.5913L8.35559 8.99133C8.45232 8.93073 8.53186 8.84631 8.58661 8.74616C8.64135 8.646 8.66947 8.53347 8.66826 8.41933V5.16667C8.66826 4.98986 8.59802 4.82029 8.473 4.69526C8.34797 4.57024 8.1784 4.5 8.00159 4.5Z" fill="#060918"></path>
                </g>
              </svg><span class="ms-1 fs-9 fw-medium">Full-time</span>
            </div>
          </div>
        </div>
      </div><a class="btn btn-dark" href="#">Show more</a>
    </div>
  </div>
</section>

Careers Components by Shuffle

Choose from 9 variations of Careers UI components. Presented here are variants available in Filytreck library.

You will also find many other types of components in Shuffle Editor that will be in the same style. Each library has been designed by a professional designer and coded by our team of developers.

Get access to all Careers UI components, code and our visual editor. Try the demo for free!

Redirecting to PayPal

Supporting tools

Plans

Careers UI Components – Filytreck Library

Framework

UI Library

Components

Careers from FilyTreck

Job listings section with arrow buttons and location/type tags

Careers from FilyTreck

Careers Components by Shuffle

The easiest way to create beautiful websites

How many people?

monthly

annual

lifetime

Create an account

From idea to beautiful design in minutes.

Get Shuffle for life at today's price

New in every Lifetime License

A more capable AI Agent

Shopify theme export

Multi-AI Designer

Make it yours with AI

Sign in to create with AI

Add images & videos

How it works

Products

UI Components

Extensions

Support

Company

Redirecting to PayPal

Shuffle's Editors

Supporting tools

Plans

Shuffle’s design systems

Most popular ui libraries

Flex

Zanrly

Saturn

Flaro

Gradia

Basko

Artemis

Vendia

Careers UI Components – Filytreck Library

Framework

UI Library

Components

Careers from FilyTreck

Job listings section with arrow buttons and location/type tags

Careers from FilyTreck

Careers Components by Shuffle

The easiest way to create beautiful websites

How many people?

monthly

annual

lifetime

Create an account

From idea to beautiful design in minutes.

Products

UI Components

Extensions

Support

Company