<div class="flex-box">
    <section id="lang-option">
      <header>
        <h1>choose two languages</h1>
      </header>
      <label id="labelOne">    your first choice is        </label><input type="text" id="langOne" /></br>
      <label id="labelTwo">    your second choice is  </label><input type="text" id="langTwo" /></br>
      <button id="langBtn" class="btn btn-default btn-block">Lets Go</button>
    </section>

  <section id="lang-add" class="hide container">
    <h1>add words to your vocabulary list</h1>
    <div id="addVoc">
      <input type="text" id="inputOne" />
      <input type="text" id="inputTwo" />
      <button id="addBtn" class="btn">add</button>
    </div>
    <table id="addTable"></table>
    <button id="startBtn" class="btn btn-default ">start</button>
  </section>

  <section id="lang-list" class="hide container">
    <h1>fill out the gaps</h1>
    <label id="result"></label>
    <table id="resultTable"></table>
    <button id="finishBtn" class="btn btn-default">Finish</button>
    <button id="tryAgainBtn" class="btn btn-default">try again</button>
    <button id="moreVocBtn" class="btn btn-default">add new words</button>
  </section>
</div>