Become a host page

Header Block

The Host header block need to go just below the closing hero </section> tag

    <div class="hero-body mobile">
      <div class="container has-text-centered">
        <h1 class="title ">
          Become a host
        </h1>
        <h2 class="subtitle light is-hidden-touch">
          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.
        </h2>
        <hr class="light is-hidden-tablet">
        <div class="tag-choices is-hidden-tablet">
          <span class="tag"> Accomodation</span>
          <span class="tag"> Job</span>
        </div>
      </div>
    </div>

Host Type Block

Add the Host Cards block right after the hero <section>

  <div class="container">
    <div class="columns m-t-0">
      <div class="column is-6 type selected">
        <div class="content-item type">
          <i class="material-icons is-type listing ">domain</i>
          <h1 class="title small">Create an Accomodation Listing</h1>
          <hr class="light">
          <p class="content">Host working tourists in your house! Meet new people, be a tour 
          guide and earn money while doing it.</p>
          <div class="content">
            <p class="subtitle is-6">Per Month</p>
            <span class="tag is-clear">Rent Listing</span>
            <hr class="light">
            <a class="button is-success book">Create a Listing</a>
          </div>
        </div>
      </div>
      <div class="column type">
        <div class="content-item type">
          <i class="material-icons is-type job">person</i>
          <h1 class="title small">Create a Job Listing</h1>
          <hr class="light">
          <p class="content">Employ tourists in your area.Find hard working, and keen employees
           to take care of the job for you!</p>
          <div class="content">
            <p class="subtitle is-6">Per Month</p>
            <span class="tag is-clear">Job Listing</span>
            <hr class="light">
            <a class="button is-primary book">Create a Job</a>
          </div>
        </div>
      </div>

    </div>
  </div>