<div id='calcDiv' class='container row'>
    <div id='resultDiv'>
      <p class='resultText' id='results'></p>
      <p class='resultText' id='calcs'></p>
    </div><!--result div-->
    <div class='butDiv row'>
        <button id='acBut' type='button' class='but red'>AC</button>
        <button id='ceBut' type='button' class='but red'>CE</button>
        <button value='*' type='button' class='opBut but'>x</button>
        <button value='/' type='button' class='opBut but'>÷</button>

        <button value='1' type='button' class='numBut but'>1</button>
        <button value='2' type='button' class='numBut but'>2</button>
        <button value='3' type='button' class='numBut but'>3</button>
        <button value='-' type='button' class='opBut but'>-</button>

        <button value='4' type='button' class='numBut but'>4</button>
        <button value='5' type='button' class='numBut but'>5</button>
        <button value='6' type='button' class='numBut but'>6</button>
        <button id="plusBut" value='+' type='button' class='opBut but'>+</button>

        <button value='7' type='button' class='numBut but'>7</button>
        <button value='8' type='button' class='numBut but'>8</button>
        <button value='9' type='button' class='numBut but'>9</button>
        <button type='button' class='invisible but'>I</button>


        <button id='zeroBut' value='0' type='button' class='numBut but'>0</button>
        <button value='.' type='button' class='numBut but'>.</button>
        <button id='equalBut'type='button' class='but'>=</button>
        <button type='button' class='invisible but'>I</button>
    </div><!--button div-->
  </div><!--calc div-->