interface.html

<div class="widget-holder">
  <form class="form form-horizontal">
    <header>
      <p>
        Configure the menu settings
        <a href="https://help.fliplet.com/menus/" class="help-icon" target="_blank">
          <i class="fa fa-question-circle-o"></i>
        </a>
      </p>
    </header>

    <div class="form-group clearfix">
      <div class="col-sm-4 control-label">
        <label>Select where do you want the menu button</label>
      </div>
      <div class="col-sm-8">
      <label for="drop-down" class="select-proxy-display">
        <select id="menu-location" data-label="select" class="hidden-select form-control">
          <option value="">-- Select an option</option>
          <option value="menuRight">On the right side</option>
          <option value="menuLeft">On the left side</option>
        </select>
        <span class="icon fa fa-chevron-down"></span>
        <span class="select-value-proxy">-- Select an option</span>
      </label>
      </div>
    </div>

    <div class="form-group clearfix">
      <div class="col-sm-4 control-label">
        <label>Do you want to hide the menu?</label>
      </div>
      <div class="col-sm-8">
        <div class="radio radio-icon">
          <input type="radio" id="hide-menu" name="hide-menu" value="yes">
          <label for="hide-menu">
            <span class="check"><i class="fa fa-circle"></i></span> <strong>Yes</strong> - The menu will be hidden when the user swipes up, and it will be revelead again when the user swipes down.
          </label>
        </div>
        <div class="radio radio-icon">
          <input type="radio" id="no-hide-menu" name="hide-menu" value="no">
          <label for="no-hide-menu">
            <span class="check"><i class="fa fa-circle"></i></span> <strong>No</strong> - The menu will be fixed at the top
          </label>
        </div>
      </div>
    </div>

  </form>
</div>