<ul className="nav nav-tabs nav-yellow" role="tablist">
  <li role="presentation"><a href="#tab-menu-1" role="tab" data-toggle="tab" className="text-uppercase active">Personal</a></li>
  <li role="presentation"><a href="#tab-menu-2" role="tab" data-toggle="tab" className="text-uppercase">Contact</a></li>
  <li role="presentation"><a href="#tab-menu-3" role="tab" data-toggle="tab" className="text-uppercase">Verification</a></li>
  <li role="presentation"><a href="#tab-menu-4" role="tab" data-toggle="tab" className="text-uppercase">Preferences</a></li>
  <li role="presentation"><a href="#tab-menu-5" role="tab" data-toggle="tab" className="text-uppercase">Notifications</a></li>
</ul>

<button
  type="submit"
  className="btn font-16 text-uppercase white-text"
  onClick={
    ()=>{
      this.handlesubmitfirsttab()
    }
  }>
    Save & Proceed <i className="fas fa-long-arrow-alt-right"></i>
</button>