<div class="text-center">
  <h1>JavaScript Caclulator Free Code Camp </h1>
 <h3><span class="badge badge-success">markgatte</span> </h3>
<div id="calcOutput">
  <span id="steps">0</span>
  <hr />
  </div>
</div>
<div class="text-center" id="calculator">
  <a class="btn btn-danger" id="deleteAll">AC</a>
  <a class="btn btn-danger" id="backOne">CE</a>
  <a class="btn btn-primary" id="/">/</a>
  <a class="btn btn-primary" id="*">*</a>
    <br />
  <a class="btn btn-primary" id="7">7</a>
  <a class="btn btn-primary" id="8">8</a>
  <a class="btn btn-primary" id="9">9</a>
  <a class="btn btn-primary" id="-">-</a>
    <br />
   <a class="btn btn-primary" id="4">4</a>
  <a class="btn btn-primary" id="5">5</a>
  <a class="btn btn-primary" id="6">6</a>
  <a class="btn btn-primary" id="+">+</a>
    <br />
  <a class="btn btn-primary" id="1">1</a>
  <a class="btn btn-primary" id="2">2</a>
  <a class="btn btn-primary" id="3">3</a>
  <a class="btn btn-primary" id=".">.</a>
    <br />
  <a class="btn btn-primary bigButton" id="0">0</a>
  <a class="btn btn-primary bigButton" id="total">=</a>
</div>