- var page_Title = 'Job Details';
- var accordion             = true;
- var theme_customizer      = true;
- var sidebar               = true;
- var slick                 = true;
- var header_slider         = true;
- var scrollbar             = true;
doctype html
html(lang='en')
  include ../../components/header-files
  body
    include ../../components/loader
    include ../../components/taptop
    // page-wrapper Start
    #pageWrapper.page-wrapper.compact-wrapper
      include ../../components/header
      // Page Body Start
      .page-body-wrapper
        include ../../components/sidebar
        .page-body
          .container.w-full
            .page-title
              .grid.grid-cols-12.mx-2.items-center
                div(class="col-span-6 sm:col-span-12")
                  h3
                    | Job Details
                div(class="col-span-6 sm:col-span-12")
                  ol.breadcrumb.flex
                    li.breadcrumb-item
                      a(href='index.html')                                        
                        svg.stroke-icon
                          use(href='../assets/svg/icon-sprite.svg#stroke-home')
                    li.breadcrumb-item  Jobs
                    li.breadcrumb-item.active Job Details
          // Container-fluid starts
          .container.job-details-wrapper
            .grid.grid-cols-12.gap-3
              div(class="col-span-3 xl:col-span-12 xl-40 box-col-12")
                .md-sidebar
                  a.btn.btn-primary.email-aside-toggle.text-white.md-sidebar-toggle(class="hover:text-white") Job filter
                  .md-sidebar-aside.job-sidebar.custom-scrollbar(class="[@media(max-width:1199px)_and_(min-width:440px)]:!w-[365px]")
                    .default-according.style-1.faq-accordion.job-accordion
                      #accordionExample
                        .card.accordion
                          #headingOne.card-header.accordion-item
                            h2.accordion-header.relative
                              button.accordion-button.btn.btn-link.btn-block.text-start(type='button' data-bs-toggle='collapse' data-bs-target='#collapseOne' aria-expanded='true' aria-controls='collapseOne')
                                | Filter
                            #collapseOne.accordion-collapse.collapse.show(aria-labelledby='headingOne' data-bs-parent='#accordionExample')
                              .card-body.filter-cards-view.animate-chk
                                .job-filter.mb-2
                                  .faq-form
                                    input.form-control(type='text', placeholder='Search..')
                                    i.search-icon(data-feather='search')
                                .job-filter
                                  .faq-form
                                    input.form-control(type='text', placeholder='location..')
                                    i.search-icon(data-feather='map-pin')
                                .checkbox-animated
                                  .form-check
                                    input#chk-ani.checkbox_animated(type='checkbox', data-original-title='', title='')
                                    label.form-check-label(for='chk-ani')
                                      span Full-time
                                      span.number (8688)
                                  .form-check
                                    input#chk-ani1.checkbox_animated(type='checkbox', data-original-title='', title='')
                                    label.form-check-label(for='chk-ani1')
                                      span Contract
                                      span.number (503)
                                  .form-check
                                    input#chk-ani2.checkbox_animated(type='checkbox', data-original-title='', title='')
                                    label.form-check-label(for='chk-ani2')
                                      span Part-time
                                      span.number (288)
                                  .form-check
                                    input#chk-ani3.checkbox_animated(type='checkbox', data-original-title='', title='')
                                    label.form-check-label(for='chk-ani3')
                                      span Internship
                                      span.number (236)
                                  .form-check
                                    input#chk-ani4.checkbox_animated(type='checkbox', data-original-title='', title='')
                                    label.form-check-label(for='chk-ani4')
                                      span Temporary
                                      span.number (146)
                                  .form-check
                                    input#chk-ani5.checkbox_animated(type='checkbox', data-original-title='', title='')
                                    label.form-check-label(for='chk-ani5')
                                      span Commission
                                      span.number (25)
                                button.btn.btn-primary(type='button' class="!text-center !text-white") Find jobs
                        .card.accordion
                          #headingTwo.card-header.accordion-item
                            h2.accordion-header.relative
                              button.accordion-button.btn.btn-link.btn-block.text-start.collapsed(type='button' data-bs-toggle='collapse' data-bs-target='#collapseTwo' aria-expanded='true' aria-controls='collapseTwo')
                                | Location
                            #collapseTwo.accordion-collapse.collapse.show(aria-labelledby='headingTwo' data-bs-parent='#accordionExample')
                              .card-body.animate-chk
                                .location-checkbox
                                  label.block(for='chk-ani6')
                                    input#chk-ani6.checkbox_animated(type='checkbox')
                                    |                           New York
                                    span.block NY (399)
                                  label.block(for='chk-ani7')
                                    input#chk-ani7.checkbox_animated(type='checkbox')
                                    |                            San Francisco
                                    span.block CA (252)
                                  label.block(for='chk-ani8')
                                    input#chk-ani8.checkbox_animated(type='checkbox')
                                    |                             Washington
                                    span.block DC (226)
                                  label.block(for='chk-ani9')
                                    input#chk-ani9.checkbox_animated(type='checkbox')
                                    |                            Seattle
                                    span.block WA (242)
                                  label.block(for='chk-ani10')
                                    input#chk-ani10.checkbox_animated(type='checkbox')
                                    |                           Chicago
                                    span.block IL (187)
                              button.btn.btn-block.btn-primary(type='button' class="!text-center !text-white") All Locations
                        .card.accordion
                          #headingThree.card-header.accordion-item
                            h2.accordion-header.relative
                              button.accordion-button.btn.btn-link.btn-block.text-start.collapsed(type='button' data-bs-toggle='collapse' data-bs-target='#collapseThree' aria-expanded='true' aria-controls='collapseThree')
                                | Job Title
                            #collapseThree.accordion-collapse.collapse.show(aria-labelledby='headingThree' data-bs-parent='#accordionExample')
                              .card-body.animate-chk
                                .form-check
                                  input#chk-ani11.checkbox_animated(type='checkbox', data-original-title='', title='')
                                  label.form-check-label(for='chk-ani11' class="!mb-0")
                                    span UI/UX Designer
                                    span.number (25)
                                .form-check
                                  input#chk-ani12.checkbox_animated(type='checkbox', data-original-title='', title='')
                                  label.form-check-label(for='chk-ani12' class="!mb-0")
                                    span Graphic Designer
                                    span.number (10)
                                .form-check
                                  input#chk-ani13.checkbox_animated(type='checkbox', data-original-title='', title='')
                                  label.form-check-label(for='chk-ani13' class="!mb-0")
                                    span Front-end Designer
                                    span.number (15)
                                .form-check
                                  input#chk-ani14.checkbox_animated(type='checkbox', data-original-title='', title='')
                                  label.form-check-label(for='chk-ani14' class="!mb-0")
                                    span PHP Developer
                                    span.number (42)
                                .form-check
                                  input#chk-ani15.checkbox_animated(type='checkbox', data-original-title='', title='')
                                  label.form-check-label(for='chk-ani15' class="!mb-0")
                                    span React Developer
                                    span.number (5)
                              button.btn.btn-block.btn-primary(type='button' class="!text-center !text-white") All Job Title
                        .card.accordion
                          #headingFour.card-header.accordion-item
                            h2.accordion-header.relative
                              button.accordion-button.btn.btn-link.btn-block.text-start.collapsed(type='button' data-bs-toggle='collapse' data-bs-target='#collapseFour' aria-expanded='true' aria-controls='collapseFour')
                                | Industry
                            #collapseFour.accordion-collapse.collapse.show(aria-labelledby='headingFour' data-bs-parent='#accordionExample')
                              .card-body.animate-chk
                                .form-check
                                  input#chk-ani16.checkbox_animated(type='checkbox', data-original-title='', title='')
                                  label.form-check-label(for='chk-ani16' class="!mb-0")
                                    span Computer Software
                                    span.number (14)
                                .form-check
                                  input#chk-ani17.checkbox_animated(type='checkbox', data-original-title='', title='')
                                  label.form-check-label(for='chk-ani17' class="!mb-0")
                                    span IT Engineer
                                    span.number (10)
                                .form-check
                                  input#chk-ani18.checkbox_animated(type='checkbox', data-original-title='', title='')
                                  label.form-check-label(for='chk-ani18' class="!mb-0")
                                    span Service Industry
                                    span.number (20)
                                .form-check
                                  input#chk-ani19.checkbox_animated(type='checkbox', data-original-title='', title='')
                                  label.form-check-label(for='chk-ani19' class="!mb-0")
                                    span Accounting
                                    span.number (34)
                                .form-check
                                  input#chk-ani20.checkbox_animated(type='checkbox', data-original-title='', title='')
                                  label.form-check-label(for='chk-ani20' class="!mb-0")
                                    span Financial Services
                                    span.number (5)
                              button.btn.btn-block.btn-primary(type='button' class="!text-center !text-white") All Industries
                        .card.accordion
                          #headingFive.card-header.accordion-item
                            h2.accordion-header.relative
                              button.accordion-button.btn.btn-link.btn-block.text-start.collapsed(type='button' data-bs-toggle='collapse' data-bs-target='#collapseFive' aria-expanded='true' aria-controls='collapseFive')
                                | Specific Skills
                            #collapseFive.accordion-collapse.collapse.show(aria-labelledby='headingFive' data-bs-parent='#accordionExample')
                              .card-body.animate-chk
                                .form-check
                                  input#chk-ani21.checkbox_animated(type='checkbox', data-original-title='', title='')
                                  label.form-check-label(for='chk-ani21' class="!mb-0")
                                    span HTML,SCSS & SASS
                                .form-check
                                  input#chk-ani22.checkbox_animated(type='checkbox', data-original-title='', title='')
                                  label.form-check-label(for='chk-ani22' class="!mb-0")
                                    span Javascript
                                .form-check
                                  input#chk-ani23.checkbox_animated(type='checkbox', data-original-title='', title='')
                                  label.form-check-label(for='chk-ani23' class="!mb-0")
                                    span Node.js
                                .form-check
                                  input#chk-ani25.checkbox_animated(type='checkbox', data-original-title='', title='')
                                  label.form-check-label(for='chk-ani25' class="!mb-0")
                                    span Gulp & Pug
                                .form-check
                                  input#chk-ani26.checkbox_animated(type='checkbox', data-original-title='', title='')
                                  label.form-check-label(for='chk-ani26' class="!mb-0")
                                    span Angular.js
                              button.btn.btn-block.btn-primary(type='button' class="!text-center !text-white") All Skills 
              div(class="col-span-9 xl:col-span-12 xl-80 box-col-12")
                .card
                  .job-search
                    .card-body
                      .job-flex
                        img.img-40.max-w-full.h-auto.m-r-20(src='../assets/images/job-search/1.jpg', alt='')
                        .grow
                          h6(class="[@media(max-width:575px)]:text-center")
                            a(href='#') Product Designer (UI/UX Designer)
                            span.pull-right
                              a(href="job-apply.html" class="hover:text-white").text-white.btn.btn-primary Apply
                          p(class="!mt-0 [@media(max-width:575px)]:text-center")
                            | Endless - United States
                            span.ps-1
                              i.fa-solid.fa-star.font-warning
                              i.fa-solid.fa-star.font-warning
                              i.fa-solid.fa-star.font-warning
                              i.fa-solid.fa-star.font-warning
                              i.fa-solid.fa-star.font-warning
                      .job-description
                        h6 Job Description
                        p.c-o-light
                          | Endless is looking for a UI/UX Designer to join our team. The world is seeing an explosion in the amount and variety of location-baWe are looking for a versatile UX/UI Designer to join our growing design team. Our designers contribute to clients’ projects at all stages of development. We might start from scratch, conducting user and stakeholder interviews, making personas and journey maps, and continue on to iterating on designs and prototypes through delivering final assets for launch. We might come into the middle of an in-flight program-size project and conduct analysis and usability correction or feature enhancement. We might provide research and vision for handoff to an internal development team.
                        // <p>Front-end web designers combine design, programming, writing and organizational skills in their work. They help shape the vision for a company's online content.</p>
                      .job-description
                        h6 Qualifications 
                        ul
                          li Have shipped multiple iOS, android, and/or web products 
                          li 5+ years UI/UX experience
                          li
                            | Portfolio demonstrating mastery of native iOS, Android, and/or responsive web design principles
                          li Ability to autonomously pursue elegant solutions to open-ended problems
                          li Comfort with ambiguity
                          li Proven ability to create interactive prototypes
                          li
                            | Strong verbal communication skills with ability to clearly communicate complex ideas and champion a design vision across all levels of an organization
                          li
                            | Strong written communication skills with ability to make transparent design documentation and client-facing presentations
                          li
                            | Ability to create and maintain flow charts, wire frames, prototypes, and mockups.
                          li Ability to effectively work on more than one project at a time
                          li Experience conducting user research and stakeholder interviews
                          li
                            | Solid grasp of standard design tools, ex: Sketch, Omnigraffle, the Adobe Suite, Zeplin, etc.
                          li Bonus Considerations 
                      .job-description
                        h6 Agency experience
                        ul
                          li Experience working with Agile development teams
                          li Experience with RITE method usability testing
                          li
                            | Experience in visual and motion design; ability to translate UX design into high quality visuals
                          li Mastery of Sketch & InVision
                          li Knowledge of mobile or front-end web programming
                      .job-description
                        h6 Perks
                        ul
                          li Competitive pay
                          li Competitive medical, dental, and vision insurance plans
                          li Company-provided 401(k) plan
                          li Paid vacation and sick time
                          li Free snacks and beverages
                      .job-description.flex.gap-3
                        button.btn.btn-primary.text-white(type='button')
                          span
                            i.fa-solid.fa-check.me-1
                          |  Save this job
                        button.btn.btn-primary.text-white(type='button')
                          span
                            i.fa.fa-share-alt.me-1
                          |  Share
                .header-faq
                  h5.mb-0.font-semibold Similar Jobs
                .grid.grid-cols-12.card-gap
                  div(class="col-span-6 xl:col-span-12 xl-100")
                    .card
                      .job-search
                        .card-body
                          .job-flex
                            img.img-40.max-w-full.h-auto.m-r-20(src='../assets/images/job-search/2.jpg', alt='')
                            .grow
                              h6(class="[@media(max-width:575px)]:text-center")
                                a(href='#') React/React Native Developer
                                span.badge.badge-primary.pull-right New
                              p.mt-0(class="[@media(max-width:575px)]:text-center")
                                | San 
                                span Diego, CA
                                span.ps-sm-1
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning-o
                          p
                            | Ideally 2+ years experience with React. Bonus points if you have React Native experience. This is an incredibly exciting opportunity to gain commercial , Professional experience of React Native and other front end frameworks. Transform product wireframes into responsive, mobile user interface components and
                  div(class="col-span-6 xl:col-span-12 xl-100")
                    .card
                      .job-search
                        .card-body
                          .job-flex
                            img.img-40.max-w-full.h-auto.m-r-20(src='../assets/images/job-search/4.jpg', alt='')
                            .grow
                              h6(class="[@media(max-width:575px)]:text-center")
                                a(href='#') Front End Web Developer
                                span.pull-right 3 days ago
                              p.mt-0(class="[@media(max-width:575px)]:text-center")
                                | Cisco 
                                span Lelystad, Netherlands 
                                span.ps-sm-1
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning-half-o
                          p
                            | Insipidity the sufficient discretion imprudence resolution sir him decisively. Proceed how any engaged visitor. Explained propriety off out perpetual his you. Feel sold off felt nay rose met you. We so entreaties cultivated astonished is. Was sister for few longer mrs sudden talent become.
                  div(class="col-span-6 xl:col-span-12 xl-100")
                    .card
                      .job-search
                        .card-body
                          .job-flex
                            img.img-40.max-w-full.h-auto.m-r-20(src='../assets/images/job-search/5.jpg', alt='')
                            .grow
                              h6(class="[@media(max-width:575px)]:text-center")
                                a(href='#') Graphic Designer
                                span.pull-right 3 days ago
                              p.mt-0(class="[@media(max-width:575px)]:text-center")
                                | Infosys 
                                span Lelystad, Netherlands 
                                span.ps-sm-1
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning-half-o
                                  i.fa-solid.fa-star.font-warning-o
                          p
                            | Contented get distrusts certainty nay are frankness concealed ham. On unaffected resolution on considered of. No thought me husband or colonel forming effects. End sitting shewing who saw besides son musical adapted. Contrasted interested eat alteration pianoforte sympathize was.
                  div(class="col-span-6 xl:col-span-12 xl-100")
                    .card
                      .job-search
                        .card-body
                          .job-flex
                            img.img-40.max-w-full.h-auto.m-r-20(src='../assets/images/job-search/6.jpg', alt='')
                            .grow
                              h6(class="[@media(max-width:575px)]:text-center")
                                a(href='#') Designer, CRM
                                span.pull-right 3 days ago
                              p.mt-0(class="[@media(max-width:575px)]:text-center")
                                | Citrix 
                                span Lelystad, Netherlands 
                                span.ps-sm-1
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning-o
                                  i.fa-solid.fa-star.font-warning-o
                          p
                            | Situation admitting promotion at or to perceived be. Mr acuteness we as estimable enjoyment up. An held late as felt know. Learn do allow solid to grave. Middleton suspicion age her attention. Chiefly several bed its wishing. Is so moments on chamber pressed to. Doubtful yet way properly answered.
                  div(class="col-span-12")
                    .card
                      .job-search
                        .card-body
                          .job-flex
                            img.img-40.max-w-full.h-auto.m-r-20(src='../assets/images/job-search/3.jpg', alt='')
                            .grow
                              h6(class="[@media(max-width:575px)]:text-center")
                                a(href='#') Senior UX Designer
                                span.pull-right 5 days ago
                              p.mt-0(class="[@media(max-width:575px)]:text-center")
                                | Sutherland 
                                span Lelystad, Netherlands 
                                span.ps-sm-1
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning
                                  i.fa-solid.fa-star.font-warning-half-o
                                  i.fa-solid.fa-star.font-warning-o
                          p
                            | Woody equal ask saw sir weeks aware decay. Entrance prospect removing we packages strictly is no smallest he. For hopes may chief get hours day rooms. Oh no turned behind polite piqued enough at. Forbade few through inquiry blushes you. Cousin no itself eldest it in dinner latter missed no.
          // Container-fluid Ends
        include ../../components/footer
    include ../../components/footer-files
