an class="text">Add New Font</span>
      </a>
    </div>
    <div class="card-body">
      <div class="table-responsive">
        <table
          class="table table-bordered"
          id="dataTable"
          width="100%"
          cellspacing="0"
        >
          <thead>
            <tr>
              <th>#</th>
              <th>Font Name</th>
              <th>Font CDN</th>
              <th>Delete</th>
            </tr>
          </thead>
          <tbody>
            {# Start loop#} {% for post i