Untitled

<!DOCTYPE html>
<html>
<head>
  <title>ScriptEd Unit 5 Project: Calculator</title>
</head>
<body>
  <div class="container">
    <h1>ScriptEd Unit 5 Project: Calculator</h1>
    <hr/>
    <div class="row">
      <div class="col-md-12">
        <div class="row calc-row">
          <div class="col-md-2">
            <button type="button" class="btn btn-default btn-block btn-lg calc-btn">7</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-default btn-block btn-lg calc-btn">8</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-default btn-block btn-lg calc-btn">9</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">/</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">RAND</button>
          </div>
        </div>
        <div class="row calc-row">
          <div class="col-md-2">
            <button type="button" class="btn btn-default btn-block btn-lg calc-btn">4</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-default btn-block btn-lg calc-btn">5</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-default btn-block btn-lg calc-btn">6</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">x</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">SQRT</button>
          </div>
        </div>
        <div class="row calc-row">
          <div class="col-md-2">
            <button type="button" class="btn btn-default btn-block btn-lg calc-btn">1</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-default btn-block btn-lg calc-btn">2</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-default btn-block btn-lg calc-btn">3</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">-</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">^</button>
          </div>
        </div>
        <div class="row calc-row">
          <div class="col-md-2">
            <button type="button" class="btn btn-default btn-block btn-lg calc-btn">0</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">CLEAR</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">=</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">+</button>
          </div>
          <div class="col-md-2">
            <button type="button" class="btn btn-primary btn-block btn-lg calc-btn">log</button>
          </div>
        </div>
      </div>
    </div>
    <div id="question" class="text-center">

    </div>
    <div id="answer" class="text-center">

    </div>
  </div>
  <p>
    This project is a calculator we had to put in the operators.Using the skeleton that we were given we had to make sure the calculator work by finding the right operators.I would have wanted to better design the calculator,play with the css.
  </p>
</body>
</html>