<!doctype html>
<html lang="en" data-layout="vertical" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg" data-sidebar-image="none" data-preloader="disable" data-theme="default" data-theme-colors="default">

<!-- Mirrored from themesbrand.com/velzon/html/master/tables-basic.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 31 May 2024 06:31:59 GMT -->

<head>

    <meta charset="utf-8" />
    <title>Basic Tables | Velzon - Admin & Dashboard Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
    <meta content="Themesbrand" name="author" />
    <!-- App favicon -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">
    <!-- Layout config Js -->
    <script src="assets/js/layout.js"></script>
    <!-- Bootstrap Css -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- Icons Css -->
    <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
    <!-- App Css-->
    <link href="assets/css/app.min.css" rel="stylesheet" type="text/css" />
    <!-- custom Css-->
    <link href="assets/css/custom.min.css" rel="stylesheet" type="text/css" />

</head>

<body>

    <!-- Begin page -->
    <div id="layout-wrapper">
        <?php include "includes/header.php"; ?>
        <?php include "includes/sidebar.php"; ?>

        <div class="main-content">
            <div class="page-content">
                <div class="container-fluid">

                    <!-- Domain Profile -->
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card card-border-default">
                                <div class="card-header border-primary border-top border-bottom-0 align-items-center d-flex">
                                    <h5 class="card-title mb-0"><i class="ri-apps-2-line"></i> Domain Profile</h5>
                                </div>

                                <div class="card-body position-relative border-default border-2 border-top p-4">
                                    <div class="row">

                                        <!-- LEFT SIDE -->
                                        <div class="col-md-6">
                                            <div class="table-responsive">
                                                <table class="table table-borderless mb-0">
                                                    <tbody>
                                                        <tr>
                                                            <th class="ps-0">Domain Name</th>
                                                            <th width="2%">:</th>
                                                            <td>example.com</td>
                                                        </tr>
                                                        <tr>
                                                            <th class="ps-0" width="29%">Date of Registration</th>
                                                            <th width="2%">:</th>
                                                            <td>10-01-2020</td>
                                                        </tr>
                                                        <tr>
                                                            <th class="ps-0">Date of Expire</th>
                                                            <th width="2%">:</th>
                                                            <td>10-01-2027</td>
                                                        </tr>

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                        <!-- RIGHT SIDE -->
                                        <div class="col-md-6">
                                            <div class="table-responsive">
                                                <table class="table table-borderless mb-0">
                                                    <tbody>
                                                        <tr>
                                                            <th class="ps-0">Domain Age</th>
                                                            <th width="2%">:</th>
                                                            <td>6 Years</td>
                                                        </tr>
                                                        <tr>
                                                            <th class="ps-0" width="25%">Current Registrar</th>
                                                            <th width="2%">:</th>
                                                            <td>GoDaddy</td>
                                                        </tr>
                                                        <tr>
                                                            <th class="ps-0">TLD</th>
                                                            <th width="2%">:</th>
                                                            <td>.com</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>

                                    <hr style="opacity:0.10;">

                                    <!-- ACTION BUTTONS -->
                                    <div class="row">
                                        <div class="col-xl-2 col-md-3 col-sm-4 mt-2">
                                            <a href="#" class="btn btn-md btn-info w-100">
                                                <i class="ri-edit-box-line"></i> Update
                                            </a>
                                        </div>

                                        <div class="col-xl-2 col-md-3 col-sm-4 mt-2">
                                            <button class="btn btn-md btn-danger w-100">
                                                <i class="ri-delete-bin-line"></i> Delete
                                            </button>
                                        </div>

                                        <div class="col-xl-2 col-md-3 col-sm-4 mt-2">
                                            <button class="btn btn-md btn-info w-100">
                                                <i class="ri-global-line"></i> Whois
                                            </button>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Domain User -->
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card card-border-default">
                                <div class="card-header border-primary border-top border-bottom-0 align-items-center d-flex">
                                    <h5 class="card-title mb-0"><i class="ri-apps-2-line"></i> Domain User</h5>
                                </div>

                                <div class="card-body position-relative border-default border-2 border-top p-4">
                                    <div class="row">

                                        <!-- LEFT SIDE -->
                                        <div class="col-md-6">
                                            <div class="table-responsive">
                                                <table class="table table-borderless mb-0">
                                                    <tbody>
                                                        <tr>
                                                            <th class="ps-0">Client Name</th>
                                                            <th width="2%">:</th>
                                                            <td>Anita Verma</td>
                                                        </tr>
                                                        <tr>
                                                            <th class="ps-0">Business Type</th>
                                                            <th width="2%">:</th>
                                                            <td>Services</td>
                                                        </tr>
                                                        <tr>
                                                            <th class="ps-0">Business Category</th>
                                                            <th width="2%">:</th>
                                                            <td>Digital Marketing</td>
                                                        </tr>
                                                        <tr>
                                                            <th class="ps-0" width="28%">Company Name</th>
                                                            <th width="2%">:</th>
                                                            <td>ABC Technologies Pvt Ltd</td>
                                                        </tr>
                                                        <tr>
                                                            <th class="ps-0">Address</th>
                                                            <th width="2%">:</th>
                                                            <td>12 Park Street</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                        <!-- RIGHT SIDE -->
                                        <div class="col-md-6">
                                            <div class="table-responsive">
                                                <table class="table table-borderless mb-0">
                                                    <tbody>
                                                        <tr>
                                                            <th class="ps-0">Country</th>
                                                            <th width="2%">:</th>
                                                            <td>India</td>
                                                        </tr>
                                                        <tr>
                                                            <th class="ps-0">State</th>
                                                            <th width="2%">:</th>
                                                            <td>West Bengal</td>
                                                        </tr>
                                                        <tr>
                                                            <th class="ps-0">District</th>
                                                            <th width="2%">:</th>
                                                            <td>Murshidabad</td>
                                                        </tr>
                                                        <tr>
                                                            <th class="ps-0">City</th>
                                                            <th width="2%">:</th>
                                                            <td>Baharampur</td>
                                                        </tr>
                                                        <tr>
                                                            <th class="ps-0">Pin Code</th>
                                                            <th width="2%">:</th>
                                                            <td>742101</td>
                                                        </tr>
                                                        <tr>
                                                            <th class="ps-0" width="22%">Interested Y/N</th>
                                                            <th width="2%">:</th>
                                                            <td>Yes</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                    </div>

                                    <hr style="opacity:0.10;">

                                    <!-- ACTION BUTTONS -->
                                    <div class="row">
                                        <div class="col-xl-2 col-md-3 col-sm-4 mt-2">
                                            <a href="#" class="btn btn-md btn-info w-100">
                                                <i class="ri-edit-box-line"></i> Update
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Client Follow-ups -->
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card border card-border-default">

                                <!-- Header -->
                                <div class="card-header border-primary border-top border-bottom-0 d-flex align-items-center">
                                    <h5 class="card-title mb-0">
                                        <i class="ri-apps-2-line"></i> Client Follow-ups
                                    </h5>
                                </div>

                                <!-- Body -->
                                <div class="card-body border-default border-2 border-top p-4">

                                    <div class="row">

                                        <!-- LEFT SIDE -->
                                        <div class="col-md-6">
                                            <div class="table-responsive">
                                                <table class="table table-borderless mb-0">
                                                    <tbody>
                                                        <tr>
                                                            <th class="ps-0" width="19%">Date & Time</th>
                                                            <th width="2%">:</th>
                                                            <td>23/04/2026 10:30 AM</td>
                                                        </tr>

                                                        <tr>
                                                            <th class="ps-0">Remarks</th>
                                                            <th width="2%">:</th>
                                                            <td>Payment Received</td>
                                                        </tr>

                                                        <tr>
                                                            <th class="ps-0">Details</th>
                                                            <th width="2%">:</th>
                                                            <td class="text-truncate" style="max-width:250px;">
                                                                Domain + Hosting renewal completed for 1 year
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                    </div>

                                    <hr style="opacity:0.10;">

                                    <!-- ACTION BUTTONS -->
                                    <div class="row">
                                        <div class="col-xl-2 col-md-3 col-sm-4 mt-2">
                                            <a href="#" class="btn btn-md btn-info w-100">
                                                <i class="ri-edit-box-line"></i> Update
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Domain Auth Profile -->
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card border card-border-default">

                                <!-- Header -->
                                <div class="card-header border-primary border-top border-bottom-0 d-flex justify-content-between align-items-center">
                                    <h5 class="card-title mb-0">
                                        <i class="ri-apps-2-line"></i> Domain Auth Profile
                                    </h5>
                                    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#myModal">
                                        Create Domain Auth Profile
                                    </button>
                                </div>

                                <!-- Body -->
                                <div class="card-body border-default border-2 border-top">

                                    <div class="dataTables_wrapper dt-bootstrap5 no-footer">

                                        <!-- Top Controls -->
                                        <div class="row mb-3 align-items-center">

                                            <div class="col-md-6">
                                                <label class="d-flex align-items-center gap-2 mb-0">
                                                    Show
                                                    <select class="form-select form-select-sm w-auto">
                                                        <option>10</option>
                                                        <option>25</option>
                                                        <option>50</option>
                                                        <option>100</option>
                                                        <option>All</option>
                                                    </select>
                                                    entries
                                                </label>
                                            </div>

                                            <div class="col-md-6 text-md-end mt-2 mt-md-0">
                                                <div class="btn-group">
                                                    <button class="btn btn-outline-secondary btn-sm">Print</button>
                                                    <button class="btn btn-outline-success btn-sm">Excel</button>
                                                </div>
                                            </div>

                                        </div>

                                        <!-- TABLE (only responsive here) -->
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped align-middle mb-0">
                                                <thead class="table-light">
                                                    <tr>
                                                        <th>Sl.</th>
                                                        <th>Person Name</th>
                                                        <th>Phone Number</th>
                                                        <th>Alternative Number</th>
                                                        <th>Designation</th>
                                                        <th class="text-center">Option</th>
                                                    </tr>
                                                </thead>

                                                <tbody>
                                                    <tr>
                                                        <td>1</td>
                                                        <td>Anita Verma</td>
                                                        <td>9874563210</td>
                                                        <td>7896541230</td>
                                                        <td>Manager</td>
                                                        <td class="text-center">
                                                            <a href="#" class="btn btn-sm btn-outline-primary me-1" title="Edit">
                                                                <i class="ri-pencil-line"></i>
                                                            </a>
                                                            <a href="#" class="btn btn-sm btn-outline-danger recharge-delete" title="Delete">
                                                                <i class="ri-delete-bin-line"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                </tbody>

                                            </table>
                                        </div>

                                        <!-- Bottom -->
                                        <div class="row mt-3 align-items-center">

                                            <div class="col-md-6">
                                                <small class="text-muted">
                                                    Showing 1 to 1 of 1 entries
                                                </small>
                                            </div>

                                            <div class="col-md-6 text-md-end">
                                                <ul class="pagination justify-content-md-end mb-0">
                                                    <li class="page-item disabled">
                                                        <a class="page-link">Previous</a>
                                                    </li>
                                                    <li class="page-item active">
                                                        <a class="page-link">1</a>
                                                    </li>
                                                    <li class="page-item disabled">
                                                        <a class="page-link">Next</a>
                                                    </li>
                                                </ul>
                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>

                    <!-- Calling Details -->
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card border card-border-default">

                                <!-- Header -->
                                <div class="card-header border-primary border-top border-bottom-0 d-flex justify-content-between align-items-center">
                                    <h5 class="card-title mb-0">
                                        <i class="ri-apps-2-line"></i> Calling Details
                                    </h5>
                                    <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#myModal2">
                                        Create Calling Details
                                    </button>
                                </div>

                                <!-- Body -->
                                <div class="card-body border-default border-2 border-top">

                                    <div class="dataTables_wrapper dt-bootstrap5 no-footer">

                                        <!-- Top Controls -->
                                        <div class="row mb-3 align-items-center">

                                            <div class="col-md-6">
                                                <label class="d-flex align-items-center gap-2 mb-0">
                                                    Show
                                                    <select class="form-select form-select-sm w-auto">
                                                        <option>10</option>
                                                        <option>25</option>
                                                        <option>50</option>
                                                        <option>100</option>
                                                        <option>All</option>
                                                    </select>
                                                    entries
                                                </label>
                                            </div>

                                            <div class="col-md-6 text-md-end mt-2 mt-md-0">
                                                <div class="btn-group">
                                                    <button class="btn btn-outline-secondary btn-sm">Print</button>
                                                    <button class="btn btn-outline-success btn-sm">Excel</button>
                                                </div>
                                            </div>

                                        </div>

                                        <!-- TABLE (only responsive here) -->
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped align-middle mb-0">
                                                <thead class="table-light">
                                                    <tr>
                                                        <th>Sl.</th>
                                                        <th>Date</th>
                                                        <th>Contact Person</th>
                                                        <th>Number</th>
                                                        <th>Remarks</th>
                                                        <th class="text-center">Option</th>
                                                    </tr>
                                                </thead>

                                                <tbody>
                                                    <tr>
                                                        <td>1</td>
                                                        <td>23/04/2026</td>
                                                        <td>Anita Verma</td>
                                                        <td>9874563210</td>
                                                        <td class="text-truncate" style="max-width:200px;">
                                                            Follow up required
                                                        </td>
                                                        <td class="text-center">
                                                            <a href="#" class="btn btn-sm btn-outline-primary me-1" title="Edit">
                                                                <i class="ri-pencil-line"></i>
                                                            </a>
                                                            <a href="#" class="btn btn-sm btn-outline-danger recharge-delete" title="Delete">
                                                                <i class="ri-delete-bin-line"></i>
                                                            </a>
                                                        </td>
                                                    </tr>
                                                </tbody>

                                            </table>
                                        </div>

                                        <!-- Bottom -->
                                        <div class="row mt-3 align-items-center">

                                            <div class="col-md-6">
                                                <small class="text-muted">
                                                    Showing 1 to 1 of 1 entries
                                                </small>
                                            </div>

                                            <div class="col-md-6 text-md-end">
                                                <ul class="pagination justify-content-md-end mb-0">
                                                    <li class="page-item disabled">
                                                        <a class="page-link">Previous</a>
                                                    </li>
                                                    <li class="page-item active">
                                                        <a class="page-link">1</a>
                                                    </li>
                                                    <li class="page-item disabled">
                                                        <a class="page-link">Next</a>
                                                    </li>
                                                </ul>
                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>

                    <!-- Domain & Hosting price Offer Details -->
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="card card-border-default">

                                <!-- Header -->
                                <div class="card-header border-primary border-top border-bottom-0 d-flex align-items-center">
                                    <h5 class="card-title mb-0">
                                        <i class="ri-apps-2-line"></i> Domain & Hosting Price
                                    </h5>
                                </div>

                                <!-- Body -->
                                <div class="card-body border-default border-2 border-top p-4">

                                    <div class="row">

                                        <!-- LEFT SIDE -->
                                        <div class="col-md-6">
                                            <div class="table-responsive">
                                                <table class="table table-borderless mb-0">
                                                    <tbody>

                                                        <tr>
                                                            <th class="ps-0">Domain Price</th>
                                                            <th width="2%">:</th>
                                                            <td>₹799</td>
                                                        </tr>

                                                        <tr>
                                                            <th class="ps-0">Offer Discount (Domain)</th>
                                                            <th width="2%">:</th>
                                                            <td>₹200</td>
                                                        </tr>

                                                        <tr>
                                                            <th class="ps-0" width="36%">Final Domain Price</th>
                                                            <th width="2%">:</th>
                                                            <td class="fw-bold text-success">₹599</td>
                                                        </tr>

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                        <!-- RIGHT SIDE -->
                                        <div class="col-md-6">
                                            <div class="table-responsive">
                                                <table class="table table-borderless mb-0">
                                                    <tbody>
                                                        <tr>
                                                            <th class="ps-0">Hosting Price</th>
                                                            <th width="2%">:</th>
                                                            <td>₹2999</td>
                                                        </tr>

                                                        <tr>
                                                            <th class="ps-0">Offer Discount (Hosting)</th>
                                                            <th width="2%">:</th>
                                                            <td>₹500</td>
                                                        </tr>

                                                        <tr>
                                                            <th class="ps-0" width="35%">Final Hosting Price</th>
                                                            <th width="2%">:</th>
                                                            <td class="fw-bold text-success">₹2499</td>
                                                        </tr>

                                                        <tr>
                                                            <th class="ps-0">Free Hosting</th>
                                                            <th width="2%">:</th>
                                                            <td>
                                                                <span class="badge bg-success">1 Year Free</span>
                                                            </td>
                                                        </tr>

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                    </div>

                                    <hr style="opacity:0.10;">

                                    <!-- ACTION BUTTONS -->
                                    <div class="row">
                                        <div class="col-xl-2 col-md-3 col-sm-4 mt-2">
                                            <a href="#" class="btn btn-md btn-info w-100">
                                                <i class="ri-edit-box-line"></i> Update
                                            </a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <!-- create Domain Auth Profile Modal -->
        <div class="modal fade" id="myModal">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">

                    <!-- Header -->
                    <div class="modal-header pb-2">
                        <h5 class="modal-title">Domain Auth Profile</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>

                    <!-- Body -->
                    <div class="modal-body modal-body border-default border-2 border-top">
                        <form>
                            <div class="row g-3">

                                <!-- Contact Person Name -->
                                <div class="col-md-6">
                                    <label class="form-label">Contact Person Name</label>
                                    <input type="text" class="form-control" placeholder="Enter full name">
                                </div>

                                <!-- Phone Number -->
                                <div class="col-md-6">
                                    <label class="form-label">Phone Number</label>
                                    <input type="tel" class="form-control" placeholder="Enter phone number">
                                </div>

                                <!-- Alternate Phone -->
                                <div class="col-md-6">
                                    <label class="form-label">Alternate Phone Number</label>
                                    <input type="tel" class="form-control" placeholder="Enter alternate number">
                                </div>

                                <!-- Designation -->
                                <div class="col-md-6">
                                    <label class="form-label">Designation</label>
                                    <input type="text" class="form-control" placeholder="e.g. Manager">
                                </div>

                            </div>

                            <!-- Submit -->
                            <div class="text-end mt-4">
                                <button type="submit" class="btn btn-primary px-5">
                                    Submit
                                </button>
                            </div>
                        </form>
                    </div>

                    <!-- Footer -->
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                            Close
                        </button>
                    </div>

                </div>
            </div>
        </div>

        <!-- create Calling Details Modal 2 -->
        <div class="modal fade" id="myModal2">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">

                    <!-- Header -->
                    <div class="modal-header pb-2">
                        <h5 class="modal-title">Calling Details</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>

                    <!-- Body -->
                    <div class="modal-body border-default border-2 border-top">
                        <form>
                            <div class="row g-3 mb-3 pb-3">

                                <!-- Contact Person -->
                                <div class="col-md-6">
                                    <label class="form-label">Contact Person Name</label>
                                    <select class="form-select">
                                        <option value="">Choose</option>
                                        <option value="name">Person Name</option>
                                    </select>
                                </div>

                                <!-- Phone Number -->
                                <div class="col-md-6">
                                    <label class="form-label">Phone Number</label>
                                    <input type="tel" class="form-control" placeholder="Appear phone number" disabled>
                                </div>

                                <!-- Remarks -->
                                <div class="col-md-12">
                                    <label class="form-label">Remarks</label>
                                    <textarea class="form-control" placeholder="Enter remarks"></textarea>
                                </div>

                            </div>

                            <div class=" align-items-center d-flex">
                                <h4 class="fw-semibold fs-5 mb-0 flex-grow-1">Client Follow-ups</h4>
                            </div>
                            <div class="row g-2 border-default border-2 border-top mt-2">

                                <div class="col-md-6">
                                    <label class="form-label">Date & Time</label>
                                    <input type="datetime-local" class="form-control">
                                </div>

                                <!-- Remarks -->
                                <div class="col-md-6">
                                    <label class="form-label">Remarks</label>
                                    <input type="text" class="form-control" placeholder="Enter remarks">
                                </div>

                                <!-- Details -->
                                <div class="col-md-12">
                                    <label class="form-label">Details</label>
                                    <textarea class="form-control" placeholder="Enter details"></textarea>
                                </div>

                            </div>

                            <!-- Submit -->
                            <div class="text-end mt-4">
                                <button type="submit" class="btn btn-primary px-5">
                                    Submit
                                </button>
                            </div>
                        </form>
                    </div>

                    <!-- Footer -->
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
                            Close
                        </button>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <?php include "includes/footer.php"; ?>
</body>
<!-- Mirrored from themesbrand.com/velzon/html/master/tables-basic.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 31 May 2024 06:31:59 GMT -->

</html>