---
layout: default
title: Jobs
---

<!-- Hero and Navbar -->
<div class="hero sub-hero has-shapes">
  <!-- Navbar partial -->
  {{> navbar-double-light-kit8}}

  <div class="hero-body has-text-centered is-narrow">
    <div class="container">
      <div class="sub-hero-container">
        <div class="sub-hero-content">
          <h1 class="title is-2 is-bold is-light">371 jobs found.</h1>
          <h3 class="subtitle is-5 is-light is-vhidden">
            placeholder subtitle
          </h3>

          <div class="square square-1"></div>
          <div class="square square-2"></div>
          <div class="square square-3"></div>
          <div class="square square-4"></div>
          <div class="square square-5"></div>
          <div class="square square-6"></div>
          <div class="square square-7"></div>
        </div>

        <div class="sub-hero-search">
          <div class="search-inner">
            <div class="control has-icons-left">
              <input class="input" placeholder="search" />
              <span class="icon is-medium is-left">
                <i class="sl sl-icon-magnifier"></i>
              </span>
            </div>
            <div class="control has-icons-left">
              <input class="input" placeholder="Location" />
              <span class="icon is-medium is-left">
                <i class="sl sl-icon-location"></i>
              </span>
            </div>
            <a class="button primary-btn raised">Search</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="section">
  <div class="container">
    <div class="columns job-results-wrapper">
      <div class="column is-3 is-hidden-mobile">
        <div class="job-results-filter">
          <h3 class="title is-5">Current search</h3>

          <div class="search-tags pb-60">
            <span class="tag is-rounded">Frontend</span>
            <span class="tag is-rounded">React JS</span>
            <span class="tag is-rounded">Vue JS</span>
          </div>

          <h3 class="title is-5">Locations</h3>
          <div class="checkbox-list pb-60">
            <ul>
              <li>
                <div class="field pb-5">
                  <div class="control">
                    <label class="checkbox-wrap is-small muted-text">
                      <input id="check1" type="checkbox" class="d-checkbox" />
                      <span></span>
                      Los Angeles (8)
                    </label>
                  </div>
                </div>
              </li>
              <li>
                <div class="field pb-5">
                  <div class="control">
                    <label class="checkbox-wrap is-small muted-text">
                      <input id="check2" type="checkbox" class="d-checkbox" />
                      <span></span>
                      San Francisco (3)
                    </label>
                  </div>
                </div>
              </li>
              <li>
                <div class="field pb-5">
                  <div class="control">
                    <label class="checkbox-wrap is-small muted-text">
                      <input id="check3" type="checkbox" class="d-checkbox" />
                      <span></span>
                      San Jose (4)
                    </label>
                  </div>
                </div>
              </li>
              <li>
                <div class="field pb-5">
                  <div class="control">
                    <label class="checkbox-wrap is-small muted-text">
                      <input id="check4" type="checkbox" class="d-checkbox" />
                      <span></span>
                      San Juan (7)
                    </label>
                  </div>
                </div>
              </li>
              <li>
                <div class="field pb-5">
                  <div class="control">
                    <label class="checkbox-wrap is-small muted-text">
                      <input id="check5" type="checkbox" class="d-checkbox" />
                      <span></span>
                      orange County (2)
                    </label>
                  </div>
                </div>
              </li>
            </ul>
          </div>

          <h3 class="title is-5">Categories</h3>
          <div class="checkbox-list pb-60">
            <ul>
              <li>
                <div class="field pb-5">
                  <div class="control">
                    <label class="checkbox-wrap is-small muted-text">
                      <input id="check6" type="checkbox" class="d-checkbox" />
                      <span></span>
                      Development (65)
                    </label>
                  </div>
                </div>
              </li>
              <li>
                <div class="field pb-5">
                  <div class="control">
                    <label class="checkbox-wrap is-small muted-text">
                      <input id="check7" type="checkbox" class="d-checkbox" />
                      <span></span>
                      Marketing (15)
                    </label>
                  </div>
                </div>
              </li>
              <li>
                <div class="field pb-5">
                  <div class="control">
                    <label class="checkbox-wrap is-small muted-text">
                      <input id="check8" type="checkbox" class="d-checkbox" />
                      <span></span>
                      Finance (23)
                    </label>
                  </div>
                </div>
              </li>
              <li>
                <div class="field pb-5">
                  <div class="control">
                    <label class="checkbox-wrap is-small muted-text">
                      <input id="check9" type="checkbox" class="d-checkbox" />
                      <span></span>
                      Design (9)
                    </label>
                  </div>
                </div>
              </li>
              <li>
                <div class="field pb-5">
                  <div class="control">
                    <label class="checkbox-wrap is-small muted-text">
                      <input id="check10" type="checkbox" class="d-checkbox" />
                      <span></span>
                      Management (4)
                    </label>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="column is-9">
        <div class="job-results">
          <div class="job-results-section">
            <h3 class="title is-4">Matching results</h3>

            <div class="result-list">
              <!--Job Result-->
              <div class="result-list-item">
                <img
                  src=""
                  data-demo-src="assets/img/logos/custom/slicer.svg"
                  alt=""
                />
                <div class="meta">
                  <span>Develop a quick mobile app</span>
                  <div class="details">
                    <span>Slicer</span>
                    <span class="spacer">|</span>
                    <span><i class="sl sl-icon-location"></i> Los Angeles</span>
                  </div>
                </div>
                <div class="end">
                  <span class="tag is-rounded is-secondary">3 months</span>
                  <span class="time"
                    ><i class="sl sl-icon-clock"></i> Apr 12, 2020</span
                  >
                </div>
              </div>
              <!--Job Result-->
              <div class="result-list-item">
                <img
                  src=""
                  data-demo-src="assets/img/logos/custom/metamovies.svg"
                  alt=""
                />
                <div class="meta">
                  <span>Add a custom rating module to our website</span>
                  <div class="details">
                    <span>Metamovies</span>
                    <span class="spacer">|</span>
                    <span><i class="sl sl-icon-location"></i> San Diego</span>
                  </div>
                </div>
                <div class="end">
                  <span class="tag is-rounded">1 week</span>
                  <span class="time"
                    ><i class="sl sl-icon-clock"></i> Apr 12, 2020</span
                  >
                </div>
              </div>
              <!--Job Result-->
              <div class="result-list-item">
                <img
                  src=""
                  data-demo-src="assets/img/logos/custom/lipflow.svg"
                  alt=""
                />
                <div class="meta">
                  <span>Design our Newsletter</span>
                  <div class="details">
                    <span>Lipflow</span>
                    <span class="spacer">|</span>
                    <span><i class="sl sl-icon-location"></i> Los Angeles</span>
                  </div>
                </div>
                <div class="end">
                  <span class="tag is-rounded">1 week</span>
                  <span class="time"
                    ><i class="sl sl-icon-clock"></i> Apr 12, 2020</span
                  >
                </div>
              </div>
              <!--Job Result-->
              <div class="result-list-item">
                <img
                  src=""
                  data-demo-src="assets/img/logos/custom/quick-fashion.svg"
                  alt=""
                />
                <div class="meta">
                  <span>Redesign our website</span>
                  <div class="details">
                    <span>Quick Fashion</span>
                    <span class="spacer">|</span>
                    <span><i class="sl sl-icon-location"></i> San Jose</span>
                  </div>
                </div>
                <div class="end">
                  <span class="tag is-rounded is-secondary">2 months</span>
                  <span class="time"
                    ><i class="sl sl-icon-clock"></i> Apr 12, 2020</span
                  >
                </div>
              </div>
              <!--Job Result-->
              <div class="result-list-item">
                <img
                  src=""
                  data-demo-src="assets/img/logos/custom/epicburger.svg"
                  alt=""
                />
                <div class="meta">
                  <span>implement a new security infrastructure</span>
                  <div class="details">
                    <span>Epic Burger</span>
                    <span class="spacer">|</span>
                    <span><i class="sl sl-icon-location"></i> Los Angeles</span>
                  </div>
                </div>
                <div class="end">
                  <span class="tag is-rounded is-secondary">8 months</span>
                  <span class="time"
                    ><i class="sl sl-icon-clock"></i> Apr 12, 2020</span
                  >
                </div>
              </div>
              <!--Job Result-->
              <div class="result-list-item">
                <img
                  src=""
                  data-demo-src="assets/img/logos/custom/drop.svg"
                  alt=""
                />
                <div class="meta">
                  <span>Redesign our brand assets</span>
                  <div class="details">
                    <span>Drop</span>
                    <span class="spacer">|</span>
                    <span><i class="sl sl-icon-location"></i> Los Angeles</span>
                  </div>
                </div>
                <div class="end">
                  <span class="tag is-rounded">1 month</span>
                  <span class="time"
                    ><i class="sl sl-icon-clock"></i> Apr 12, 2020</span
                  >
                </div>
              </div>
            </div>
          </div>

          <div class="job-results-section">
            <h3 class="title is-4">Suggested results</h3>

            <div class="result-list">
              <!--Job Result-->
              <div class="result-list-item">
                <img
                  src=""
                  data-demo-src="assets/img/logos/custom/slicer.svg"
                  alt=""
                />
                <div class="meta">
                  <span>Develop a quick mobile app</span>
                  <div class="details">
                    <span>Slicer</span>
                    <span class="spacer">|</span>
                    <span><i class="sl sl-icon-location"></i> Los Angeles</span>
                  </div>
                </div>
                <div class="end">
                  <span class="tag is-rounded is-secondary">3 months</span>
                  <span class="time"
                    ><i class="sl sl-icon-clock"></i> Apr 12, 2020</span
                  >
                </div>
              </div>
              <!--Job Result-->
              <div class="result-list-item">
                <img
                  src=""
                  data-demo-src="assets/img/logos/custom/metamovies.svg"
                  alt=""
                />
                <div class="meta">
                  <span>Add a custom rating module to our website</span>
                  <div class="details">
                    <span>Metamovies</span>
                    <span class="spacer">|</span>
                    <span><i class="sl sl-icon-location"></i> San Diego</span>
                  </div>
                </div>
                <div class="end">
                  <span class="tag is-rounded">1 week</span>
                  <span class="time"
                    ><i class="sl sl-icon-clock"></i> Apr 12, 2020</span
                  >
                </div>
              </div>
              <!--Job Result-->
              <div class="result-list-item">
                <img
                  src=""
                  data-demo-src="assets/img/logos/custom/lipflow.svg"
                  alt=""
                />
                <div class="meta">
                  <span>Design our Newsletter</span>
                  <div class="details">
                    <span>Lipflow</span>
                    <span class="spacer">|</span>
                    <span><i class="sl sl-icon-location"></i> Los Angeles</span>
                  </div>
                </div>
                <div class="end">
                  <span class="tag is-rounded">1 week</span>
                  <span class="time"
                    ><i class="sl sl-icon-clock"></i> Apr 12, 2020</span
                  >
                </div>
              </div>
              <!--Job Result-->
              <div class="result-list-item">
                <img
                  src=""
                  data-demo-src="assets/img/logos/custom/quick-fashion.svg"
                  alt=""
                />
                <div class="meta">
                  <span>Redesign our website</span>
                  <div class="details">
                    <span>Quick Fashion</span>
                    <span class="spacer">|</span>
                    <span><i class="sl sl-icon-location"></i> San Jose</span>
                  </div>
                </div>
                <div class="end">
                  <span class="tag is-rounded is-secondary">2 months</span>
                  <span class="time"
                    ><i class="sl sl-icon-clock"></i> Apr 12, 2020</span
                  >
                </div>
              </div>
              <!--Job Result-->
              <div class="result-list-item">
                <img
                  src=""
                  data-demo-src="assets/img/logos/custom/epicburger.svg"
                  alt=""
                />
                <div class="meta">
                  <span>implement a new security infrastructure</span>
                  <div class="details">
                    <span>Epic Burger</span>
                    <span class="spacer">|</span>
                    <span><i class="sl sl-icon-location"></i> Los Angeles</span>
                  </div>
                </div>
                <div class="end">
                  <span class="tag is-rounded is-secondary">8 months</span>
                  <span class="time"
                    ><i class="sl sl-icon-clock"></i> Apr 12, 2020</span
                  >
                </div>
              </div>
              <!--Job Result-->
              <div class="result-list-item">
                <img
                  src=""
                  data-demo-src="assets/img/logos/custom/drop.svg"
                  alt=""
                />
                <div class="meta">
                  <span>Redesign our brand assets</span>
                  <div class="details">
                    <span>Drop</span>
                    <span class="spacer">|</span>
                    <span><i class="sl sl-icon-location"></i> Los Angeles</span>
                  </div>
                </div>
                <div class="end">
                  <span class="tag is-rounded">1 month</span>
                  <span class="time"
                    ><i class="sl sl-icon-clock"></i> Apr 12, 2020</span
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Footer -->
{{> footer-spaced-light}}