<div class="c-recruitee-jobs">

    @foreach($careersJobs as $careersJob)

        <a class="c-recruitee-jobs__item  js-open-recruitee-job-model" href="/jobs/{{ $careersJob->slug }}" data-job-id="job-430058">
            <div class="c-recruitee-jobs__heading">
                <h4 class="c-recruitee-jobs__title">{{ $careersJob->name }}</h4>
                @if(!empty($careersJob->tag))
                    <span class="c-recruitee-jobs__department">{{ $careersJob->tag }}</span>
                @endif
            </div>
            <span class="c-recruitee-jobs__link">Read more</span>
            <div class="c-recruitee-jobs__icon">
                <span class="c-recruitee-jobs__arrow">
                    <svg width="16px" height="12px" viewBox="0 0 16 12" version="1.1"
                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                        <path fill="currentColor"
                              d="M13.3998179,6.7826087 L0.761575693,6.7826087 C0.340969052,6.7826087 1.12798659e-13,6.43222285 1.12798659e-13,6 C1.12798659e-13,5.56777715 0.340969052,5.2173913 0.761575693,5.2173913 L13.3998179,5.2173913 L9.62273769,1.33599661 C9.32532388,1.0303689 9.32532388,0.534848487 9.62273769,0.22922078 C9.9201515,-0.0764069266 10.4023546,-0.0764069266 10.6997684,0.22922078 L15.7769396,5.44661208 C16.0743535,5.75223979 16.0743535,6.24776021 15.7769396,6.55338792 L10.6997684,11.7707792 C10.4023546,12.0764069 9.9201515,12.0764069 9.62273769,11.7707792 C9.32532388,11.4651515 9.32532388,10.9696311 9.62273769,10.6640034 L13.3998179,6.7826087 Z"></path>
                    </svg>
                </span>
            </div>
        </a>

    @endforeach

</div>