@extends('layouts.acorn.acorn_frontend_app')
@section('header_styles')

@endsection
@section('content')


<div class="card mb-5">
  <div class="card-body" style="background-color: #1ea8e7;">
    <h4 class="mb-5" style="color: #fff;">BS EN ISO 22553-10:2023</h4>
    <h2 class="mb-5" style="color: #fff;">Paints and varnishes. Electro-deposition coatings - Edge protection</h2>
    <p class="mb-5" style="color: #fff;">
      Mailing templates use inline styling and table layout to be displayed well at various service providers. To prevent the template inheriting some
      styles from the project stylesheets, <br>
      we included it as an iframe. You may use below button to view standalone version.
    </p>
    <h4 class="mb-2" style="color: #fff;">Published on : 28 Feb 20233</h4>
  </div>
</div>


<ul class="nav nav-tabs nav-tabs-title nav-tabs-line-title responsive-tabs" id="lineTitleTabsContainer" role="tablist">
  <li class="nav-item" role="presentation">
    <a class="nav-link active" data-bs-toggle="tab" href="#firstLineTitleTab" role="tab" aria-selected="true">Overview</a>
  </li>
  <li class="nav-item" role="presentation">
    <a class="nav-link" data-bs-toggle="tab" href="#secondLineTitleTab" role="tab" aria-selected="false">Preview</a>
  </li>
  <li class="nav-item" role="presentation">
    <a class="nav-link" data-bs-toggle="tab" href="#thirdLineTitleTab" role="tab" aria-selected="false">Standard Detail</a>
  </li>
  <!-- An empty list to put overflowed links -->
  <li class="nav-item dropdown ms-auto pe-0 d-none responsive-tab-dropdown">
    <a
      class="btn btn-icon btn-icon-only btn-background pt-0 bg-transparent pe-0"
      href="#"
      data-bs-toggle="dropdown"
      aria-haspopup="true"
      aria-expanded="false"
    >
      <i data-acorn-icon="more-horizontal"></i>
    </a>
    <ul class="dropdown-menu mt-2 dropdown-menu-end"></ul>
  </li>
</ul>

<div class="card mb-5">
  <div class="card-body">
    <div class="tab-content">
      <div class="tab-pane fade active show" id="firstLineTitleTab" role="tabpanel">
        <h5 class="card-title">Standard Overview</h5>
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
      </div>
      <div class="tab-pane fade" id="secondLineTitleTab" role="tabpanel">
        <h5 class="card-title">Standard Preview</h5>
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
      </div>
      <div class="tab-pane fade" id="thirdLineTitleTab" role="tabpanel">
        <h5 class="card-title">Standard Detail</h5>
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
      </div>
    </div>
  </div>
</div>



@endsection
@section('footer_scripts')
  <script type="text/javascript">
      $('#standardCategory').select2({});
      $('#standardStatus').select2({});
  </script>
@endsection