@extends('website.layouts.layout')

@section('content')
    <!--<section class="pxp-hero vh-100" style="background-color: #fff0d9;">-->
    <!--    <div class="pxp-hero-caption">-->
    <!--        <div class="pxp-container">-->
    <!--            <div class="row pxp-pl-80 align-items-center justify-content-between">-->
    <!--                <div class="col-12 col-xl-6 col-xxl-5">-->
    <!--                    <h1>The Easiest Way to Study <span style="color: var(--pxpMainColor)">Abroad</span></h1>-->
    <!--                    <div class="pxp-hero-subtitle mt-3 mt-lg-4">-->
    <!--                        Discover Programs And Schools, Get Matched To The Best Options, And Easily Submit Your Applications. From Research And Admission To Visa And Arrival At Your Dream School, We Guide You At Every Step Of The Way!-->
    <!--                    </div>-->
    <!--                    <div class="mt-5">-->
    <!--                        <a href="javascript:void(0)"  class="btn rounded-pill pxp-section-cta um-explore-program-hero-section-cta">     Explore Programs-->
    <!--                        </a>-->
    <!--                    </div>-->
                     

    <!--                    <div class="pxp-hero-searches-container">-->
    <!--                        <div class="pxp-hero-searches-label">Popular Countrys</div>-->
    <!--                        <div class="pxp-hero-searches">-->
    <!--                            <div class="pxp-hero-searches-items">-->
    <!--                                <a href="#">Canada</a>-->
    <!--                                <a href="#">United Kingdom</a>-->
    <!--                                <a href="#">United States of America</a>-->
                                 
    <!--                            </div>-->
    <!--                        </div>-->
    <!--                    </div>-->
    <!--                </div>-->

    <!--                <div class="d-none d-xl-block col-xl-5 position-relative">-->
    <!--                    <div class="pxp-hero-cards-container pxp-animate-cards pxp-mouse-move" data-speed="160">-->
    <!--                        <div class="pxp-hero-card pxp-cover pxp-cover-top"-->
    <!--                            style="background-image: url(https://dev.uniwolc.com/public/images/students-banner.jpg);width:500px !important"></div>-->
    <!--                        <div class="pxp-hero-card-dark"></div>-->
    <!--                        <div class="pxp-hero-card-light"></div>-->
    <!--                    </div>  -->
    <!--                </div>-->
                    


    <!--            </div>-->
    <!--        </div>-->
    <!--    </div>-->

     

    <!--    <div class="pxp-hero-right-bg-card pxp-has-animation" style="background-color: #ff913f !important;"></div>-->
    <!--</section>-->
        
      <style>
        .location-btn {
            display: flex;
            align-items: center;
            font-size: 0.875rem;
            letter-spacing: 0.125px;
            line-height: 1.5rem;
            color: rgb(54, 59, 81);
            font-weight: 300;
            background-color: rgb(255, 255, 255);
            border-radius: 8px;
            border: 1px solid rgb(169, 177, 204);
            padding: 12px;
        }

        .location-btn span {
            margin-left: 10px;
        }

        .location-btn i {
            font-size: 24px;
        }

        .dropdown-div {
            position: absolute;
            padding: 10px 0px 10px 16px;
            max-height: 300px;
            overflow-y: auto;
            background-color: rgb(255, 255, 255);
            box-shadow: rgba(54, 59, 81, 0.18) 0px 2px 8px, rgba(54, 59, 81, 0.14) 0px 0px 2px, rgba(54, 59, 81, 0.12) 0px 2px 4px;
            z-index: 1;
        }

        [type=checkbox] {
            min-height: 24px;
            min-width: 24px;
            margin-right: 10px;
        }

        .heading-text {
            display: flex;
            font-size: 1rem;
            letter-spacing: normal;
            line-height: 1.5rem;
            font-weight: 400;
            text-align: start;
            color: rgb(54, 59, 81);
            overflow-x: hidden;
            text-overflow: ellipsis;
            white-space: pre-wrap;
        }

        .arrow-btn {
            border: 0;
            background-color: #fff;
            margin-left: 20px;
        }

        .arrow-btn i {
            color: rgb(97, 109, 146);
            font-size: 24px;
        }

        .ptb-6 {
            padding: 15px 0;
        }

        .rotate {
            -moz-transition: all 0.1s linear;
            -webkit-transition: all 0.1s linear;
            transition: all 0.1s linear;
        }

        .rotate.down {
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .rotate1 {
            -moz-transition: all 0.1s linear;
            -webkit-transition: all 0.1s linear;
            transition: all 0.1s linear;
        }

        .rotate1.down {
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .rotate2 {
            -moz-transition: all 0.1s linear;
            -webkit-transition: all 0.1s linear;
            transition: all 0.1s linear;
        }

        .rotate2.down {
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .rotate3 {
            -moz-transition: all 0.1s linear;
            -webkit-transition: all 0.1s linear;
            transition: all 0.1s linear;
        }

        .rotate3.down {
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .rotate4 {
            -moz-transition: all 0.1s linear;
            -webkit-transition: all 0.1s linear;
            transition: all 0.1s linear;
        }

        .rotate4.down {
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .rotate5 {
            -moz-transition: all 0.1s linear;
            -webkit-transition: all 0.1s linear;
            transition: all 0.1s linear;
        }

        .rotate5.down {
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .div-hide {
            display: none;
        }

        .blue-dot,
        .blue-dot1,
        .blue-dot2,
        .blue-dot3,
        .blue-dot4,
        .blue-dot5,
        .blue-dot6 {
            background-color: rgb(30, 109, 235);
            fill: rgb(30, 109, 235);
            flex-shrink: 0;
            height: 10px;
            width: 10px;
            border-radius: 50%;
        }

        .sub-dropdown-div {
            position: relative;
            padding: 10px 0px 10px 16px;
            max-height: 300px;
            overflow-y: auto;
            background-color: rgb(255, 255, 255);
            box-shadow: rgba(54, 59, 81, 0.18) 0px 2px 8px, rgba(54, 59, 81, 0.14) 0px 0px 2px, rgba(54, 59, 81, 0.12) 0px 2px 4px;
            z-index: 1;
        }

        .location-name {
            background-color: rgb(255, 255, 255);
            box-shadow: rgba(54, 59, 81, 0.18) 0px 2px 8px, rgba(54, 59, 81, 0.14) 0px 0px 2px, rgba(54, 59, 81, 0.12) 0px 2px 4px;
            padding: 10px 16px 10px 16px;
            border: 2px solid;
            border-radius: 5px;
        }

        .location-name span {
            margin-right: 20px;
        }

        .sub-div-hide {
            display: none;
        }

        .s-drop-div {
            position: absolute;
            z-index: 1;
        }

        .back-btn {
            background-color: #fff;
            border: 0;
        }

        .g-10 {
            display: flex;
            gap: 10px;
        }

        .program-btn {
            display: flex;
            align-items: center;
            font-size: 0.875rem;
            letter-spacing: 0.125px;
            line-height: 1.5rem;
            color: rgb(54, 59, 81);
            font-weight: 300;
            background-color: rgb(255, 255, 255);
            border-radius: 8px;
            border: 1px solid rgb(169, 177, 204);
            padding: 12px;
        }

        .program-btn span {
            margin-left: 10px;
        }

        .program-btn i {
            font-size: 24px;
        }

        .discipline-btn {
            display: flex;
            align-items: center;
            font-size: 0.875rem;
            letter-spacing: 0.125px;
            line-height: 1.5rem;
            color: rgb(54, 59, 81);
            font-weight: 300;
            background-color: rgb(255, 255, 255);
            border-radius: 8px;
            border: 1px solid rgb(169, 177, 204);
            padding: 12px;
        }

        .discipline-btn span {
            margin-left: 10px;
        }

        .discipline-btn i {
            font-size: 24px;
        }

        .tuition-btn {
            display: flex;
            align-items: center;
            font-size: 0.875rem;
            letter-spacing: 0.125px;
            line-height: 1.5rem;
            color: rgb(54, 59, 81);
            font-weight: 300;
            background-color: rgb(255, 255, 255);
            border-radius: 8px;
            border: 1px solid rgb(169, 177, 204);
            padding: 12px;
        }

        .tuition-btn span {
            margin-left: 10px;
        }

        .tuition-btn i {
            font-size: 24px;
        }

        .intakes-btn {
            display: flex;
            align-items: center;
            font-size: 0.875rem;
            letter-spacing: 0.125px;
            line-height: 1.5rem;
            color: rgb(54, 59, 81);
            font-weight: 300;
            background-color: rgb(255, 255, 255);
            border-radius: 8px;
            border: 1px solid rgb(169, 177, 204);
            padding: 12px;
        }

        .intakes-btn span {
            margin-left: 10px;
        }

        .intakes-btn i {
            font-size: 24px;
        }

        .duration-btn {
            display: flex;
            align-items: center;
            font-size: 0.875rem;
            letter-spacing: 0.125px;
            line-height: 1.5rem;
            color: rgb(54, 59, 81);
            font-weight: 300;
            background-color: rgb(255, 255, 255);
            border-radius: 8px;
            border: 1px solid rgb(169, 177, 204);
            padding: 12px;
        }

        .duration-btn span {
            margin-left: 10px;
        }

        .duration-btn i {
            font-size: 24px;
        }

        @media screen and (max-width: 431px) {
            .sm-fx-d-col {
                display: flex;
                flex-direction: column;
            }

            .location-btn,
            .program-btn,
            .discipline-btn,
            .tuition-btn,
            .intakes-btn,
            .duration-btn {
                width: 100%;
                display: flex;
                justify-content: space-between;
            }
        }
    </style>    
    
        <section class="pxp-page-header-simple">
        <div class="pxp-container">
            <h1>Search Program / University</h1>
            <div class="pxp-hero-subtitle pxp-text-light">Search your education opportunity through <strong>12,800</strong>
                programs</div>
            <div class="pxp-hero-form pxp-hero-form-round pxp-large pxp-has-border mt-3 mt-lg-4">
                <form class="row gx-3 align-items-center">
                    <div class="col-12 col-lg">
                        <div class="input-group mb-3 mb-lg-0">
                            <span class="input-group-text"><span class="fa fa-search"></span></span>
                            <input type="text" class="form-control" placeholder="Course Title">
                        </div>
                    </div>
                    <div class="col-12 col-lg pxp-has-left-border">
                        <div class="input-group mb-3 mb-lg-0">
                            <span class="input-group-text"><span class="fa fa-globe"></span></span>
                            <input type="text" class="form-control" placeholder="University">
                        </div>
                    </div>
                   
                    <div class="col-12 col-lg-auto">
                        <button>Search</button>
                    </div>
                </form>
            </div>
            <div class="custom-filter mt-4">
                <div class="row">
                    <div class="col-md-12 d-flex g-10 sm-fx-d-col">
                        <div class="location-filter">
                            <div>
                                <button class="location-btn" id="locationData">Location <span
                                        class="blue-dot d-none"></span> <span><i class="fa fa-angle-down rotate"
                                            aria-hidden="true"></i></span></button>
                                <div class="dropdown-div div-hide" id="locationDropdown">
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox">United States of America</label>
                                        <button class="arrow-btn"><i class="fa fa-angle-right"
                                                aria-hidden="true"></i></button>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox">Canada</label>
                                        <button class="arrow-btn"><i class="fa fa-angle-right"
                                                aria-hidden="true"></i></button>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox">United Kingdom</label>
                                        <button class="arrow-btn"><i class="fa fa-angle-right"
                                                aria-hidden="true"></i></button>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox">Australia</label>
                                        <button class="arrow-btn"><i class="fa fa-angle-right"
                                                aria-hidden="true"></i></button>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox">Ireland</label>
                                        <button class="arrow-btn"><i class="fa fa-angle-right"
                                                aria-hidden="true"></i></button>
                                    </div>
                                </div>
                                <div id="sublocationDropdown" class="s-drop-div sub-div-hide">
                                    <div class="location-name">
                                        <button class="back-btn"> <span><i class="fa fa-arrow-left"
                                                    aria-hidden="true"></i></span>United States of America</button>
                                    </div>
                                    <div class="sub-dropdown-div">
                                        <div class="ptb-6 d-flex align-items-center justify-content-between">
                                            <label class="heading-text" id="checkBox"><input type="checkbox"
                                                    name="checkbox" value="value" class="checkbox"
                                                    checked="checked">Alabama</label>
                                            <button class="arrow-btn"><i class="fa fa-angle-right"
                                                    aria-hidden="true"></i></button>
                                        </div>
                                        <div class="ptb-6 d-flex align-items-center justify-content-between">
                                            <label class="heading-text" id="checkBox"><input type="checkbox"
                                                    name="checkbox" value="value" class="checkbox"
                                                    checked="checked">Arizona</label>
                                            <button class="arrow-btn"><i class="fa fa-angle-right"
                                                    aria-hidden="true"></i></button>
                                        </div>
                                        <div class="ptb-6 d-flex align-items-center justify-content-between">
                                            <label class="heading-text" id="checkBox"><input type="checkbox"
                                                    name="checkbox" value="value" class="checkbox"
                                                    checked="checked">Arkansas</label>
                                            <button class="arrow-btn"><i class="fa fa-angle-right"
                                                    aria-hidden="true"></i></button>
                                        </div>
                                        <div class="ptb-6 d-flex align-items-center justify-content-between">
                                            <label class="heading-text" id="checkBox"><input type="checkbox"
                                                    name="checkbox" value="value" class="checkbox"
                                                    checked="checked">California</label>
                                            <button class="arrow-btn"><i class="fa fa-angle-right"
                                                    aria-hidden="true"></i></button>
                                        </div>
                                        <div class="ptb-6 d-flex align-items-center justify-content-between">
                                            <label class="heading-text" id="checkBox"><input type="checkbox"
                                                    name="checkbox" value="value" class="checkbox"
                                                    checked="checked">Colorado</label>
                                            <button class="arrow-btn"><i class="fa fa-angle-right"
                                                    aria-hidden="true"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="Program-filter">
                            <div>
                                <button class="program-btn" id="programData">Program level <span
                                        class="blue-dot1 d-none"></span> <span><i class="fa fa-angle-down rotate1"
                                            aria-hidden="true"></i></span></button>
                                <div class="dropdown-div div-hide" id="programDropdown" style="width: 320px">
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox1">Primary / Elementary School</label>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox1">Secondary School</label>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox1">Bachelor's Degree / College Diploma /
                                            Undergraduate</label>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox1">Master's Degree / Post-graduate</label>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox1">English as a Second Language
                                            (ESL)</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="discipline-filter">
                            <div>
                                <button class="discipline-btn" id="disciplineData">Discipline <span
                                        class="blue-dot2 d-none"></span> <span><i class="fa fa-angle-down rotate2"
                                            aria-hidden="true"></i></span></button>
                                <div class="dropdown-div div-hide" id="disciplineDropdown" style="width: 320px">
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox2">Engineering and Technology</label>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox2">Sciences</label>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox2">Arts</label>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox2">Business, Management and
                                            Economics</label>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox2">Law, Politics, Social, Community Service
                                            and Teaching</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tuition-filter">
                            <div>
                                <button class="tuition-btn" id="tuitionData">Tuition fee (USD) <span
                                        class="blue-dot3 d-none"></span> <span><i class="fa fa-angle-down rotate3"
                                            aria-hidden="true"></i></span></button>
                                <div class="dropdown-div div-hide" id="tuitionDropdown" style="width: 300px">
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox3">0 - $10,000 / year</label>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox3">$10,000 - $20,000 / year</label>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox3">$20,000 - $30,000 / year</label>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox3">Over $30,000 / year</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="intakes-filter">
                            <div>
                                <button class="intakes-btn" id="intakesData">Intakes <span
                                        class="blue-dot4 d-none"></span> <span><i class="fa fa-angle-down rotate4"
                                            aria-hidden="true"></i></span></button>
                                <div class="dropdown-div div-hide" id="intakesDropdown" style="width: 200px">
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox4">2024</label>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox4">2022</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="duration-filter">
                            <div>
                                <button class="duration-btn" id="durationData">Duration <span
                                        class="blue-dot5 d-none"></span> <span><i class="fa fa-angle-down rotate5"
                                            aria-hidden="true"></i></span></button>
                                <div class="dropdown-div div-hide" id="durationDropdown" style="width: 200px">
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox5">Duration</label>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox5">1 Year or less</label>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox5">1 - 2 years</label>
                                    </div>
                                    <div class="ptb-6 d-flex align-items-center justify-content-between">
                                        <label class="heading-text" id="checkBox"><input type="checkbox" name="checkbox"
                                                value="value" class="checkbox5">2 years</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
       <section>
        <div class="pxp-container">
            <div class="row">
                <div class="col-lg-5 col-xl-4 col-xxl-4">
                    <div class="row">
                        
                        <div class="col-xxl-12">
                            <div class="pxp-jobs-list-single-column nav mt-4 mt-xxl-0" role="tablist">
                                <a class="pxp-jobs-card-4 pxp-has-border active" id="job-1" data-bs-toggle="tab"
                                    data-bs-target="#job-details-1" role="tab" aria-controls="job-details-1"
                                    aria-selected="true">
                                    <div class="pxp-jobs-card-4-company-top">
                                        <div class="pxp-jobs-card-4-company-logo"
                                            style="background-image: url(images/company-logo-1.png);"></div>
                                        <div class="pxp-jobs-card-4-info">
                                            <div class="pxp-jobs-card-4-title">Senior Editor</div>
                                            <div class="pxp-jobs-card-4-details">
                                                <div class="pxp-jobs-card-4-location pxp-text-light">
                                                    <span class="fa fa-globe"></span>San Francisco, CA
                                                </div>
                                                <div class="pxp-jobs-card-4-type">Full-time</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pxp-jobs-card-4-company-bottom">
                                        <div class="pxp-jobs-card-4-category">
                                            <span class="pxp-jobs-card-4-company">Artistre Studio</span>
                                        </div>
                                        <div class="pxp-jobs-card-4-bottom-right">
                                            <span class="pxp-jobs-card-4-date pxp-text-light">3 days ago</span>
                                        </div>
                                    </div>
                                </a>
                                <a class="pxp-jobs-card-4 pxp-has-border" id="job-2" data-bs-toggle="tab"
                                    data-bs-target="#job-details-2" role="tab" aria-controls="job-details-2"
                                    aria-selected="true">
                                    <div class="pxp-jobs-card-4-company-top">
                                        <div class="pxp-jobs-card-4-company-logo"
                                            style="background-image: url(images/company-logo-2.png);"></div>
                                        <div class="pxp-jobs-card-4-info">
                                            <div class="pxp-jobs-card-4-title">Software Engineering Team Leader</div>
                                            <div class="pxp-jobs-card-4-details">
                                                <div class="pxp-jobs-card-4-location pxp-text-light">
                                                    <span class="fa fa-globe"></span>Los Angeles, CA
                                                </div>
                                                <div class="pxp-jobs-card-4-type">Full-time</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pxp-jobs-card-4-company-bottom">
                                        <div class="pxp-jobs-card-4-category">
                                            <span class="pxp-jobs-card-4-company">Craftgenics</span>
                                        </div>
                                        <div class="pxp-jobs-card-4-bottom-right">
                                            <span class="pxp-jobs-card-4-date pxp-text-light">4 days ago</span>
                                        </div>
                                    </div>
                                </a>
                                <a class="pxp-jobs-card-4 pxp-has-border" id="job-3" data-bs-toggle="tab"
                                    data-bs-target="#job-details-3" role="tab" aria-controls="job-details-3"
                                    aria-selected="true">
                                    <div class="pxp-jobs-card-4-company-top">
                                        <div class="pxp-jobs-card-4-company-logo"
                                            style="background-image: url(images/company-logo-3.png);"></div>
                                        <div class="pxp-jobs-card-4-info">
                                            <div class="pxp-jobs-card-4-title">Techincal Support Engineer</div>
                                            <div class="pxp-jobs-card-4-details">
                                                <div class="pxp-jobs-card-4-location pxp-text-light">
                                                    <span class="fa fa-globe"></span>Paris, France
                                                </div>
                                                <div class="pxp-jobs-card-4-type">Full-time</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pxp-jobs-card-4-company-bottom">
                                        <div class="pxp-jobs-card-4-category">
                                            <span class="pxp-jobs-card-4-company">Illuminate Studio</span>
                                        </div>
                                        <div class="pxp-jobs-card-4-bottom-right">
                                            <span class="pxp-jobs-card-4-date pxp-text-light">3 days ago</span>
                                        </div>
                                    </div>
                                </a>
                                <a class="pxp-jobs-card-4 pxp-has-border" id="job-4" data-bs-toggle="tab"
                                    data-bs-target="#job-details-4" role="tab" aria-controls="job-details-4"
                                    aria-selected="true">
                                    <div class="pxp-jobs-card-4-company-top">
                                        <div class="pxp-jobs-card-4-company-logo"
                                            style="background-image: url(images/company-logo-4.png);"></div>
                                        <div class="pxp-jobs-card-4-info">
                                            <div class="pxp-jobs-card-4-title">Javascript Developer</div>
                                            <div class="pxp-jobs-card-4-details">
                                                <div class="pxp-jobs-card-4-location pxp-text-light">
                                                    <span class="fa fa-globe"></span>London, UK
                                                </div>
                                                <div class="pxp-jobs-card-4-type">Full-time</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pxp-jobs-card-4-company-bottom">
                                        <div class="pxp-jobs-card-4-category">
                                            <span class="pxp-jobs-card-4-company">Syspresoft</span>
                                        </div>
                                        <div class="pxp-jobs-card-4-bottom-right">
                                            <span class="pxp-jobs-card-4-date pxp-text-light">4 days ago</span>
                                        </div>
                                    </div>
                                </a>
                                <a class="pxp-jobs-card-4 pxp-has-border" id="job-5" data-bs-toggle="tab"
                                    data-bs-target="#job-details-5" role="tab" aria-controls="job-details-5"
                                    aria-selected="true">
                                    <div class="pxp-jobs-card-4-company-top">
                                        <div class="pxp-jobs-card-4-company-logo"
                                            style="background-image: url(images/company-logo-5.png);"></div>
                                        <div class="pxp-jobs-card-4-info">
                                            <div class="pxp-jobs-card-4-title">Technical Writer</div>
                                            <div class="pxp-jobs-card-4-details">
                                                <div class="pxp-jobs-card-4-location pxp-text-light">
                                                    <span class="fa fa-globe"></span>London, UK
                                                </div>
                                                <div class="pxp-jobs-card-4-type">Full-time</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pxp-jobs-card-4-company-bottom">
                                        <div class="pxp-jobs-card-4-category">
                                            <span class="pxp-jobs-card-4-company">Gramware</span>
                                        </div>
                                        <div class="pxp-jobs-card-4-bottom-right">
                                            <span class="pxp-jobs-card-4-date pxp-text-light">3 days ago</span>
                                        </div>
                                    </div>
                                </a>
                                <a class="pxp-jobs-card-4 pxp-has-border" id="job-6" data-bs-toggle="tab"
                                    data-bs-target="#job-details-6" role="tab" aria-controls="job-details-6"
                                    aria-selected="true">
                                    <div class="pxp-jobs-card-4-company-top">
                                        <div class="pxp-jobs-card-4-company-logo"
                                            style="background-image: url(images/company-logo-6.png);"></div>
                                        <div class="pxp-jobs-card-4-info">
                                            <div class="pxp-jobs-card-4-title">Human Resources Coordinator</div>
                                            <div class="pxp-jobs-card-4-details">
                                                <div class="pxp-jobs-card-4-location pxp-text-light">
                                                    <span class="fa fa-globe"></span>San Francisco, CA
                                                </div>
                                                <div class="pxp-jobs-card-4-type">Full-time</div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pxp-jobs-card-4-company-bottom">
                                        <div class="pxp-jobs-card-4-category">
                                            <span class="pxp-jobs-card-4-company">Bitbytech</span>
                                        </div>
                                        <div class="pxp-jobs-card-4-bottom-right">
                                            <span class="pxp-jobs-card-4-date pxp-text-light">4 days ago</span>
                                        </div>
                                    </div>
                                </a>
                                <div class="mt-4 w-100">
                                    <a href="#" class="btn rounded-pill pxp-section-cta d-block">Show me more...</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-7 col-xl-8 col-xxl-8">
                    <div class="tab-content pxp-jobs-tab-content">
                        <div class="tab-pane active" id="job-details-1" role="tabpanel" aria-labelledby="job-1">
                            <div class="pxp-jobs-tab-pane-cover pxp-cover"
                                style="background-image: url(images/ph-big.jpg);"></div>
                            <div class="pxp-jobs-tab-pane-logo"
                                style="background-image: url(images/company-logo-1.png);"></div>
                            <div class="pxp-jobs-tab-pane-content">
                                <div class="row justify-content-between align-items-center">
                                    <div class="col-xl-6">
                                        <h3>Senior Editor</h3>
                                        <div class="pxp-jobs-tab-pane-company-location">
                                            by <a href="single-company-1.html"
                                                class="pxp-jobs-tab-pane-company">Artistre Studio</a> in
                                            <a href="jobs-list-1.html" class="pxp-jobs-tab-pane-location">San Francisco,
                                                CA</a>
                                        </div>
                                    </div>
                                    <div class="col-xl-auto">
                                        <div class="pxp-jobs-tab-pane-options mt-4 mt-xl-0">
                                            <button class="btn pxp-jobs-tab-pane-save-btn"><span
                                                    class="fa fa-heart-o"></span></button>
                                            <div class="dropdown ms-2">
                                                <button class="btn pxp-jobs-tab-pane-share-btn dropdown-toggle"
                                                    type="button" id="socialShareBtn-1" data-bs-toggle="dropdown"
                                                    aria-expanded="false">
                                                    <span class="fa fa-share-alt"></span>
                                                </button>
                                                <ul class="dropdown-menu pxp-jobs-tab-pane-share-dropdown"
                                                    aria-labelledby="socialShareBtn-1">
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-facebook"></span> Facebook</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-twitter"></span> Twitter</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-pinterest"></span> Pinterest</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-linkedin"></span> LinkedIn</a></li>
                                                </ul>
                                            </div>
                                            <button class="btn ms-2 pxp-jobs-tab-pane-apply-btn rounded-pill">Apply
                                                Now</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-4 justify-content-between align-items-center">
                                    <div class="col-6">
                                        <a href="jobs-list-1.html" class="pxp-jobs-tab-pane-category">
                                            <div class="pxp-jobs-tab-pane-category-icon"><span
                                                    class="fa fa-bullhorn"></span></div>
                                            <div class="pxp-jobs-tab-pane-category-label">Marketing & Communication
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-auto">
                                        <div class="pxp-jobs-tab-pane-date pxp-text-light">3 days ago</div>
                                    </div>
                                </div>
                                <div class="row mt-4 mt-lg-5 align-items-center">
                                    <div class="col-6">
                                        <div>
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Experience
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Minimum 1 year</div>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div>
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Work Level
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Senior Level</div>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="mt-4">
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Employment
                                                Type</div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Full Time</div>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="mt-4">
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Salary
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">$35k / year</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pxp-jobs-tab-pane-content-details mt-4 mt-lg-5">
                                    <h4>Overview</h4>
                                    <p>As a Product Designer, you will work within a Product Delivery Team fused with
                                        UX, engineering, product and data talent. You will help the team design
                                        beautiful interfaces that solve business challenges for our clients. We work
                                        with a number of Tier 1 banks on building web-based applications for AML, KYC
                                        and Sanctions List management workflows. This role is ideal if you are looking
                                        to segue your career into the FinTech or Big Data arenas.</p>
                                    <div class="mt-4">
                                        <h4>Responsabilities</h4>
                                        <ul>
                                            <li>Be involved in every step of the product design cycle from discovery to
                                                developer handoff and user acceptance testing.</li>
                                            <li>Work with BAs, product managers and tech teams to lead the Product
                                                Design</li>
                                            <li>Maintain quality of the design process and ensure that when designs are
                                                translated into code they accurately reflect the design specifications.
                                            </li>
                                            <li>Accurately estimate design tickets during planning sessions.</li>
                                            <li>Contribute to sketching sessions involving non-designersCreate, iterate
                                                and maintain UI deliverables including sketch files, style guides, high
                                                fidelity prototypes, micro interaction specifications and pattern
                                                libraries.</li>
                                            <li>Ensure design choices are data led by identifying assumptions to test
                                                each sprint, and work with the analysts in your team to plan moderated
                                                usability test sessions.</li>
                                            <li>Design pixel perfect responsive UI’s and understand that adopting common
                                                interface patterns is better for UX than reinventing the wheel</li>
                                            <li>Present your work to the wider business at Show &amp; Tell sessions.
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="mt-4">
                                        <h4>Requirements</h4>
                                        <ul>
                                            <li>4+ years of system administration experience with the Microsoft Server
                                                platform (2012/2016, Microsoft IIS, Active Directory)</li>
                                            <li>3+ years of hands-on system administration experience with AWS (EC2,
                                                Elastic Load Balancing, Multi AZ, etc.)</li>
                                            <li>4+ years of SQL Server, MySQL</li>
                                            <li>Working knowledge of Encryption techniques and protocols, Multi-factor
                                                authentication, Data protection, Penetration testing, Security threats
                                            </li>
                                            <li>Bachelor's Degree, or 4+ years of hands-on IT experience</li>
                                        </ul>
                                    </div>
                                    <div class="mt-4">
                                        <h4>Skills</h4>
                                        <ul>
                                            <li>Programming experience developing web applications with the Microsoft
                                                .NET stack and a basic knowledge of SQL</li>
                                            <li>Development experience with Angular, Node.JS, or ColdFusion</li>
                                            <li>HTML, CSS, XHTML, XML</li>
                                            <li>Hypervisors, SAN’s, load balancers, firewalls, and Web Application
                                                Firewall (WAF)</li>
                                            <li>Experience with Higher Logic (a collaboration platform)</li>
                                            <li>MongoDB, Drupal</li>
                                            <li>Mobile App Development (iOS and Android)</li>
                                            <li>Episerver CMS</li>
                                            <li>Microsoft Team Foundation Server</li>
                                            <li>Speaker Management System (Planstone)</li>
                                        </ul>
                                    </div>
                                    <div class="mt-4 mt-lg-5">
                                        <a href="#" class="btn rounded-pill pxp-section-cta">Apply Now</a>
                                    </div>
                                </div>
                            </div>
                            <button class="btn rounded-pill pxp-jobs-tab-pane-close-btn d-inline-block d-lg-none"><span
                                    class="fa fa-angle-left"></span> Back</button>
                        </div>
                        <div class="tab-pane" id="job-details-2" role="tabpanel" aria-labelledby="job-2">
                            <div class="pxp-jobs-tab-pane-cover pxp-cover"
                                style="background-image: url(images/ph-big.jpg);"></div>
                            <div class="pxp-jobs-tab-pane-logo"
                                style="background-image: url(images/company-logo-2.png);"></div>
                            <div class="pxp-jobs-tab-pane-content">
                                <div class="row justify-content-between align-items-center">
                                    <div class="col-xl-6">
                                        <h3>Software Engineering Team Leader</h3>
                                        <div class="pxp-jobs-tab-pane-company-location">
                                            by <a href="single-company-1.html"
                                                class="pxp-jobs-tab-pane-company">Craftgenics</a> in
                                            <a href="jobs-list-1.html" class="pxp-jobs-tab-pane-location">Los Angeles,
                                                CA</a>
                                        </div>
                                    </div>
                                    <div class="col-xl-auto">
                                        <div class="pxp-jobs-tab-pane-options mt-4 mt-xl-0">
                                            <button class="btn pxp-jobs-tab-pane-save-btn"><span
                                                    class="fa fa-heart-o"></span></button>
                                            <div class="dropdown ms-2">
                                                <button class="btn pxp-jobs-tab-pane-share-btn dropdown-toggle"
                                                    type="button" id="socialShareBtn-2" data-bs-toggle="dropdown"
                                                    aria-expanded="false">
                                                    <span class="fa fa-share-alt"></span>
                                                </button>
                                                <ul class="dropdown-menu pxp-jobs-tab-pane-share-dropdown"
                                                    aria-labelledby="socialShareBtn-2">
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-facebook"></span> Facebook</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-twitter"></span> Twitter</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-pinterest"></span> Pinterest</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-linkedin"></span> LinkedIn</a></li>
                                                </ul>
                                            </div>
                                            <button class="btn ms-2 pxp-jobs-tab-pane-apply-btn rounded-pill">Apply
                                                Now</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-4 justify-content-between align-items-center">
                                    <div class="col-6">
                                        <a href="jobs-list-1.html" class="pxp-jobs-tab-pane-category">
                                            <div class="pxp-jobs-tab-pane-category-icon"><span
                                                    class="fa fa-calendar-o"></span></div>
                                            <div class="pxp-jobs-tab-pane-category-label">Project Management</div>
                                        </a>
                                    </div>
                                    <div class="col-auto">
                                        <div class="pxp-jobs-tab-pane-date pxp-text-light">4 days ago</div>
                                    </div>
                                </div>
                                <div class="row mt-4 mt-lg-5 align-items-center">
                                    <div class="col-sm-6">
                                        <div>
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Experience
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Minimum 1 year</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div>
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Work Level
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Senior Level</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="mt-4">
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Employment
                                                Type</div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Full Time</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="mt-4">
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Salary
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">$35k / year</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pxp-jobs-tab-pane-content-details mt-4 mt-lg-5">
                                    <h4>Overview</h4>
                                    <p>As a Product Designer, you will work within a Product Delivery Team fused with
                                        UX, engineering, product and data talent. You will help the team design
                                        beautiful interfaces that solve business challenges for our clients. We work
                                        with a number of Tier 1 banks on building web-based applications for AML, KYC
                                        and Sanctions List management workflows. This role is ideal if you are looking
                                        to segue your career into the FinTech or Big Data arenas.</p>
                                    <div class="mt-4">
                                        <h4>Responsabilities</h4>
                                        <ul>
                                            <li>Be involved in every step of the product design cycle from discovery to
                                                developer handoff and user acceptance testing.</li>
                                            <li>Work with BAs, product managers and tech teams to lead the Product
                                                Design</li>
                                            <li>Maintain quality of the design process and ensure that when designs are
                                                translated into code they accurately reflect the design specifications.
                                            </li>
                                            <li>Accurately estimate design tickets during planning sessions.</li>
                                            <li>Contribute to sketching sessions involving non-designersCreate, iterate
                                                and maintain UI deliverables including sketch files, style guides, high
                                                fidelity prototypes, micro interaction specifications and pattern
                                                libraries.</li>
                                            <li>Ensure design choices are data led by identifying assumptions to test
                                                each sprint, and work with the analysts in your team to plan moderated
                                                usability test sessions.</li>
                                            <li>Design pixel perfect responsive UI’s and understand that adopting common
                                                interface patterns is better for UX than reinventing the wheel</li>
                                            <li>Present your work to the wider business at Show &amp; Tell sessions.
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="mt-4">
                                        <h4>Requirements</h4>
                                        <ul>
                                            <li>4+ years of system administration experience with the Microsoft Server
                                                platform (2012/2016, Microsoft IIS, Active Directory)</li>
                                            <li>3+ years of hands-on system administration experience with AWS (EC2,
                                                Elastic Load Balancing, Multi AZ, etc.)</li>
                                            <li>4+ years of SQL Server, MySQL</li>
                                            <li>Working knowledge of Encryption techniques and protocols, Multi-factor
                                                authentication, Data protection, Penetration testing, Security threats
                                            </li>
                                            <li>Bachelor's Degree, or 4+ years of hands-on IT experience</li>
                                        </ul>
                                    </div>
                                    <div class="mt-4">
                                        <h4>Skills</h4>
                                        <ul>
                                            <li>Programming experience developing web applications with the Microsoft
                                                .NET stack and a basic knowledge of SQL</li>
                                            <li>Development experience with Angular, Node.JS, or ColdFusion</li>
                                            <li>HTML, CSS, XHTML, XML</li>
                                            <li>Hypervisors, SAN’s, load balancers, firewalls, and Web Application
                                                Firewall (WAF)</li>
                                            <li>Experience with Higher Logic (a collaboration platform)</li>
                                            <li>MongoDB, Drupal</li>
                                            <li>Mobile App Development (iOS and Android)</li>
                                            <li>Episerver CMS</li>
                                            <li>Microsoft Team Foundation Server</li>
                                            <li>Speaker Management System (Planstone)</li>
                                        </ul>
                                    </div>
                                    <div class="mt-4 mt-lg-5">
                                        <a href="#" class="btn rounded-pill pxp-section-cta">Apply Now</a>
                                    </div>
                                </div>
                            </div>
                            <button class="btn rounded-pill pxp-jobs-tab-pane-close-btn d-inline-block d-lg-none"><span
                                    class="fa fa-angle-left"></span> Back</button>
                        </div>
                        <div class="tab-pane" id="job-details-3" role="tabpanel" aria-labelledby="job-3">
                            <div class="pxp-jobs-tab-pane-cover pxp-cover"
                                style="background-image: url(images/ph-big.jpg);"></div>
                            <div class="pxp-jobs-tab-pane-logo"
                                style="background-image: url(images/company-logo-3.png);"></div>
                            <div class="pxp-jobs-tab-pane-content">
                                <div class="row justify-content-between align-items-center">
                                    <div class="col-xl-6">
                                        <h3>Techincal Support Engineer</h3>
                                        <div class="pxp-jobs-tab-pane-company-location">
                                            by <a href="single-company-1.html"
                                                class="pxp-jobs-tab-pane-company">Illuminate Studio</a> in
                                            <a href="jobs-list-1.html" class="pxp-jobs-tab-pane-location">Paris,
                                                France</a>
                                        </div>
                                    </div>
                                    <div class="col-xl-auto">
                                        <div class="pxp-jobs-tab-pane-options mt-4 mt-xl-0">
                                            <button class="btn pxp-jobs-tab-pane-save-btn"><span
                                                    class="fa fa-heart-o"></span></button>
                                            <div class="dropdown ms-2">
                                                <button class="btn pxp-jobs-tab-pane-share-btn dropdown-toggle"
                                                    type="button" id="socialShareBtn-3" data-bs-toggle="dropdown"
                                                    aria-expanded="false">
                                                    <span class="fa fa-share-alt"></span>
                                                </button>
                                                <ul class="dropdown-menu pxp-jobs-tab-pane-share-dropdown"
                                                    aria-labelledby="socialShareBtn-3">
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-facebook"></span> Facebook</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-twitter"></span> Twitter</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-pinterest"></span> Pinterest</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-linkedin"></span> LinkedIn</a></li>
                                                </ul>
                                            </div>
                                            <button class="btn ms-2 pxp-jobs-tab-pane-apply-btn rounded-pill">Apply
                                                Now</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-4 justify-content-between align-items-center">
                                    <div class="col-6">
                                        <a href="jobs-list-1.html" class="pxp-jobs-tab-pane-category">
                                            <div class="pxp-jobs-tab-pane-category-icon"><span
                                                    class="fa fa-comments-o"></span></div>
                                            <div class="pxp-jobs-tab-pane-category-label">Customer Service</div>
                                        </a>
                                    </div>
                                    <div class="col-auto">
                                        <div class="pxp-jobs-tab-pane-date pxp-text-light">4 days ago</div>
                                    </div>
                                </div>
                                <div class="row mt-4 mt-lg-5 align-items-center">
                                    <div class="col-sm-6">
                                        <div>
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Experience
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Minimum 1 year</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div>
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Work Level
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Senior Level</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="mt-4">
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Employment
                                                Type</div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Full Time</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="mt-4">
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Salary
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">$35k / year</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pxp-jobs-tab-pane-content-details mt-4 mt-lg-5">
                                    <h4>Overview</h4>
                                    <p>As a Product Designer, you will work within a Product Delivery Team fused with
                                        UX, engineering, product and data talent. You will help the team design
                                        beautiful interfaces that solve business challenges for our clients. We work
                                        with a number of Tier 1 banks on building web-based applications for AML, KYC
                                        and Sanctions List management workflows. This role is ideal if you are looking
                                        to segue your career into the FinTech or Big Data arenas.</p>
                                    <div class="mt-4">
                                        <h4>Responsabilities</h4>
                                        <ul>
                                            <li>Be involved in every step of the product design cycle from discovery to
                                                developer handoff and user acceptance testing.</li>
                                            <li>Work with BAs, product managers and tech teams to lead the Product
                                                Design</li>
                                            <li>Maintain quality of the design process and ensure that when designs are
                                                translated into code they accurately reflect the design specifications.
                                            </li>
                                            <li>Accurately estimate design tickets during planning sessions.</li>
                                            <li>Contribute to sketching sessions involving non-designersCreate, iterate
                                                and maintain UI deliverables including sketch files, style guides, high
                                                fidelity prototypes, micro interaction specifications and pattern
                                                libraries.</li>
                                            <li>Ensure design choices are data led by identifying assumptions to test
                                                each sprint, and work with the analysts in your team to plan moderated
                                                usability test sessions.</li>
                                            <li>Design pixel perfect responsive UI’s and understand that adopting common
                                                interface patterns is better for UX than reinventing the wheel</li>
                                            <li>Present your work to the wider business at Show &amp; Tell sessions.
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="mt-4">
                                        <h4>Requirements</h4>
                                        <ul>
                                            <li>4+ years of system administration experience with the Microsoft Server
                                                platform (2012/2016, Microsoft IIS, Active Directory)</li>
                                            <li>3+ years of hands-on system administration experience with AWS (EC2,
                                                Elastic Load Balancing, Multi AZ, etc.)</li>
                                            <li>4+ years of SQL Server, MySQL</li>
                                            <li>Working knowledge of Encryption techniques and protocols, Multi-factor
                                                authentication, Data protection, Penetration testing, Security threats
                                            </li>
                                            <li>Bachelor's Degree, or 4+ years of hands-on IT experience</li>
                                        </ul>
                                    </div>
                                    <div class="mt-4">
                                        <h4>Skills</h4>
                                        <ul>
                                            <li>Programming experience developing web applications with the Microsoft
                                                .NET stack and a basic knowledge of SQL</li>
                                            <li>Development experience with Angular, Node.JS, or ColdFusion</li>
                                            <li>HTML, CSS, XHTML, XML</li>
                                            <li>Hypervisors, SAN’s, load balancers, firewalls, and Web Application
                                                Firewall (WAF)</li>
                                            <li>Experience with Higher Logic (a collaboration platform)</li>
                                            <li>MongoDB, Drupal</li>
                                            <li>Mobile App Development (iOS and Android)</li>
                                            <li>Episerver CMS</li>
                                            <li>Microsoft Team Foundation Server</li>
                                            <li>Speaker Management System (Planstone)</li>
                                        </ul>
                                    </div>
                                    <div class="mt-4 mt-lg-5">
                                        <a href="#" class="btn rounded-pill pxp-section-cta">Apply Now</a>
                                    </div>
                                </div>
                            </div>
                            <button class="btn rounded-pill pxp-jobs-tab-pane-close-btn d-inline-block d-lg-none"><span
                                    class="fa fa-angle-left"></span> Back</button>
                        </div>
                        <div class="tab-pane" id="job-details-4" role="tabpanel" aria-labelledby="job-4">
                            <div class="pxp-jobs-tab-pane-cover pxp-cover"
                                style="background-image: url(images/ph-big.jpg);"></div>
                            <div class="pxp-jobs-tab-pane-logo"
                                style="background-image: url(images/company-logo-4.png);"></div>
                            <div class="pxp-jobs-tab-pane-content">
                                <div class="row justify-content-between align-items-center">
                                    <div class="col-xl-6">
                                        <h3>Javascript Developer</h3>
                                        <div class="pxp-jobs-tab-pane-company-location">
                                            by <a href="single-company-1.html"
                                                class="pxp-jobs-tab-pane-company">Syspresoft</a> in
                                            <a href="jobs-list-1.html" class="pxp-jobs-tab-pane-location">London, UK</a>
                                        </div>
                                    </div>
                                    <div class="col-xl-auto">
                                        <div class="pxp-jobs-tab-pane-options mt-4 mt-xl-0">
                                            <button class="btn pxp-jobs-tab-pane-save-btn"><span
                                                    class="fa fa-heart-o"></span></button>
                                            <div class="dropdown ms-2">
                                                <button class="btn pxp-jobs-tab-pane-share-btn dropdown-toggle"
                                                    type="button" id="socialShareBtn-4" data-bs-toggle="dropdown"
                                                    aria-expanded="false">
                                                    <span class="fa fa-share-alt"></span>
                                                </button>
                                                <ul class="dropdown-menu pxp-jobs-tab-pane-share-dropdown"
                                                    aria-labelledby="socialShareBtn-4">
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-facebook"></span> Facebook</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-twitter"></span> Twitter</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-pinterest"></span> Pinterest</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-linkedin"></span> LinkedIn</a></li>
                                                </ul>
                                            </div>
                                            <button class="btn ms-2 pxp-jobs-tab-pane-apply-btn rounded-pill">Apply
                                                Now</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-4 justify-content-between align-items-center">
                                    <div class="col-6">
                                        <a href="jobs-list-1.html" class="pxp-jobs-tab-pane-category">
                                            <div class="pxp-jobs-tab-pane-category-icon"><span
                                                    class="fa fa-terminal"></span></div>
                                            <div class="pxp-jobs-tab-pane-category-label">Software Engineering</div>
                                        </a>
                                    </div>
                                    <div class="col-auto">
                                        <div class="pxp-jobs-tab-pane-date pxp-text-light">4 days ago</div>
                                    </div>
                                </div>
                                <div class="row mt-4 mt-lg-5 align-items-center">
                                    <div class="col-sm-6">
                                        <div>
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Experience
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Minimum 1 year</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div>
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Work Level
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Senior Level</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="mt-4">
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Employment
                                                Type</div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Full Time</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="mt-4">
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Salary
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">$35k / year</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pxp-jobs-tab-pane-content-details mt-4 mt-lg-5">
                                    <h4>Overview</h4>
                                    <p>As a Product Designer, you will work within a Product Delivery Team fused with
                                        UX, engineering, product and data talent. You will help the team design
                                        beautiful interfaces that solve business challenges for our clients. We work
                                        with a number of Tier 1 banks on building web-based applications for AML, KYC
                                        and Sanctions List management workflows. This role is ideal if you are looking
                                        to segue your career into the FinTech or Big Data arenas.</p>
                                    <div class="mt-4">
                                        <h4>Responsabilities</h4>
                                        <ul>
                                            <li>Be involved in every step of the product design cycle from discovery to
                                                developer handoff and user acceptance testing.</li>
                                            <li>Work with BAs, product managers and tech teams to lead the Product
                                                Design</li>
                                            <li>Maintain quality of the design process and ensure that when designs are
                                                translated into code they accurately reflect the design specifications.
                                            </li>
                                            <li>Accurately estimate design tickets during planning sessions.</li>
                                            <li>Contribute to sketching sessions involving non-designersCreate, iterate
                                                and maintain UI deliverables including sketch files, style guides, high
                                                fidelity prototypes, micro interaction specifications and pattern
                                                libraries.</li>
                                            <li>Ensure design choices are data led by identifying assumptions to test
                                                each sprint, and work with the analysts in your team to plan moderated
                                                usability test sessions.</li>
                                            <li>Design pixel perfect responsive UI’s and understand that adopting common
                                                interface patterns is better for UX than reinventing the wheel</li>
                                            <li>Present your work to the wider business at Show &amp; Tell sessions.
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="mt-4">
                                        <h4>Requirements</h4>
                                        <ul>
                                            <li>4+ years of system administration experience with the Microsoft Server
                                                platform (2012/2016, Microsoft IIS, Active Directory)</li>
                                            <li>3+ years of hands-on system administration experience with AWS (EC2,
                                                Elastic Load Balancing, Multi AZ, etc.)</li>
                                            <li>4+ years of SQL Server, MySQL</li>
                                            <li>Working knowledge of Encryption techniques and protocols, Multi-factor
                                                authentication, Data protection, Penetration testing, Security threats
                                            </li>
                                            <li>Bachelor's Degree, or 4+ years of hands-on IT experience</li>
                                        </ul>
                                    </div>
                                    <div class="mt-4">
                                        <h4>Skills</h4>
                                        <ul>
                                            <li>Programming experience developing web applications with the Microsoft
                                                .NET stack and a basic knowledge of SQL</li>
                                            <li>Development experience with Angular, Node.JS, or ColdFusion</li>
                                            <li>HTML, CSS, XHTML, XML</li>
                                            <li>Hypervisors, SAN’s, load balancers, firewalls, and Web Application
                                                Firewall (WAF)</li>
                                            <li>Experience with Higher Logic (a collaboration platform)</li>
                                            <li>MongoDB, Drupal</li>
                                            <li>Mobile App Development (iOS and Android)</li>
                                            <li>Episerver CMS</li>
                                            <li>Microsoft Team Foundation Server</li>
                                            <li>Speaker Management System (Planstone)</li>
                                        </ul>
                                    </div>
                                    <div class="mt-4 mt-lg-5">
                                        <a href="#" class="btn rounded-pill pxp-section-cta">Apply Now</a>
                                    </div>
                                </div>
                            </div>
                            <button class="btn rounded-pill pxp-jobs-tab-pane-close-btn d-inline-block d-lg-none"><span
                                    class="fa fa-angle-left"></span> Back</button>
                        </div>
                        <div class="tab-pane" id="job-details-5" role="tabpanel" aria-labelledby="job-5">
                            <div class="pxp-jobs-tab-pane-cover pxp-cover"
                                style="background-image: url(images/ph-big.jpg);"></div>
                            <div class="pxp-jobs-tab-pane-logo"
                                style="background-image: url(images/company-logo-5.png);"></div>
                            <div class="pxp-jobs-tab-pane-content">
                                <div class="row justify-content-between align-items-center">
                                    <div class="col-xl-6">
                                        <h3>Technical Writer</h3>
                                        <div class="pxp-jobs-tab-pane-company-location">
                                            by <a href="single-company-1.html"
                                                class="pxp-jobs-tab-pane-company">Gramwaren</a> in
                                            <a href="jobs-list-1.html" class="pxp-jobs-tab-pane-location">London, UK</a>
                                        </div>
                                    </div>
                                    <div class="col-xl-auto">
                                        <div class="pxp-jobs-tab-pane-options mt-4 mt-xl-0">
                                            <button class="btn pxp-jobs-tab-pane-save-btn"><span
                                                    class="fa fa-heart-o"></span></button>
                                            <div class="dropdown ms-2">
                                                <button class="btn pxp-jobs-tab-pane-share-btn dropdown-toggle"
                                                    type="button" id="socialShareBtn-5" data-bs-toggle="dropdown"
                                                    aria-expanded="false">
                                                    <span class="fa fa-share-alt"></span>
                                                </button>
                                                <ul class="dropdown-menu pxp-jobs-tab-pane-share-dropdown"
                                                    aria-labelledby="socialShareBtn-5">
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-facebook"></span> Facebook</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-twitter"></span> Twitter</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-pinterest"></span> Pinterest</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-linkedin"></span> LinkedIn</a></li>
                                                </ul>
                                            </div>
                                            <button class="btn ms-2 pxp-jobs-tab-pane-apply-btn rounded-pill">Apply
                                                Now</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-4 justify-content-between align-items-center">
                                    <div class="col-6">
                                        <a href="jobs-list-1.html" class="pxp-jobs-tab-pane-category">
                                            <div class="pxp-jobs-tab-pane-category-icon"><span
                                                    class="fa fa-pie-chart"></span></div>
                                            <div class="pxp-jobs-tab-pane-category-label">Business Development</div>
                                        </a>
                                    </div>
                                    <div class="col-auto">
                                        <div class="pxp-jobs-tab-pane-date pxp-text-light">4 days ago</div>
                                    </div>
                                </div>
                                <div class="row mt-4 mt-lg-5 align-items-center">
                                    <div class="col-sm-6">
                                        <div>
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Experience
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Minimum 1 year</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div>
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Work Level
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Senior Level</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="mt-4">
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Employment
                                                Type</div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Full Time</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="mt-4">
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Salary
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">$35k / year</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pxp-jobs-tab-pane-content-details mt-4 mt-lg-5">
                                    <h4>Overview</h4>
                                    <p>As a Product Designer, you will work within a Product Delivery Team fused with
                                        UX, engineering, product and data talent. You will help the team design
                                        beautiful interfaces that solve business challenges for our clients. We work
                                        with a number of Tier 1 banks on building web-based applications for AML, KYC
                                        and Sanctions List management workflows. This role is ideal if you are looking
                                        to segue your career into the FinTech or Big Data arenas.</p>
                                    <div class="mt-4">
                                        <h4>Responsabilities</h4>
                                        <ul>
                                            <li>Be involved in every step of the product design cycle from discovery to
                                                developer handoff and user acceptance testing.</li>
                                            <li>Work with BAs, product managers and tech teams to lead the Product
                                                Design</li>
                                            <li>Maintain quality of the design process and ensure that when designs are
                                                translated into code they accurately reflect the design specifications.
                                            </li>
                                            <li>Accurately estimate design tickets during planning sessions.</li>
                                            <li>Contribute to sketching sessions involving non-designersCreate, iterate
                                                and maintain UI deliverables including sketch files, style guides, high
                                                fidelity prototypes, micro interaction specifications and pattern
                                                libraries.</li>
                                            <li>Ensure design choices are data led by identifying assumptions to test
                                                each sprint, and work with the analysts in your team to plan moderated
                                                usability test sessions.</li>
                                            <li>Design pixel perfect responsive UI’s and understand that adopting common
                                                interface patterns is better for UX than reinventing the wheel</li>
                                            <li>Present your work to the wider business at Show &amp; Tell sessions.
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="mt-4">
                                        <h4>Requirements</h4>
                                        <ul>
                                            <li>4+ years of system administration experience with the Microsoft Server
                                                platform (2012/2016, Microsoft IIS, Active Directory)</li>
                                            <li>3+ years of hands-on system administration experience with AWS (EC2,
                                                Elastic Load Balancing, Multi AZ, etc.)</li>
                                            <li>4+ years of SQL Server, MySQL</li>
                                            <li>Working knowledge of Encryption techniques and protocols, Multi-factor
                                                authentication, Data protection, Penetration testing, Security threats
                                            </li>
                                            <li>Bachelor's Degree, or 4+ years of hands-on IT experience</li>
                                        </ul>
                                    </div>
                                    <div class="mt-4">
                                        <h4>Skills</h4>
                                        <ul>
                                            <li>Programming experience developing web applications with the Microsoft
                                                .NET stack and a basic knowledge of SQL</li>
                                            <li>Development experience with Angular, Node.JS, or ColdFusion</li>
                                            <li>HTML, CSS, XHTML, XML</li>
                                            <li>Hypervisors, SAN’s, load balancers, firewalls, and Web Application
                                                Firewall (WAF)</li>
                                            <li>Experience with Higher Logic (a collaboration platform)</li>
                                            <li>MongoDB, Drupal</li>
                                            <li>Mobile App Development (iOS and Android)</li>
                                            <li>Episerver CMS</li>
                                            <li>Microsoft Team Foundation Server</li>
                                            <li>Speaker Management System (Planstone)</li>
                                        </ul>
                                    </div>
                                    <div class="mt-4 mt-lg-5">
                                        <a href="#" class="btn rounded-pill pxp-section-cta">Apply Now</a>
                                    </div>
                                </div>
                            </div>
                            <button class="btn rounded-pill pxp-jobs-tab-pane-close-btn d-inline-block d-lg-none"><span
                                    class="fa fa-angle-left"></span> Back</button>
                        </div>
                        <div class="tab-pane" id="job-details-6" role="tabpanel" aria-labelledby="job-6">
                            <div class="pxp-jobs-tab-pane-cover pxp-cover"
                                style="background-image: url(images/ph-big.jpg);"></div>
                            <div class="pxp-jobs-tab-pane-logo"
                                style="background-image: url(images/company-logo-6.png);"></div>
                            <div class="pxp-jobs-tab-pane-content">
                                <div class="row justify-content-between align-items-center">
                                    <div class="col-xl-6">
                                        <h3>Human Resources Coordinator</h3>
                                        <div class="pxp-jobs-tab-pane-company-location">
                                            by <a href="single-company-1.html"
                                                class="pxp-jobs-tab-pane-company">Bitbytech</a> in
                                            <a href="jobs-list-1.html" class="pxp-jobs-tab-pane-location">San Francisco,
                                                CA</a>
                                        </div>
                                    </div>
                                    <div class="col-xl-auto">
                                        <div class="pxp-jobs-tab-pane-options mt-4 mt-xl-0">
                                            <button class="btn pxp-jobs-tab-pane-save-btn"><span
                                                    class="fa fa-heart-o"></span></button>
                                            <div class="dropdown ms-2">
                                                <button class="btn pxp-jobs-tab-pane-share-btn dropdown-toggle"
                                                    type="button" id="socialShareBtn-6" data-bs-toggle="dropdown"
                                                    aria-expanded="false">
                                                    <span class="fa fa-share-alt"></span>
                                                </button>
                                                <ul class="dropdown-menu pxp-jobs-tab-pane-share-dropdown"
                                                    aria-labelledby="socialShareBtn-6">
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-facebook"></span> Facebook</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-twitter"></span> Twitter</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-pinterest"></span> Pinterest</a></li>
                                                    <li><a class="dropdown-item" href="#"><span
                                                                class="fa fa-linkedin"></span> LinkedIn</a></li>
                                                </ul>
                                            </div>
                                            <button class="btn ms-2 pxp-jobs-tab-pane-apply-btn rounded-pill">Apply
                                                Now</button>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mt-4 justify-content-between align-items-center">
                                    <div class="col-6">
                                        <a href="jobs-list-1.html" class="pxp-jobs-tab-pane-category">
                                            <div class="pxp-jobs-tab-pane-category-icon"><span
                                                    class="fa fa-address-card-o"></span></div>
                                            <div class="pxp-jobs-tab-pane-category-label">Human Resources</div>
                                        </a>
                                    </div>
                                    <div class="col-auto">
                                        <div class="pxp-jobs-tab-pane-date pxp-text-light">4 days ago</div>
                                    </div>
                                </div>
                                <div class="row mt-4 mt-lg-5 align-items-center">
                                    <div class="col-sm-6">
                                        <div>
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Experience
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Minimum 1 year</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div>
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Work Level
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Senior Level</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="mt-4">
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Employment
                                                Type</div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">Full Time</div>
                                        </div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="mt-4">
                                            <div class="pxp-jobs-tab-pane-content-info-label pxp-text-light">Salary
                                            </div>
                                            <div class="pxp-jobs-tab-pane-content-info-data">$35k / year</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="pxp-jobs-tab-pane-content-details mt-4 mt-lg-5">
                                    <h4>Overview</h4>
                                    <p>As a Product Designer, you will work within a Product Delivery Team fused with
                                        UX, engineering, product and data talent. You will help the team design
                                        beautiful interfaces that solve business challenges for our clients. We work
                                        with a number of Tier 1 banks on building web-based applications for AML, KYC
                                        and Sanctions List management workflows. This role is ideal if you are looking
                                        to segue your career into the FinTech or Big Data arenas.</p>
                                    <div class="mt-4">
                                        <h4>Responsabilities</h4>
                                        <ul>
                                            <li>Be involved in every step of the product design cycle from discovery to
                                                developer handoff and user acceptance testing.</li>
                                            <li>Work with BAs, product managers and tech teams to lead the Product
                                                Design</li>
                                            <li>Maintain quality of the design process and ensure that when designs are
                                                translated into code they accurately reflect the design specifications.
                                            </li>
                                            <li>Accurately estimate design tickets during planning sessions.</li>
                                            <li>Contribute to sketching sessions involving non-designersCreate, iterate
                                                and maintain UI deliverables including sketch files, style guides, high
                                                fidelity prototypes, micro interaction specifications and pattern
                                                libraries.</li>
                                            <li>Ensure design choices are data led by identifying assumptions to test
                                                each sprint, and work with the analysts in your team to plan moderated
                                                usability test sessions.</li>
                                            <li>Design pixel perfect responsive UI’s and understand that adopting common
                                                interface patterns is better for UX than reinventing the wheel</li>
                                            <li>Present your work to the wider business at Show &amp; Tell sessions.
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="mt-4">
                                        <h4>Requirements</h4>
                                        <ul>
                                            <li>4+ years of system administration experience with the Microsoft Server
                                                platform (2012/2016, Microsoft IIS, Active Directory)</li>
                                            <li>3+ years of hands-on system administration experience with AWS (EC2,
                                                Elastic Load Balancing, Multi AZ, etc.)</li>
                                            <li>4+ years of SQL Server, MySQL</li>
                                            <li>Working knowledge of Encryption techniques and protocols, Multi-factor
                                                authentication, Data protection, Penetration testing, Security threats
                                            </li>
                                            <li>Bachelor's Degree, or 4+ years of hands-on IT experience</li>
                                        </ul>
                                    </div>
                                    <div class="mt-4">
                                        <h4>Skills</h4>
                                        <ul>
                                            <li>Programming experience developing web applications with the Microsoft
                                                .NET stack and a basic knowledge of SQL</li>
                                            <li>Development experience with Angular, Node.JS, or ColdFusion</li>
                                            <li>HTML, CSS, XHTML, XML</li>
                                            <li>Hypervisors, SAN’s, load balancers, firewalls, and Web Application
                                                Firewall (WAF)</li>
                                            <li>Experience with Higher Logic (a collaboration platform)</li>
                                            <li>MongoDB, Drupal</li>
                                            <li>Mobile App Development (iOS and Android)</li>
                                            <li>Episerver CMS</li>
                                            <li>Microsoft Team Foundation Server</li>
                                            <li>Speaker Management System (Planstone)</li>
                                        </ul>
                                    </div>
                                    <div class="mt-4 mt-lg-5">
                                        <a href="#" class="btn rounded-pill pxp-section-cta">Apply Now</a>
                                    </div>
                                </div>
                            </div>
                            <button class="btn rounded-pill pxp-jobs-tab-pane-close-btn d-inline-block d-lg-none"><span
                                    class="fa fa-angle-left"></span> Back</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

        
@endsection

@section('pagescriptcode')
<div class="modal fade pxp-user-modal" id="pxp-signin-modal" aria-hidden="true" aria-labelledby="signinModal"
        tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="pxp-user-modal-fig text-center">
                        <img src="images/signin-fig.png" alt="Sign in">
                    </div>
                    <h5 class="modal-title text-center mt-4" id="signinModal">Welcome back!</h5>
                    <form class="mt-4">
                        <div class="form-floating mb-3">
                            <input type="email" class="form-control" id="pxp-signin-email" placeholder="Email address">
                            <label for="pxp-signin-email">Email address</label>
                            <span class="fa fa-envelope-o"></span>
                        </div>
                        <div class="form-floating mb-3">
                            <input type="password" class="form-control" id="pxp-signin-password" placeholder="Password">
                            <label for="pxp-signin-password">Password</label>
                            <span class="fa fa-lock"></span>
                        </div>
                        <a href="#" class="btn rounded-pill pxp-modal-cta">Continue</a>
                        <div class="mt-4 text-center pxp-modal-small">
                            <a href="#" class="pxp-modal-link">Forgot password</a>
                        </div>
                        <div class="mt-4 text-center pxp-modal-small">
                            New to Jobster? <a role="button" class data-bs-target="#pxp-signup-modal"
                                data-bs-toggle="modal" data-bs-dismiss="modal">Create an account</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

<div class="modal fade pxp-user-modal" id="pxp-signup-modal" aria-hidden="true" aria-labelledby="signupModal"
        tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="pxp-user-modal-fig text-center">
                        <img src="images/signup-fig.png" alt="Sign up">
                    </div>
                    <h5 class="modal-title text-center mt-4" id="signupModal">Create an account</h5>
                    <form class="mt-4">
                        <div class="form-floating mb-3">
                            <input type="email" class="form-control" id="pxp-signup-email" placeholder="Email address">
                            <label for="pxp-signup-email">Email address</label>
                            <span class="fa fa-envelope-o"></span>
                        </div>
                        <div class="form-floating mb-3">
                            <input type="password" class="form-control" id="pxp-signup-password"
                                placeholder="Create password">
                            <label for="pxp-signup-password">Create password</label>
                            <span class="fa fa-lock"></span>
                        </div>
                        <a href="#" class="btn rounded-pill pxp-modal-cta">Continue</a>
                        <div class="mt-4 text-center pxp-modal-small">
                            Already have an account? <a role="button" class data-bs-target="#pxp-signin-modal"
                                data-bs-toggle="modal">Sign in</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    
<script>
   
    $(document).ready(function () {
        $(".location-btn").click(function () {
            $('.rotate').toggleClass("down");
        });
        $("#locationData").click(function () {
            $('#locationDropdown').toggle();
        });

        $(".checkbox").change(function () {
            if (this.checked) {
                $('.blue-dot').removeClass('d-none');
            } else {
                $('.blue-dot').addClass('d-none');
            }
        });

        $('.arrow-btn').on('click', function () {
            $('#sublocationDropdown').toggle();
            $('#locationDropdown').hide();
        });
        $('.back-btn').on('click', function () {
            $('#sublocationDropdown').hide();
            $('#locationDropdown').show();
        });
    });

    $(document).ready(function () {
        $(".program-btn").click(function () {
            $('.rotate1').toggleClass("down");
        });
        $("#programData").click(function () {
            $('#programDropdown').toggle();
        });

        $(".checkbox1").change(function () {
            if (this.checked) {
                $('.blue-dot1').removeClass('d-none');
            } else {
                $('.blue-dot1').addClass('d-none');
            }
        });
    });

    $(document).ready(function () {
        $(".discipline-btn").click(function () {
            $('.rotate2').toggleClass("down");
        });
        $("#disciplineData").click(function () {
            $('#disciplineDropdown').toggle();
        });



        $(".checkbox2").change(function () {
            if (this.checked) {
                $('.blue-dot2').removeClass('d-none');
            } else {
                $('.blue-dot2').addClass('d-none');
            }
        });
    });

    $(document).ready(function () {
        $(".tuition-btn").click(function () {
            $('.rotate3').toggleClass("down");
        });
        $("#tuitionData").click(function () {
            $('#tuitionDropdown').toggle();
        });



        $(".checkbox3").change(function () {
            if (this.checked) {
                $('.blue-dot3').removeClass('d-none');
            } else {
                $('.blue-dot3').addClass('d-none');
            }
        });
    });

    $(document).ready(function () {
        $(".intakes -btn").click(function () {
            $('.rotate4').toggleClass("down");
        });
        $("#intakesData").click(function () {
            $('#intakesDropdown').toggle();
        });



        $(".checkbox4").change(function () {
            if (this.checked) {
                $('.blue-dot4').removeClass('d-none');
            } else {
                $('.blue-dot4').addClass('d-none');
            }
        });
    });

    $(document).ready(function () {
        $(".duration-btn").click(function () {
            $('.rotate5').toggleClass("down");
        });
        $("#durationData").click(function () {
            $('#durationDropdown').toggle();
        });



        $(".checkbox5").change(function () {
            if (this.checked) {
                $('.blue-dot5').removeClass('d-none');
            } else {
                $('.blue-dot5').addClass('d-none');
            }
        });
    });

    $(document).mouseup(function (e) {
        var container = $("#locationDropdown");

        if (!container.is(e.target) && container.has(e.target).length === 0) {
            container.hide();
        }

        var container2 = $("#programDropdown");

        if (!container2.is(e.target) && container2.has(e.target).length === 0) {
            container2.hide();
        }

        var container3 = $("#disciplineDropdown");

        if (!container3.is(e.target) && container3.has(e.target).length === 0) {
            container3.hide();
        }

        var container4 = $("#tuitionDropdown");

        if (!container4.is(e.target) && container4.has(e.target).length === 0) {
            container4.hide();
        }

        var container5 = $("#intakesDropdown");

        if (!container5.is(e.target) && container5.has(e.target).length === 0) {
            container5.hide();
        }

        var container6 = $("#durationDropdown");

        if (!container6.is(e.target) && container6.has(e.target).length === 0) {
            container6.hide();
        }

    });

    </script>

@endsection