<!-- Main content -->
<div class='row'>
  <div class='col-lg-12'>
    <div class='panel <?= $web_box_color ?>'>
      <div class='panel-heading'>
        <h3 class='panel-title bold'>Detail Web Style</h3>
      </div>
      <div class='panel-body'>
        <div class="row">

          <div class="col-md-3">
            <span style="text-transform: uppercase;">Name Style :</span>
            <p class="bold"><i class="fa fa-angle-double-right"></i> <?php echo strtoupper($name_style); ?></p>
            <hr style='margin-top: -5px; margin-bottom: 5px;'>
          </div>

          <div class="col-md-3">
            <span style="text-transform: uppercase;">Meta Color :</span>
            <p class="bold"><i class="fa fa-angle-double-right"></i> <?php echo strtoupper($meta_color); ?></p>
            <hr style='margin-top: -5px; margin-bottom: 5px;'>
          </div>

          <div class="col-md-3">
            <span style="text-transform: uppercase;">Navbar Color :</span>
            <p class="bold"><i class="fa fa-angle-double-right"></i> <?php echo strtoupper($navbar_color); ?></p>
            <hr style='margin-top: -5px; margin-bottom: 5px;'>
          </div>

          <div class="col-md-3">
            <span style="text-transform: uppercase;">Box Color :</span>
            <p class="bold"><i class="fa fa-angle-double-right"></i> <?php echo strtoupper($box_color); ?></p>
            <hr style='margin-top: -5px; margin-bottom: 5px;'>
          </div>

          <div class="col-md-3">
            <span style="text-transform: uppercase;">Box Bottom :</span>
            <p class="bold"><i class="fa fa-angle-double-right"></i> <?php echo strtoupper($box_bottom); ?></p>
            <hr style='margin-top: -5px; margin-bottom: 5px;'>
          </div>

        </div>
      </div>
      <div class='panel-footer'>
        <a href="javascript:window.history.go(-1);" class="btn btn-default">Back</a>
      </div>
    </div>
  </div>
</div>