Become a host page

Header Block

The Host header block need to go just below the closing hero </section> tag - this needs to be added otherwise the padding is wrong on mobile

    <div class="hero-body mobile">
    </div>

Host Type Block

Add the host block right after the closing hero </section>

 <div class="modal-content payment">
    <div class="columns m-t-0">
      <div class="column is-12 ">
        <div class="content-item type">
          <h1 class="title small">Become a Job or Accomodation host!
          </h1>
          <hr class="light">
          <p class="content">
            Create accomodation and job listings for long term working tourists. Your listing will be exposed to thousands of tourists
            on working holidays looking for a place to stay or a job to earn money.
          </p>
          <hr class="light">
          <p class="content">
            Create accomodation and job listings for long term working tourists. Your listing will be exposed to thousands of tourists
            on working holidays looking for a place to stay or a job to earn money.
          </p>
          <div class="is-separator">
            <span class="tag selector">Price</span>
            <hr>
          </div>
          <div class="content">
            <h2>$300 NZD</h2>
            <p class="subtitle is-6">Per Year</p>
            <i>For as many listings as you like!</i>
            <hr class="light">
            <a class="button is-success book">Become a Host</a>
            <a class="link-footer" href="">Change back to a regular account</a>
          </div>
        </div>
      </div>
    </div>
  </div>