<header>
  <div class="title">Pomodoro Clock</div>
</header>
<section class="content">
  <div class="contor-content">
    <!--<div id="contor"></div>-->
    <button id="contor"></button>
    <div class="reset-content"><button id="reset_contor">Reset</button></div>
    <div class="timer-type-content">
      <div id="timer_type"></div>
    </div>
  </div> <!-- contor-content -->
  <div class="utils-content">
    <div class="session-content">
      <h4>Session</h4>
      <div>
        <button class="session-btn session-btn-down">-</button>
        <span id="session_time">1</span>
        <button class="session-btn session-btn-up">+</button>
      </div>
    </div> <!-- session-content -->
    <div class="break-content">
      <h4>Break</h4>
      <div>
        <button class="break-btn break-btn-down">-</button>
        <span id="break_time">1</span>
        <button class="break-btn break-btn-up">+</button>
      </div>
    </div> <!-- break-content -->
  </div> <!-- utils-content -->
</section> <!-- content -->