bs-wizard-demo2.html

<div class="row bs-wizard">
  <div class="col-lg-3">
    <ol class="bs-wizard-sidebar">
      <li class="bs-wizard-todo bs-wizard-active"><a href="javascript:void(0)">Your Account Details</a></li>
      <li class="bs-wizard-todo"><a href="javascript:void(0)">Your Website Details</a></li>
      <li class="bs-wizard-todo"><a href="javascript:void(0)">Review and Sign up</a></li>
    </ol>
  </div>
  <div class="col-lg-9">
    <form method="get" id="signup_form" class="new_client" action="" accept-charset="UTF-8">
      <fieldset>
        <div class="bs-step inv">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Please fill in your account details</h3>
            </div>
            <div class="panel-body bs-step-inner">
              <div class="form-group">
                <label for="client_email">Email</label> 
                <div class="input-group">
                  <span class="input-group-addon"><i class="icon-envelope"></i></span>
                  <input type="text" value="" size="30" placeholder="Your Email" name="client[email]" id="client_email" class="required email form-control" data-popover-offset="0,15" autofocus="autofocus">
                </div>
              </div>
              <div class="form-group">
                <label for="client_password">Password</label>
                <div class="input-group">
                  <span class="input-group-addon"><i class="icon-key"></i></span>
                  <input type="password" size="30" placeholder="Your Password" name="client[password]" id="client_password" data-popover-offset="0,15" class="form-control">
                </div>
              </div>
              <div class="form-group">
                <label for="client_password_confirmation">Password Confirmation</label>
                <div class="input-group">
                  <span class="input-group-addon"><i class="icon-key"></i></span>
                  <input type="password" size="30" placeholder="Confirm Your Password" name="client[password_confirmation]" id="client_password_confirmation" data-popover-offset="0,15" class="form-control">
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="bs-step inv">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Please provide your website information</h3>
            </div>
            <div class="panel-body bs-step-inner">
              <div class="col-lg-6">
                <div class="form-group">
                  <label for="website_sub_name">Subdomain name</label>
                  <div class="input-group input-group-fix">
                    <span class="input-group-addon">http://</span>
                    <input type="text" size="30" placeholder="Your Subdomain Name" name="website[sub_name]" id="website_sub_name" data-popover-offset="0,120" class="span2 form-control">
                    <span class="input-group-addon">.example.com</span>
                  </div>
                </div>
              </div>
              <div class="clearfix"></div>
              <div class="form-group">
                <label for="website_locales">Supportted languages</label>
                <div class="input-group" id="locale-wrapper">           
                  <input type="checkbox" value="en" name="website[locales][]" id="locales_0" data-popover-offset="-10,175" checked="checked">
                  <label>English</label>
                  <input type="checkbox" value="zh-CN" name="website[locales][]" id="locales_1">
                  <label>Simple Chinese</label>
                </div>
                <div class="clearfix"></div>
              </div>
              <div class="form-group">
                <label for="website_default_locale">Default language</label>
                <select class="form-control" id="website_default_locale" name="website[default_locale]">
                  <option value="en" id="opt-en">English</option>
                </select>
              </div>
              <div>
                <label>Website Pages</label>
                <table id="website-pages" class="table table-striped table-condensed">
                  <thead>
                    <tr>
                      <th>Page Title</th>
                      <th>Page Path</th>
                      <th>Menu Title</th>
                      <th></th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>
                        <span class="label label-success">
                        Home Page
                        </span>
                      </td>
                      <td>/</td>
                      <td>Home</td>
                      <td class="tright">
                        <i class="icon-ok"></i>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <span class="label label-success">
                        About Us
                        </span>
                      </td>
                      <td>/about</td>
                      <td>About</td>
                      <td class="tright">
                        <input type="checkbox" value="about" name="website[predefined_pages][]" checked="checked">
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <span class="label label-success">
                        Contact Us
                        </span>
                      </td>
                      <td>/contact</td>
                      <td>Contact</td>
                      <td class="tright">
                        <input type="checkbox" value="contact" name="website[predefined_pages][]" checked="checked">
                      </td>
                    </tr>
                  </tbody>
                </table>
                <div class="clearfix"></div>
              </div>
            </div>
          </div>
        </div>
        <div class="bs-step inv">
          <div class="panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Pleaes review your details and sign up</h3>
            </div>
            <div class="panel-body bs-step-inner">
              <div>
                <h3 class="with-underline">Your Account Details</h3>
                <table class="table table-condensed info-table">
                  <tbody>
                    <tr>
                      <td class="info-td">Email</td>
                      <td><span id="r-email" class="label label-success"></span></td>
                    </tr>
                    <tr>
                      <td class="info-td">Password</td>
                      <td><span id="r-password" class="label label-success"></span></td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div>
                <h3 class="with-underline">Your Website Details</h3>
                <table class="table table-condensed info-table">
                  <tbody>
                    <tr>
                      <td class="info-td">Website Address</td>
                      <td><span id="r-address" class="label label-success"></span></td>
                    </tr>
                    <tr>
                      <td class="info-td">Supportted languages</td>
                      <td id="r-locales"></td>
                    </tr>
                    <tr>
                      <td class="info-td">Default language</td>
                      <td>
                        <span id="r-dlocale" class="label label-success"></span>
                      </td>
                    </tr>
                    <tr>
                      <td class="info-td">Website Pages</td>
                      <td id="r-pages"></td>
                    </tr>
                  </tbody>
                </table>
              </div>
              <div class="clearfix"></div>
              <button id="last-back" type="reset" class="btn btn-default">Go Back</button>
              <button id="btn-signup" type="submit" class="btn btn-primary submit-btn">Sign Up</button>
              <input type="checkbox" data-popover-offset="-10,-6" name="agreeToTheTerms" id="agreeToTheTerms" class="required terms_checkbox">
              <span id="termsLabel">I agree to <a id="termLink" href="" target="_blank">Terms of Service</a></span>
            </div>
          </div>
        </div>
      </fieldset>
    </form>
  </div>
</div>