support.xaphos.com Open in urlscan Pro
2a01:4f8:d0a:1104::2  Public Scan

URL: https://support.xaphos.com/
Submission: On July 18 via automatic, source certstream-suspicious — Scanned from DE

Form analysis 4 forms found in the DOM

<form data-kt-search-element="form" class="w-100 position-relative mb-3" autocomplete="off">
  <!--begin::Icon-->
  <!--begin::Svg Icon | path: icons/duotone/General/Search.svg-->
  <span class="svg-icon svg-icon-2 svg-icon-lg-1 svg-icon-gray-500 position-absolute top-50 translate-middle-y ms-0">
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <rect x="0" y="0" width="24" height="24"></rect>
        <path
          d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z"
          fill="#000000" fill-rule="nonzero" opacity="0.3"></path>
        <path
          d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z"
          fill="#000000" fill-rule="nonzero"></path>
      </g>
    </svg>
  </span>
  <!--end::Svg Icon-->
  <!--end::Icon-->
  <!--begin::Input-->
  <input type="text" class="form-control form-control-flush ps-10" name="search" value="" placeholder="Search..." data-kt-search-element="input">
  <!--end::Input-->
  <!--begin::Spinner-->
  <span class="position-absolute top-50 end-0 translate-middle-y lh-0 d-none me-1" data-kt-search-element="spinner">
    <span class="spinner-border h-15px w-15px align-middle text-gray-400"></span>
  </span>
  <!--end::Spinner-->
  <!--begin::Reset-->
  <span class="btn btn-flush btn-active-color-primary position-absolute top-50 end-0 translate-middle-y lh-0 d-none" data-kt-search-element="clear">
    <!--begin::Svg Icon | path: icons/duotone/Navigation/Close.svg-->
    <span class="svg-icon svg-icon-2 svg-icon-lg-1 me-0">
      <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
        <g transform="translate(12.000000, 12.000000) rotate(-45.000000) translate(-12.000000, -12.000000) translate(4.000000, 4.000000)" fill="#000000">
          <rect fill="#000000" x="0" y="7" width="16" height="2" rx="1"></rect>
          <rect fill="#000000" opacity="0.5" transform="translate(8.000000, 8.000000) rotate(-270.000000) translate(-8.000000, -8.000000)" x="0" y="7" width="16" height="2" rx="1"></rect>
        </g>
      </svg>
    </span>
    <!--end::Svg Icon-->
  </span>
  <!--end::Reset-->
  <!--begin::Toolbar-->
  <div class="position-absolute top-50 end-0 translate-middle-y" data-kt-search-element="toolbar">
    <!--begin::Preferences toggle-->
    <div data-kt-search-element="preferences-show" class="btn btn-icon w-20px btn-sm btn-active-color-primary me-1" data-bs-toggle="tooltip" title="" data-bs-original-title="Show search preferences">
      <!--begin::Svg Icon | path: icons/duotone/Code/Settings4.svg-->
      <span class="svg-icon svg-icon-1">
        <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
          <path
            d="M18.6225,9.75 L18.75,9.75 C19.9926407,9.75 21,10.7573593 21,12 C21,13.2426407 19.9926407,14.25 18.75,14.25 L18.6854912,14.249994 C18.4911876,14.250769 18.3158978,14.366855 18.2393549,14.5454486 C18.1556809,14.7351461 18.1942911,14.948087 18.3278301,15.0846699 L18.372535,15.129375 C18.7950334,15.5514036 19.03243,16.1240792 19.03243,16.72125 C19.03243,17.3184208 18.7950334,17.8910964 18.373125,18.312535 C17.9510964,18.7350334 17.3784208,18.97243 16.78125,18.97243 C16.1840792,18.97243 15.6114036,18.7350334 15.1896699,18.3128301 L15.1505513,18.2736469 C15.008087,18.1342911 14.7951461,18.0956809 14.6054486,18.1793549 C14.426855,18.2558978 14.310769,18.4311876 14.31,18.6225 L14.31,18.75 C14.31,19.9926407 13.3026407,21 12.06,21 C10.8173593,21 9.81,19.9926407 9.81,18.75 C9.80552409,18.4999185 9.67898539,18.3229986 9.44717599,18.2361469 C9.26485393,18.1556809 9.05191298,18.1942911 8.91533009,18.3278301 L8.870625,18.372535 C8.44859642,18.7950334 7.87592081,19.03243 7.27875,19.03243 C6.68157919,19.03243 6.10890358,18.7950334 5.68746499,18.373125 C5.26496665,17.9510964 5.02757002,17.3784208 5.02757002,16.78125 C5.02757002,16.1840792 5.26496665,15.6114036 5.68716991,15.1896699 L5.72635306,15.1505513 C5.86570889,15.008087 5.90431906,14.7951461 5.82064513,14.6054486 C5.74410223,14.426855 5.56881236,14.310769 5.3775,14.31 L5.25,14.31 C4.00735931,14.31 3,13.3026407 3,12.06 C3,10.8173593 4.00735931,9.81 5.25,9.81 C5.50008154,9.80552409 5.67700139,9.67898539 5.76385306,9.44717599 C5.84431906,9.26485393 5.80570889,9.05191298 5.67216991,8.91533009 L5.62746499,8.870625 C5.20496665,8.44859642 4.96757002,7.87592081 4.96757002,7.27875 C4.96757002,6.68157919 5.20496665,6.10890358 5.626875,5.68746499 C6.04890358,5.26496665 6.62157919,5.02757002 7.21875,5.02757002 C7.81592081,5.02757002 8.38859642,5.26496665 8.81033009,5.68716991 L8.84944872,5.72635306 C8.99191298,5.86570889 9.20485393,5.90431906 9.38717599,5.82385306 L9.49484664,5.80114977 C9.65041313,5.71688974 9.7492905,5.55401473 9.75,5.3775 L9.75,5.25 C9.75,4.00735931 10.7573593,3 12,3 C13.2426407,3 14.25,4.00735931 14.25,5.25 L14.249994,5.31450877 C14.250769,5.50881236 14.366855,5.68410223 14.552824,5.76385306 C14.7351461,5.84431906 14.948087,5.80570889 15.0846699,5.67216991 L15.129375,5.62746499 C15.5514036,5.20496665 16.1240792,4.96757002 16.72125,4.96757002 C17.3184208,4.96757002 17.8910964,5.20496665 18.312535,5.626875 C18.7350334,6.04890358 18.97243,6.62157919 18.97243,7.21875 C18.97243,7.81592081 18.7350334,8.38859642 18.3128301,8.81033009 L18.2736469,8.84944872 C18.1342911,8.99191298 18.0956809,9.20485393 18.1761469,9.38717599 L18.1988502,9.49484664 C18.2831103,9.65041313 18.4459853,9.7492905 18.6225,9.75 Z"
            fill="#000000" fill-rule="nonzero" opacity="0.3"></path>
          <path d="M12,15 C13.6568542,15 15,13.6568542 15,12 C15,10.3431458 13.6568542,9 12,9 C10.3431458,9 9,10.3431458 9,12 C9,13.6568542 10.3431458,15 12,15 Z" fill="#000000"></path>
        </svg>
      </span>
      <!--end::Svg Icon-->
    </div>
    <!--end::Preferences toggle-->
    <!--begin::Advanced search toggle-->
    <div data-kt-search-element="advanced-options-form-show" class="btn btn-icon w-20px btn-sm btn-active-color-primary" data-bs-toggle="tooltip" title="" data-bs-original-title="Show more search options">
      <!--begin::Svg Icon | path: icons/duotone/Navigation/Angle-down.svg-->
      <span class="svg-icon svg-icon-2">
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
          <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <polygon points="0 0 24 0 24 24 0 24"></polygon>
            <path
              d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z"
              fill="#000000" fill-rule="nonzero" transform="translate(12.000003, 11.999999) rotate(-180.000000) translate(-12.000003, -11.999999)"></path>
          </g>
        </svg>
      </span>
      <!--end::Svg Icon-->
    </div>
    <!--end::Advanced search toggle-->
  </div>
  <!--end::Toolbar-->
</form>

<form data-kt-search-element="advanced-options-form" class="pt-1 d-none">
  <!--begin::Heading-->
  <h3 class="fw-bold text-dark mb-7">Advanced Search</h3>
  <!--end::Heading-->
  <!--begin::Input group-->
  <div class="mb-5">
    <input type="text" class="form-control form-control-sm form-control-solid" placeholder="Contains the word" name="query">
  </div>
  <!--end::Input group-->
  <!--begin::Input group-->
  <div class="mb-5">
    <!--begin::Radio group-->
    <div class="nav-group nav-group-fluid">
      <!--begin::Option-->
      <label>
        <input type="radio" class="btn-check" name="type" value="has" checked="checked">
        <span class="btn btn-sm btn-color-muted btn-active btn-active-primary">All</span>
      </label>
      <!--end::Option-->
      <!--begin::Option-->
      <label>
        <input type="radio" class="btn-check" name="type" value="users">
        <span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Users</span>
      </label>
      <!--end::Option-->
      <!--begin::Option-->
      <label>
        <input type="radio" class="btn-check" name="type" value="orders">
        <span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Orders</span>
      </label>
      <!--end::Option-->
      <!--begin::Option-->
      <label>
        <input type="radio" class="btn-check" name="type" value="projects">
        <span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Projects</span>
      </label>
      <!--end::Option-->
    </div>
    <!--end::Radio group-->
  </div>
  <!--end::Input group-->
  <!--begin::Input group-->
  <div class="mb-5">
    <input type="text" name="assignedto" class="form-control form-control-sm form-control-solid" placeholder="Assigned to" value="">
  </div>
  <!--end::Input group-->
  <!--begin::Input group-->
  <div class="mb-5">
    <input type="text" name="collaborators" class="form-control form-control-sm form-control-solid" placeholder="Collaborators" value="">
  </div>
  <!--end::Input group-->
  <!--begin::Input group-->
  <div class="mb-5">
    <!--begin::Radio group-->
    <div class="nav-group nav-group-fluid">
      <!--begin::Option-->
      <label>
        <input type="radio" class="btn-check" name="attachment" value="has" checked="checked">
        <span class="btn btn-sm btn-color-muted btn-active btn-active-primary">Has attachment</span>
      </label>
      <!--end::Option-->
      <!--begin::Option-->
      <label>
        <input type="radio" class="btn-check" name="attachment" value="any">
        <span class="btn btn-sm btn-color-muted btn-active btn-active-primary px-4">Any</span>
      </label>
      <!--end::Option-->
    </div>
    <!--end::Radio group-->
  </div>
  <!--end::Input group-->
  <!--begin::Input group-->
  <div class="mb-5">
    <select name="timezone" aria-label="Select a Timezone" data-control="select2" data-placeholder="date_period" class="form-select form-select-sm form-select-solid select2-hidden-accessible" data-select2-id="select2-data-1-wp89" tabindex="-1"
      aria-hidden="true">
      <option value="next" data-select2-id="select2-data-3-gvis">Within the next</option>
      <option value="last">Within the last</option>
      <option value="between">Between</option>
      <option value="on">On</option>
    </select><span class="select2 select2-container select2-container--bootstrap5" dir="ltr" data-select2-id="select2-data-2-7v3q" style="width: 100%;"><span class="selection"><span
          class="select2-selection select2-selection--single form-select form-select-sm form-select-solid" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-timezone-hr-container"
          aria-controls="select2-timezone-hr-container"><span class="select2-selection__rendered" id="select2-timezone-hr-container" role="textbox" aria-readonly="true" title="Within the next">Within the next</span><span
            class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
  </div>
  <!--end::Input group-->
  <!--begin::Input group-->
  <div class="row mb-8">
    <!--begin::Col-->
    <div class="col-6">
      <input type="number" name="date_number" class="form-control form-control-sm form-control-solid" placeholder="Lenght" value="">
    </div>
    <!--end::Col-->
    <!--begin::Col-->
    <div class="col-6">
      <select name="date_typer" aria-label="Select a Timezone" data-control="select2" data-placeholder="Period" class="form-select form-select-sm form-select-solid select2-hidden-accessible" data-select2-id="select2-data-4-m9zx" tabindex="-1"
        aria-hidden="true">
        <option value="days" data-select2-id="select2-data-6-gtau">Days</option>
        <option value="weeks">Weeks</option>
        <option value="months">Months</option>
        <option value="years">Years</option>
      </select><span class="select2 select2-container select2-container--bootstrap5" dir="ltr" data-select2-id="select2-data-5-mazk" style="width: 100%;"><span class="selection"><span
            class="select2-selection select2-selection--single form-select form-select-sm form-select-solid" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false"
            aria-labelledby="select2-date_typer-u4-container" aria-controls="select2-date_typer-u4-container"><span class="select2-selection__rendered" id="select2-date_typer-u4-container" role="textbox" aria-readonly="true"
              title="Days">Days</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
    </div>
    <!--end::Col-->
  </div>
  <!--end::Input group-->
  <!--begin::Actions-->
  <div class="d-flex justify-content-end">
    <button type="reset" class="btn btn-sm btn-white fw-bolder btn-active-light-primary me-2" data-kt-search-element="advanced-options-form-cancel">Cancel</button>
    <a href="pages/search/horizontal.html" class="btn btn-sm fw-bolder btn-primary" data-kt-search-element="advanced-options-form-search">Search</a>
  </div>
  <!--end::Actions-->
</form>

<form data-kt-search-element="preferences" class="pt-1 d-none">
  <!--begin::Heading-->
  <h3 class="fw-bold text-dark mb-7">Search Preferences</h3>
  <!--end::Heading-->
  <!--begin::Input group-->
  <div class="pb-4 border-bottom">
    <label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
      <span class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Projects</span>
      <input class="form-check-input" type="checkbox" value="1" checked="checked">
    </label>
  </div>
  <!--end::Input group-->
  <!--begin::Input group-->
  <div class="py-4 border-bottom">
    <label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
      <span class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Targets</span>
      <input class="form-check-input" type="checkbox" value="1" checked="checked">
    </label>
  </div>
  <!--end::Input group-->
  <!--begin::Input group-->
  <div class="py-4 border-bottom">
    <label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
      <span class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Affiliate Programs</span>
      <input class="form-check-input" type="checkbox" value="1">
    </label>
  </div>
  <!--end::Input group-->
  <!--begin::Input group-->
  <div class="py-4 border-bottom">
    <label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
      <span class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Referrals</span>
      <input class="form-check-input" type="checkbox" value="1" checked="checked">
    </label>
  </div>
  <!--end::Input group-->
  <!--begin::Input group-->
  <div class="py-4 border-bottom">
    <label class="form-check form-switch form-switch-sm form-check-custom form-check-solid flex-stack">
      <span class="form-check-label text-gray-700 fs-6 fw-bold ms-0 me-2">Users</span>
      <input class="form-check-input" type="checkbox" value="1">
    </label>
  </div>
  <!--end::Input group-->
  <!--begin::Actions-->
  <div class="d-flex justify-content-end pt-7">
    <button type="reset" class="btn btn-sm btn-white fw-bolder btn-active-light-primary me-2" data-kt-search-element="preferences-dismiss">Cancel</button>
    <button type="submit" class="btn btn-sm fw-bolder btn-primary">Save Changes</button>
  </div>
  <!--end::Actions-->
</form>

<form class="form fv-plugins-bootstrap5 fv-plugins-framework" novalidate="novalidate" id="kt_modal_create_app_form">
  <!--begin::Step 1-->
  <div class="current" data-kt-stepper-element="content">
    <div class="w-100">
      <!--begin::Input group-->
      <div class="fv-row mb-10 fv-plugins-icon-container">
        <!--begin::Label-->
        <label class="d-flex align-items-center fs-5 fw-bold mb-2">
          <span class="required">App Name</span>
          <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="" data-bs-original-title="Specify your unique app name" aria-label="Specify your unique app name"></i>
        </label>
        <!--end::Label-->
        <!--begin::Input-->
        <input type="text" class="form-control form-control-lg form-control-solid" name="name" placeholder="" value="">
        <!--end::Input-->
        <div class="fv-plugins-message-container invalid-feedback"></div>
      </div>
      <!--end::Input group-->
      <!--begin::Input group-->
      <div class="fv-row">
        <!--begin::Label-->
        <label class="d-flex align-items-center fs-5 fw-bold mb-4">
          <span class="required">Category</span>
          <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="" data-bs-original-title="Select your app category" aria-label="Select your app category"></i>
        </label>
        <!--end::Label-->
        <!--begin:Options-->
        <div class="fv-row fv-plugins-icon-container">
          <!--begin:Option-->
          <label class="d-flex flex-stack mb-5 cursor-pointer">
            <!--begin:Label-->
            <span class="d-flex align-items-center me-2">
              <!--begin:Icon-->
              <span class="symbol symbol-50px me-6">
                <span class="symbol-label bg-light-primary">
                  <!--begin::Svg Icon | path: icons/duotone/Home/Globe.svg-->
                  <span class="svg-icon svg-icon-1 svg-icon-primary">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                        <rect x="0" y="0" width="24" height="24"></rect>
                        <path
                          d="M13,18.9450712 L13,20 L14,20 C15.1045695,20 16,20.8954305 16,22 L8,22 C8,20.8954305 8.8954305,20 10,20 L11,20 L11,18.9448245 C9.02872877,18.7261967 7.20827378,17.866394 5.79372555,16.5182701 L4.73856106,17.6741866 C4.36621808,18.0820826 3.73370941,18.110904 3.32581341,17.7385611 C2.9179174,17.3662181 2.88909597,16.7337094 3.26143894,16.3258134 L5.04940685,14.367122 C5.46150313,13.9156769 6.17860937,13.9363085 6.56406875,14.4106998 C7.88623094,16.037907 9.86320756,17 12,17 C15.8659932,17 19,13.8659932 19,10 C19,7.73468744 17.9175842,5.65198725 16.1214335,4.34123851 C15.6753081,4.01567657 15.5775721,3.39010038 15.903134,2.94397499 C16.228696,2.49784959 16.8542722,2.4001136 17.3003976,2.72567554 C19.6071362,4.40902808 21,7.08906798 21,10 C21,14.6325537 17.4999505,18.4476269 13,18.9450712 Z"
                          fill="#000000" fill-rule="nonzero"></path>
                        <circle fill="#000000" opacity="0.3" cx="12" cy="10" r="6"></circle>
                      </g>
                    </svg>
                  </span>
                  <!--end::Svg Icon-->
                </span>
              </span>
              <!--end:Icon-->
              <!--begin:Info-->
              <span class="d-flex flex-column">
                <span class="fw-bolder fs-6">Quick Online Courses</span>
                <span class="fs-7 text-muted">Creating a clear text structure is just one SEO</span>
              </span>
              <!--end:Info-->
            </span>
            <!--end:Label-->
            <!--begin:Input-->
            <span class="form-check form-check-custom form-check-solid">
              <input class="form-check-input" type="radio" name="category" value="1">
            </span>
            <!--end:Input-->
          </label>
          <!--end::Option-->
          <!--begin:Option-->
          <label class="d-flex flex-stack mb-5 cursor-pointer">
            <!--begin:Label-->
            <span class="d-flex align-items-center me-2">
              <!--begin:Icon-->
              <span class="symbol symbol-50px me-6">
                <span class="symbol-label bg-light-danger">
                  <!--begin::Svg Icon | path: icons/duotone/Layout/Layout-4-blocks-2.svg-->
                  <span class="svg-icon svg-icon-1 svg-icon-danger">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                      <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                        <rect x="5" y="5" width="5" height="5" rx="1" fill="#000000"></rect>
                        <rect x="14" y="5" width="5" height="5" rx="1" fill="#000000" opacity="0.3"></rect>
                        <rect x="5" y="14" width="5" height="5" rx="1" fill="#000000" opacity="0.3"></rect>
                        <rect x="14" y="14" width="5" height="5" rx="1" fill="#000000" opacity="0.3"></rect>
                      </g>
                    </svg>
                  </span>
                  <!--end::Svg Icon-->
                </span>
              </span>
              <!--end:Icon-->
              <!--begin:Info-->
              <span class="d-flex flex-column">
                <span class="fw-bolder fs-6">Face to Face Discussions</span>
                <span class="fs-7 text-muted">Creating a clear text structure is just one aspect</span>
              </span>
              <!--end:Info-->
            </span>
            <!--end:Label-->
            <!--begin:Input-->
            <span class="form-check form-check-custom form-check-solid">
              <input class="form-check-input" type="radio" name="category" value="2">
            </span>
            <!--end:Input-->
          </label>
          <!--end::Option-->
          <!--begin:Option-->
          <label class="d-flex flex-stack cursor-pointer">
            <!--begin:Label-->
            <span class="d-flex align-items-center me-2">
              <!--begin:Icon-->
              <span class="symbol symbol-50px me-6">
                <span class="symbol-label bg-light-success">
                  <!--begin::Svg Icon | path: icons/duotone/Devices/Watch1.svg-->
                  <span class="svg-icon svg-icon-1 svg-icon-success">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                      <path
                        d="M9,8 C8.44771525,8 8,8.44771525 8,9 L8,15 C8,15.5522847 8.44771525,16 9,16 L15,16 C15.5522847,16 16,15.5522847 16,15 L16,9 C16,8.44771525 15.5522847,8 15,8 L9,8 Z M9,6 L15,6 C16.6568542,6 18,7.34314575 18,9 L18,15 C18,16.6568542 16.6568542,18 15,18 L9,18 C7.34314575,18 6,16.6568542 6,15 L6,9 C6,7.34314575 7.34314575,6 9,6 Z"
                        fill="#000000" fill-rule="nonzero"></path>
                      <path d="M9,8 C8.44771525,8 8,8.44771525 8,9 L8,15 C8,15.5522847 8.44771525,16 9,16 L15,16 C15.5522847,16 16,15.5522847 16,15 L16,9 C16,8.44771525 15.5522847,8 15,8 L9,8 Z" fill="#000000" opacity="0.3"></path>
                      <path d="M9,18 L15,18 L15,20.5 C15,21.3284271 14.3284271,22 13.5,22 L10.5,22 C9.67157288,22 9,21.3284271 9,20.5 L9,18 Z" fill="#000000" opacity="0.3"></path>
                      <path d="M10.5,2 L13.5,2 C14.3284271,2 15,2.67157288 15,3.5 L15,6 L9,6 L9,3.5 C9,2.67157288 9.67157288,2 10.5,2 Z" fill="#000000" opacity="0.3"></path>
                    </svg>
                  </span>
                  <!--end::Svg Icon-->
                </span>
              </span>
              <!--end:Icon-->
              <!--begin:Info-->
              <span class="d-flex flex-column">
                <span class="fw-bolder fs-6">Full Intro Training</span>
                <span class="fs-7 text-muted">Creating a clear text structure copywriting</span>
              </span>
              <!--end:Info-->
            </span>
            <!--end:Label-->
            <!--begin:Input-->
            <span class="form-check form-check-custom form-check-solid">
              <input class="form-check-input" type="radio" name="category" value="3">
            </span>
            <!--end:Input-->
          </label>
          <!--end::Option-->
          <div class="fv-plugins-message-container invalid-feedback"></div>
        </div>
        <!--end:Options-->
      </div>
      <!--end::Input group-->
    </div>
  </div>
  <!--end::Step 1-->
  <!--begin::Step 2-->
  <div data-kt-stepper-element="content">
    <div class="w-100">
      <!--begin::Input group-->
      <div class="fv-row fv-plugins-icon-container">
        <!--begin::Label-->
        <label class="d-flex align-items-center fs-5 fw-bold mb-4">
          <span class="required">Select Framework</span>
          <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="" data-bs-original-title="Specify your apps framework" aria-label="Specify your apps framework"></i>
        </label>
        <!--end::Label-->
        <!--begin:Option-->
        <label class="d-flex flex-stack cursor-pointer mb-5">
          <!--begin:Label-->
          <span class="d-flex align-items-center me-2">
            <!--begin:Icon-->
            <span class="symbol symbol-50px me-6">
              <span class="symbol-label bg-light-warning">
                <i class="fab fa-html5 text-warning fs-2x"></i>
              </span>
            </span>
            <!--end:Icon-->
            <!--begin:Info-->
            <span class="d-flex flex-column">
              <span class="fw-bolder fs-6">HTML5</span>
              <span class="fs-7 text-muted">Base Web Projec</span>
            </span>
            <!--end:Info-->
          </span>
          <!--end:Label-->
          <!--begin:Input-->
          <span class="form-check form-check-custom form-check-solid">
            <input class="form-check-input" type="radio" checked="checked" name="framework" value="1">
          </span>
          <!--end:Input-->
        </label>
        <!--end::Option-->
        <!--begin:Option-->
        <label class="d-flex flex-stack cursor-pointer mb-5">
          <!--begin:Label-->
          <span class="d-flex align-items-center me-2">
            <!--begin:Icon-->
            <span class="symbol symbol-50px me-6">
              <span class="symbol-label bg-light-success">
                <i class="fab fa-react text-success fs-2x"></i>
              </span>
            </span>
            <!--end:Icon-->
            <!--begin:Info-->
            <span class="d-flex flex-column">
              <span class="fw-bolder fs-6">ReactJS</span>
              <span class="fs-7 text-muted">Robust and flexible app framework</span>
            </span>
            <!--end:Info-->
          </span>
          <!--end:Label-->
          <!--begin:Input-->
          <span class="form-check form-check-custom form-check-solid">
            <input class="form-check-input" type="radio" name="framework" value="2">
          </span>
          <!--end:Input-->
        </label>
        <!--end::Option-->
        <!--begin:Option-->
        <label class="d-flex flex-stack cursor-pointer mb-5">
          <!--begin:Label-->
          <span class="d-flex align-items-center me-2">
            <!--begin:Icon-->
            <span class="symbol symbol-50px me-6">
              <span class="symbol-label bg-light-danger">
                <i class="fab fa-angular text-danger fs-2x"></i>
              </span>
            </span>
            <!--end:Icon-->
            <!--begin:Info-->
            <span class="d-flex flex-column">
              <span class="fw-bolder fs-6">Angular</span>
              <span class="fs-7 text-muted">Powerful data mangement</span>
            </span>
            <!--end:Info-->
          </span>
          <!--end:Label-->
          <!--begin:Input-->
          <span class="form-check form-check-custom form-check-solid">
            <input class="form-check-input" type="radio" name="framework" value="3">
          </span>
          <!--end:Input-->
        </label>
        <!--end::Option-->
        <!--begin:Option-->
        <label class="d-flex flex-stack cursor-pointer">
          <!--begin:Label-->
          <span class="d-flex align-items-center me-2">
            <!--begin:Icon-->
            <span class="symbol symbol-50px me-6">
              <span class="symbol-label bg-light-primary">
                <i class="fab fa-vuejs text-primary fs-2x"></i>
              </span>
            </span>
            <!--end:Icon-->
            <!--begin:Info-->
            <span class="d-flex flex-column">
              <span class="fw-bolder fs-6">Vue</span>
              <span class="fs-7 text-muted">Lightweight and responsive framework</span>
            </span>
            <!--end:Info-->
          </span>
          <!--end:Label-->
          <!--begin:Input-->
          <span class="form-check form-check-custom form-check-solid">
            <input class="form-check-input" type="radio" name="framework" value="4">
          </span>
          <!--end:Input-->
        </label>
        <!--end::Option-->
        <div class="fv-plugins-message-container invalid-feedback"></div>
      </div>
      <!--end::Input group-->
    </div>
  </div>
  <!--end::Step 2-->
  <!--begin::Step 3-->
  <div data-kt-stepper-element="content">
    <div class="w-100">
      <!--begin::Input group-->
      <div class="fv-row mb-10 fv-plugins-icon-container">
        <!--begin::Label-->
        <label class="required fs-5 fw-bold mb-2">Database Name</label>
        <!--end::Label-->
        <!--begin::Input-->
        <input type="text" class="form-control form-control-lg form-control-solid" name="dbname" placeholder="" value="master_db">
        <!--end::Input-->
        <div class="fv-plugins-message-container invalid-feedback"></div>
      </div>
      <!--end::Input group-->
      <!--begin::Input group-->
      <div class="fv-row fv-plugins-icon-container">
        <!--begin::Label-->
        <label class="d-flex align-items-center fs-5 fw-bold mb-4">
          <span class="required">Select Database Engine</span>
          <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="" data-bs-original-title="Select your app database engine" aria-label="Select your app database engine"></i>
        </label>
        <!--end::Label-->
        <!--begin:Option-->
        <label class="d-flex flex-stack cursor-pointer mb-5">
          <!--begin::Label-->
          <span class="d-flex align-items-center me-2">
            <!--begin::Icon-->
            <span class="symbol symbol-50px me-6">
              <span class="symbol-label bg-light-success">
                <i class="fas fa-database text-success fs-2x"></i>
              </span>
            </span>
            <!--end::Icon-->
            <!--begin::Info-->
            <span class="d-flex flex-column">
              <span class="fw-bolder fs-6">MySQL</span>
              <span class="fs-7 text-muted">Basic MySQL database</span>
            </span>
            <!--end::Info-->
          </span>
          <!--end::Label-->
          <!--begin::Input-->
          <span class="form-check form-check-custom form-check-solid">
            <input class="form-check-input" type="radio" name="dbengine" checked="checked" value="1">
          </span>
          <!--end::Input-->
        </label>
        <!--end::Option-->
        <!--begin:Option-->
        <label class="d-flex flex-stack cursor-pointer mb-5">
          <!--begin::Label-->
          <span class="d-flex align-items-center me-2">
            <!--begin::Icon-->
            <span class="symbol symbol-50px me-6">
              <span class="symbol-label bg-light-danger">
                <i class="fab fa-google text-danger fs-2x"></i>
              </span>
            </span>
            <!--end::Icon-->
            <!--begin::Info-->
            <span class="d-flex flex-column">
              <span class="fw-bolder fs-6">Firebase</span>
              <span class="fs-7 text-muted">Google based app data management</span>
            </span>
            <!--end::Info-->
          </span>
          <!--end::Label-->
          <!--begin::Input-->
          <span class="form-check form-check-custom form-check-solid">
            <input class="form-check-input" type="radio" name="dbengine" value="2">
          </span>
          <!--end::Input-->
        </label>
        <!--end::Option-->
        <!--begin:Option-->
        <label class="d-flex flex-stack cursor-pointer">
          <!--begin::Label-->
          <span class="d-flex align-items-center me-2">
            <!--begin::Icon-->
            <span class="symbol symbol-50px me-6">
              <span class="symbol-label bg-light-warning">
                <i class="fab fa-amazon text-warning fs-2x"></i>
              </span>
            </span>
            <!--end::Icon-->
            <!--begin::Info-->
            <span class="d-flex flex-column">
              <span class="fw-bolder fs-6">DynamoDB</span>
              <span class="fs-7 text-muted">Amazon Fast NoSQL Database</span>
            </span>
            <!--end::Info-->
          </span>
          <!--end::Label-->
          <!--begin::Input-->
          <span class="form-check form-check-custom form-check-solid">
            <input class="form-check-input" type="radio" name="dbengine" value="3">
          </span>
          <!--end::Input-->
        </label>
        <!--end::Option-->
        <div class="fv-plugins-message-container invalid-feedback"></div>
      </div>
      <!--end::Input group-->
    </div>
  </div>
  <!--end::Step 3-->
  <!--begin::Step 4-->
  <div data-kt-stepper-element="content">
    <div class="w-100">
      <!--begin::Input group-->
      <div class="d-flex flex-column mb-7 fv-row fv-plugins-icon-container">
        <!--begin::Label-->
        <label class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
          <span class="required">Name On Card</span>
          <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="" data-bs-original-title="Specify a card holder's name" aria-label="Specify a card holder's name"></i>
        </label>
        <!--end::Label-->
        <input type="text" class="form-control form-control-solid" placeholder="" name="card_name" value="Max Doe">
        <div class="fv-plugins-message-container invalid-feedback"></div>
      </div>
      <!--end::Input group-->
      <!--begin::Input group-->
      <div class="d-flex flex-column mb-7 fv-row fv-plugins-icon-container">
        <!--begin::Label-->
        <label class="required fs-6 fw-bold form-label mb-2">Card Number</label>
        <!--end::Label-->
        <!--begin::Input wrapper-->
        <div class="position-relative">
          <!--begin::Input-->
          <input type="text" class="form-control form-control-solid" placeholder="Enter card number" name="card_number" value="4111 1111 1111 1111">
          <!--end::Input-->
          <!--begin::Card logos-->
          <div class="position-absolute translate-middle-y top-50 end-0 me-5">
            <img src="assets/media/svg/card-logos/visa.svg" alt="" class="h-25px">
            <img src="assets/media/svg/card-logos/mastercard.svg" alt="" class="h-25px">
            <img src="assets/media/svg/card-logos/american-express.svg" alt="" class="h-25px">
          </div>
          <!--end::Card logos-->
        </div>
        <!--end::Input wrapper-->
        <div class="fv-plugins-message-container invalid-feedback"></div>
      </div>
      <!--end::Input group-->
      <!--begin::Input group-->
      <div class="row mb-10">
        <!--begin::Col-->
        <div class="col-md-8 fv-row">
          <!--begin::Label-->
          <label class="required fs-6 fw-bold form-label mb-2">Expiration Date</label>
          <!--end::Label-->
          <!--begin::Row-->
          <div class="row fv-row fv-plugins-icon-container">
            <!--begin::Col-->
            <div class="col-6">
              <select name="card_expiry_month" class="form-select form-select-solid select2-hidden-accessible" data-control="select2" data-hide-search="true" data-placeholder="Month" data-select2-id="select2-data-64-7hyb" tabindex="-1"
                aria-hidden="true">
                <option data-select2-id="select2-data-66-t2ij"></option>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
                <option value="9">9</option>
                <option value="10">10</option>
                <option value="11">11</option>
                <option value="12">12</option>
              </select><span class="select2 select2-container select2-container--bootstrap5" dir="ltr" data-select2-id="select2-data-65-0ia5" style="width: 100%;"><span class="selection"><span
                    class="select2-selection select2-selection--single form-select form-select-solid" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false"
                    aria-labelledby="select2-card_expiry_month-a9-container" aria-controls="select2-card_expiry_month-a9-container"><span class="select2-selection__rendered" id="select2-card_expiry_month-a9-container" role="textbox"
                      aria-readonly="true" title="Month"><span class="select2-selection__placeholder">Month</span></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span
                  class="dropdown-wrapper" aria-hidden="true"></span></span>
              <div class="fv-plugins-message-container invalid-feedback"></div>
            </div>
            <!--end::Col-->
            <!--begin::Col-->
            <div class="col-6">
              <select name="card_expiry_year" class="form-select form-select-solid select2-hidden-accessible" data-control="select2" data-hide-search="true" data-placeholder="Year" data-select2-id="select2-data-67-y2cr" tabindex="-1"
                aria-hidden="true">
                <option data-select2-id="select2-data-69-d8vo"></option>
                <option value="2021">2021</option>
                <option value="2022">2022</option>
                <option value="2023">2023</option>
                <option value="2024">2024</option>
                <option value="2025">2025</option>
                <option value="2026">2026</option>
                <option value="2027">2027</option>
                <option value="2028">2028</option>
                <option value="2029">2029</option>
                <option value="2030">2030</option>
                <option value="2031">2031</option>
              </select><span class="select2 select2-container select2-container--bootstrap5" dir="ltr" data-select2-id="select2-data-68-mnr8" style="width: 100%;"><span class="selection"><span
                    class="select2-selection select2-selection--single form-select form-select-solid" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false"
                    aria-labelledby="select2-card_expiry_year-y8-container" aria-controls="select2-card_expiry_year-y8-container"><span class="select2-selection__rendered" id="select2-card_expiry_year-y8-container" role="textbox" aria-readonly="true"
                      title="Year"><span class="select2-selection__placeholder">Year</span></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper"
                  aria-hidden="true"></span></span>
              <div class="fv-plugins-message-container invalid-feedback"></div>
            </div>
            <!--end::Col-->
          </div>
          <!--end::Row-->
        </div>
        <!--end::Col-->
        <!--begin::Col-->
        <div class="col-md-4 fv-row fv-plugins-icon-container">
          <!--begin::Label-->
          <label class="d-flex align-items-center fs-6 fw-bold form-label mb-2">
            <span class="required">CVV</span>
            <i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="" data-bs-original-title="Enter a card CVV code" aria-label="Enter a card CVV code"></i>
          </label>
          <!--end::Label-->
          <!--begin::Input wrapper-->
          <div class="position-relative">
            <!--begin::Input-->
            <input type="text" class="form-control form-control-solid" minlength="3" maxlength="4" placeholder="CVV" name="card_cvv">
            <!--end::Input-->
            <!--begin::CVV icon-->
            <div class="position-absolute translate-middle-y top-50 end-0 me-3">
              <!--begin::Svg Icon | path: icons/duotone/Shopping/Credit-card.svg-->
              <span class="svg-icon svg-icon-2hx">
                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <rect x="0" y="0" width="24" height="24"></rect>
                    <rect fill="#000000" opacity="0.3" x="2" y="5" width="20" height="14" rx="2"></rect>
                    <rect fill="#000000" x="2" y="8" width="20" height="3"></rect>
                    <rect fill="#000000" opacity="0.3" x="16" y="14" width="4" height="2" rx="1"></rect>
                  </g>
                </svg>
              </span>
              <!--end::Svg Icon-->
            </div>
            <!--end::CVV icon-->
          </div>
          <!--end::Input wrapper-->
          <div class="fv-plugins-message-container invalid-feedback"></div>
        </div>
        <!--end::Col-->
      </div>
      <!--end::Input group-->
      <!--begin::Input group-->
      <div class="d-flex flex-stack">
        <!--begin::Label-->
        <div class="me-5">
          <label class="fs-6 fw-bold form-label">Save Card for further billing?</label>
          <div class="fs-7 fw-bold text-gray-400">If you need more info, please check budget planning</div>
        </div>
        <!--end::Label-->
        <!--begin::Switch-->
        <label class="form-check form-switch form-check-custom form-check-solid">
          <input class="form-check-input" type="checkbox" value="1" checked="checked">
          <span class="form-check-label fw-bold text-gray-400">Save Card</span>
        </label>
        <!--end::Switch-->
      </div>
      <!--end::Input group-->
    </div>
  </div>
  <!--end::Step 4-->
  <!--begin::Step 5-->
  <div data-kt-stepper-element="content">
    <div class="w-100 text-center">
      <!--begin::Heading-->
      <h1 class="fw-bolder text-dark mb-3">Release!</h1>
      <!--end::Heading-->
      <!--begin::Description-->
      <div class="text-muted fw-bold fs-3">Submit your app to kickstart your project.</div>
      <!--end::Description-->
      <!--begin::Illustration-->
      <div class="text-center px-4 py-15">
        <img src="assets/media/illustrations/todo.png" alt="" class="mw-100 mh-150px">
      </div>
      <!--end::Illustration-->
    </div>
  </div>
  <!--end::Step 5-->
  <!--begin::Actions-->
  <div class="d-flex flex-stack pt-10">
    <!--begin::Wrapper-->
    <div class="me-2">
      <button type="button" class="btn btn-lg btn-light-primary me-3" data-kt-stepper-action="previous">
        <!--begin::Svg Icon | path: icons/duotone/Navigation/Left-2.svg-->
        <span class="svg-icon svg-icon-3 me-1">
          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <polygon points="0 0 24 0 24 24 0 24"></polygon>
              <rect fill="#000000" opacity="0.3" transform="translate(15.000000, 12.000000) scale(-1, 1) rotate(-90.000000) translate(-15.000000, -12.000000)" x="14" y="7" width="2" height="10" rx="1"></rect>
              <path
                d="M3.7071045,15.7071045 C3.3165802,16.0976288 2.68341522,16.0976288 2.29289093,15.7071045 C1.90236664,15.3165802 1.90236664,14.6834152 2.29289093,14.2928909 L8.29289093,8.29289093 C8.67146987,7.914312 9.28105631,7.90106637 9.67572234,8.26284357 L15.6757223,13.7628436 C16.0828413,14.136036 16.1103443,14.7686034 15.7371519,15.1757223 C15.3639594,15.5828413 14.7313921,15.6103443 14.3242731,15.2371519 L9.03007346,10.3841355 L3.7071045,15.7071045 Z"
                fill="#000000" fill-rule="nonzero" transform="translate(9.000001, 11.999997) scale(-1, -1) rotate(90.000000) translate(-9.000001, -11.999997)"></path>
            </g>
          </svg>
        </span>
        <!--end::Svg Icon-->Back</button>
    </div>
    <!--end::Wrapper-->
    <!--begin::Wrapper-->
    <div>
      <button type="button" class="btn btn-lg btn-primary" data-kt-stepper-action="submit">
        <span class="indicator-label">Submit <!--begin::Svg Icon | path: icons/duotone/Navigation/Right-2.svg-->
          <span class="svg-icon svg-icon-3 ms-2 me-0">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
              <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                <polygon points="0 0 24 0 24 24 0 24"></polygon>
                <rect fill="#000000" opacity="0.5" transform="translate(8.500000, 12.000000) rotate(-90.000000) translate(-8.500000, -12.000000)" x="7.5" y="7.5" width="2" height="9" rx="1"></rect>
                <path
                  d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z"
                  fill="#000000" fill-rule="nonzero" transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997)"></path>
              </g>
            </svg>
          </span>
          <!--end::Svg Icon--></span>
        <span class="indicator-progress">Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
      </button>
      <button type="button" class="btn btn-lg btn-primary" data-kt-stepper-action="next">Continue <!--begin::Svg Icon | path: icons/duotone/Navigation/Right-2.svg-->
        <span class="svg-icon svg-icon-3 ms-1 me-0">
          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
              <polygon points="0 0 24 0 24 24 0 24"></polygon>
              <rect fill="#000000" opacity="0.5" transform="translate(8.500000, 12.000000) rotate(-90.000000) translate(-8.500000, -12.000000)" x="7.5" y="7.5" width="2" height="9" rx="1"></rect>
              <path
                d="M9.70710318,15.7071045 C9.31657888,16.0976288 8.68341391,16.0976288 8.29288961,15.7071045 C7.90236532,15.3165802 7.90236532,14.6834152 8.29288961,14.2928909 L14.2928896,8.29289093 C14.6714686,7.914312 15.281055,7.90106637 15.675721,8.26284357 L21.675721,13.7628436 C22.08284,14.136036 22.1103429,14.7686034 21.7371505,15.1757223 C21.3639581,15.5828413 20.7313908,15.6103443 20.3242718,15.2371519 L15.0300721,10.3841355 L9.70710318,15.7071045 Z"
                fill="#000000" fill-rule="nonzero" transform="translate(14.999999, 11.999997) scale(1, -1) rotate(90.000000) translate(-14.999999, -11.999997)"></path>
            </g>
          </svg>
        </span>
        <!--end::Svg Icon--></button>
    </div>
    <!--end::Wrapper-->
  </div>
  <!--end::Actions-->
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</form>

Text Content

Dashboard
Landing
Crafted
Pages
Profile
Overview
Projects
Campaigns
Documents
Connections
Activity
Projects
My Projects
View Project
Targets
Budget
Users
Files
Activity
Settings
Wizards
Horizontal
Vertical
Search
Horizontal
Vertical
Blog
Blog Home
Blog Post
Company
About Us
Pricing
Contact Us
Our Team
Licenses
Sitemap
Careers
Careers List
Careers Apply
FAQ
Classic
Extended
Account
Overview
Settings
Security
Billing
Statements
Referrals
API Keys
Authentication
Basic Flow
Sign-in
Sign-up
Two-steps
Password Reset
New Password
Aside Flow
Sign-in
Sign-up
Two-steps
Password Reset
New Password
Dark Flow
Sign-in
Sign-up
Two-steps
Password Reset
New Password
Multi-steps Sign-up
Free Trial Sign-up
Coming Soon
Welcome Message
Verify Email
Password Confirmation
Account Deactivation
Error 404
Error 500
Email Templates
Verify Email
Account Invitation
Password Reset
Password Changed
Modals
General
Invite Friends
View Users
Upgrade Plan
Share & Earn
Forms
New Target
New Card
New Address
Create API Key
Wizards
Two Factor Auth
Create App
Create Account
Create Project
Offer a Deal
Search
Users
Select Location
Widgets
Lists
Statistics
Charts
Mixed
Tables
Feeds
Apps
Customers
Getting Started
Customer Listing
Customer Details
Subscriptions
Getting Started
Subscription List
Add Subscription
View Subscription
Invoice Manager
View Invoices
Invoice 1
Invoice 2
Create Invoice
User Management
Users
Users List
View User
Roles
Roles List
View Role
Permissions
Support Center
Overview
Tickets
Tickets List
View Ticket
Tutorials
Tutorials List
Tutorial Post
FAQ
Licenses
Contact Us
Chat
Private Chat
Group Chat
Drawer Chat
Layout
Toolbars
Toolbar 1
Toolbar 2
Toolbar 3
Toolbar 4
Toolbar 5
Aside
Light Skin
Font Icons
Minimized
Without Aside
Layout Builder

Changelog v8.0.14
Docs & Components
Dashboard
Crafted
Pages
Profile
Overview
Projects
Campaigns
Documents
Connections
Activity
Projects
My Projects
View Project
Targets
Budget
Users
Files
Activity
Settings
Wizards
Horizontal
Vertical
Search
Horizontal
Vertical
Blog
Blog Home
Blog Post
Company
About Us
Pricing
Contact Us
Our Team
Licenses
Sitemap
Careers
Careers List
Careers Apply
FAQ
Classic
Extended
Account
Overview
Settings
Security
Billing
Statements
Referrals
API Keys
Authentication
Basic Flow
Sign-in
Sign-up
Two-steps
Password Reset
New Password
Aside Flow
Sign-in
Sign-up
Two-steps
Password Reset
New Password
Dark Flow
Sign-in
Sign-up
Two-steps
Password Reset
New Password
Extended
Multi-steps Sign-up
Free Trial Sign-up
Coming Soon
Welcome Message
Verify Email
Password Confirmation
Account Deactivation
Error 404
Error 500
Email Templates
Verify Email
Account Invitation
Password Reset
Password Changed
Modals
General
Invite Friends
View Users
Upgrade Plan
Share & Earn
Forms
New Target
New Card
New Address
Create API Key
Wizards
Two Factor Auth
Create App
Create Account
Create Project
Offer a Deal
Search
Users
Select Location
Widgets
Lists
Statistics
Charts
Mixed
Tables
Feeds
Apps
User Management
Users
Users List
View User
Roles
Roles List
View Roles
Permissions
Support Center
Overview
Tickets
Ticket List
Ticket View
Tutorials
Tutorials List
Tutorials Post
FAQ
Licenses
Contact Us
Customers
Getting Started
Customer Listing
Customer Details
Subscriptions
Getting Started
Subscription List
Add Subscription
View Subscription
Chat
Private Chat
Group Chat
Drawer Chat
Invoice Management
Profile
Invoice 1
Invoice 2
Create Invoice
Layouts
Toolbars
Toolbar 1
Toolbar 2
Toolbar 3
Toolbar 4
Toolbar 5
Aside
Light Skin
Font Icons
Minimized
Without Aside
Resources
Components
Documentation
Layout Builder
Changelog v8.0.14
Mega Menu
Example link
Example link
Example link
Example link
Example link
Example link
Example link
Example link
Example link
Example link
Example link
Example link
Example link
Example link
Example link


USERS


Karina Clark Marketing Manager

Olivia Bold Software Engineer

Ana Clark UI/UX Designer

Nick Pitola Art Director

Edward Kulnic System Administrator


CUSTOMERS


Company Rbranding UI Design

Company Re-branding Web Development

Business Analytics App Administration

EcoLeaf App Launch Marketing

Tower Group Website Google Adwords


PROJECTS


Si-Fi Project by AU Themes #45670

Shopix Mobile App Planning #45690

Finance Monitoring SAAS Discussion #21090

Dashboard Analitics Launch #34560
Recently Searched:
BoomApp by Keenthemes #45789
"Kept API Project Meeting #84050
"KPI Monitoring App Launch #84250
Project Reference FAQ #67945
"FitPro App Development #84250
Shopix Mobile App #45690
"Landing UI Design" Launch #24005


NO RESULT FOUND

Please try again with a different query


ADVANCED SEARCH


All Users Orders Projects


Has attachment Any
Within the next Within the last Between On Within the next
Days Weeks Months Years Days
Cancel Search


SEARCH PREFERENCES

Projects
Targets
Affiliate Programs
Referrals
Users
Cancel Save Changes



QUICK LINKS

25 pending tasks
Accounting eCommerce
Administration Console
Projects Pending Tasks
Customers Latest cases
View All



NOTIFICATIONS 24 REPORTS

 * Alerts
 * Updates
 * Logs

Project Alice
Phase 1 development
1 hr
HR Confidential
Confidential staff documents
2 hrs
Company HR
Corporeate staff profiles
5 hrs
Project Redux
New frontend admin theme
2 days
Project Breafing
Product launch status update
21 Jan
Banner Assets
Collection of banner images
21 Jan
Icon Assets
Collection of SVG icons
20 March
View All


GET PRO ACCESS

Outlines keep you honest. They stoping you from amazing poorly about drive
Upgrade

200 OK New order
Just now
500 ERR New customer
2 hrs
200 OK Payment process
5 hrs
300 WRN Search query
2 days
200 OK API connection
1 week
200 OK Database restore
Mar 5
300 WRN System update
May 15
300 WRN Server OS update
Apr 3
300 WRN API rollback
Jun 30
500 ERR Refund process
Jul 10
500 ERR Withdrawal process
Sep 10
500 ERR Mail tasks
Dec 10
View All
Max Smith Pro
max@kt.com

My Profile
My Projects 3
My Subscription
Referrals
Billing
Payments
Statements

Notifications
My Statements

Language English
English
Spanish
German
Japanese
French
Account Settings
Sign Out



DASHBOARD #XRS-45670

Filter
Filter Options

Status:
Approved Pending In Process Rejected Select option
Member Type:
Author Customer
Notifications:
Enabled
Reset Apply
Create


SALES STATISTICS

Payments
Create Invoice
Create Payment
Generate Bill
Subscription
Plans
Billing
Statements

Recuring
Settings
Weekly Sales
New Users
Item Orders
Bug Reports



ACTIVITIES 890,344 SALES

Filter Options

Status:
Approved Pending In Process Rejected Select option
Member Type:
Author Customer
Notifications:
Enabled
Reset Apply
08:42

Outlines keep you honest. And keep structure
10:00

AEOL meeting
14:37

Make deposit USD 700. to ESL
16:50

Indulging in poorly driving and keep structure keep great
21:03

New order placed #XF-2356.
16:50

Indulging in poorly driving and keep structure keep great
21:03

New order placed #XF-2356.
10:30

Finance KPI Mobile app launch preparion meeting
Generate Reports
Finance and accounting reports
$24,500


Sales Oct 8 - Oct 26 21
FebFebMarMarAprAprMayMayJunJunJulJulAugAugSepSep806040200






TODO

Payments
Create Invoice
Create Payment
Generate Bill
Subscription
Plans
Billing
Statements

Recuring
Settings
Create FireStone Logo Due in 2 Days
New
Stakeholder Meeting Due in 3 Days
New
Scoping & Estimations Due in 5 Days
New
KPI App Showcase Due in 2 Days
New
Project Meeting Due in 12 Days
New
Customers Update Due in 1 week
New


MEMBERS STATISTICS OVER 500 MEMBERS

New Member

Authors Company Progress Actions

Ana Simmons HTML, JS, ReactJS
Intertico Web, UI/UX Design
50%


Jessie Clarcson C#, ASP.NET, MS SQL
Agoda Houses & Hotels
70%


Lebron Wayde PHP, Laravel, VueJS
RoadGee Transportation
60%


Natali Goodwin Python, PostgreSQL, ReactJS
The Hill Insurance
50%


Kevin Leonard HTML, JS, ReactJS
RoadGee Art Director
90%



AUTHORS

Quick Actions

New Ticket
New Customer
New Group
Admin Group
Staff Group
Member Group
New Contact

Generate Reports
Emma Smith Project Manager
Sean Bean PHP, SQLite, Artisan CLI
Brian Cox PHP, SQLite, Artisan CLI
Francis Mitcham PHP, SQLite, Artisan CLI
Dan Wilson PHP, SQLite, Artisan CLI


NOTIFICATIONS

Payments
Create Invoice
Create Payment
Generate Bill
Subscription
Plans
Billing
Statements

Recuring
Settings
Group lunch celebration Due in 2 Days
+28%
Navigation optimization Due in 2 Days
+50%
Rebrand strategy planning Due in 5 Days
-27%
Product goals strategy Due in 7 Days
+8%


TRENDS LATEST TECH TRENDS

Payments
Create Invoice
Create Payment
Generate Bill
Subscription
Plans
Billing
Statements

Recuring
Settings
Top Authors Mark, Rowling, Esther
+82$
Popular Authors Randy, Steve, Mike
+280$
New Users John, Pat, Jimmy
+4500$
Active Customers Mark, Rowling, Esther
+4500$
Bestseller Theme Disco, Retro, Sports
+4500$


TRENDS LATEST TRENDS

Payments
Create Invoice
Create Payment
Generate Bill
Subscription
Plans
Billing
Statements

Recuring
Settings
Top Authors
Ricky Hunt, Sandra Trepp
+82$
Top Sales
PitStop Emails
+82$
Top Engagement
KT.com
+82$



LATEST PRODUCTS MORE THAN 400 NEW PRODUCTS

 * Month
 * Week
 * Day


Brad Simmons Movie Creator React, HTML Approved

Popular Authors Most Successful Python, MySQL In Progress

New Users Awesome Users Laravel,Metronic Success

Active Customers Movie Creator AngularJS, C# Rejected

Bestseller Theme Best Customers ReactJS, Ruby In Progress


Brad Simmons Movie Creator React, HTML Approved

Popular Authors Most Successful Python, MySQL In Progress

Active Customers Movie Creator AngularJS, C# Rejected


Bestseller Theme Best Customers ReactJS, Ruby In Progress

Active Customers Movie Creator AngularJS, C# Rejected

New Users Awesome Users Laravel,Metronic Success

Popular Authors Most Successful Python, MySQL In Progress

2021© Keenthemes
 * About
 * Support
 * Purchase


ACTIVITY LOGS


There are 2 new tasks for you in “AirPlus Mobile APp” project:
Added at 4:23 PM by

Meeting with customer
Application Design
A
In Progress
View
Project Delivery Preparation
CRM System Development
B
Completed
View
Invitation for crafting engaging designs that speak human workshop
Sent at 4:23 PM by

3 New Incoming Project Files:
Sent at 10:30 PM by

Finance KPI App Guidelines
1.9mb
Client UAT Testing Results
18kb
Finance Reports
20mb
Task #45890merged with #45890in “Ads Pro Admin Dashboard project:
Initiated at 4:23 PM by

3 new application design concepts added:
Created at 4:23 PM by

Explore
Explore
Explore
New case #67890is assigned to you in Multi-platform Database Design project
Added at 4:23 PM by
Alice Tan
You have received a new order:
Placed at 5:05 AM by


DATABASE BACKUP PROCESS COMPLETED!

Login into Metronic Admin Dashboard to make sure the data integrity is OK
Proceed
New order #67890is placed for Workshow Planning & Budget Estimation
Placed at 4:23 PM by
Jimmy Bold
View All Activities
Brian Cox
Active
Contacts
Add Contact
Invite Contacts
Groups
Create Group
Invite Members
Settings
Settings

Brian Cox 2 mins
How likely are you to recommend our company to your friends and family ?
5 mins You

Hey there, we’re just writing to let you know that you’ve been subscribed to a
repository on GitHub.
Brian Cox 1 Hour
Ok, Understood!
2 Hours You

You’ll receive notifications for all issues, pull requests!
Brian Cox 3 Hours
You can unwatch this repository immediately by clicking here: Keenthemes.com
4 Hours You

Most purchased Business courses during this sale!
Brian Cox 5 Hours
Company BBQ to celebrate the last quater achievements and goals. Food and drinks
provided
Just now You


Brian Cox Just now
Right before vacation season we have the next Big Deal for you.

Send
Explore


EXPLORE METRONIC




DEMO1

Preview


DEMO2

Coming soon


DEMO3

Coming soon


DEMO4

Coming soon


DEMO5

Preview


DEMO6

Coming soon


DEMO7

Coming soon


DEMO8

Coming soon


DEMO9

Coming soon


DEMO10

Coming soon


DEMO11

Coming soon


DEMO12

Coming soon


DEMO13

Coming soon


DEMO14

Coming soon


DEMO15

Coming soon
Purchase Metronic


INVITE A FRIEND

If you need more info, please check out FAQ Page.
Invite Gmail Contacts
or
Your Invitations
Emma Smith
e.smith@kpmg.com.au
Guest Owner Can Edit Owner
M
Melody Macy
melody@altbox.com
Guest Owner Can Edit Guest
Max Smith
max@kt.com
Guest Owner Can Edit Can Edit
Sean Bean
sean@dellito.com
Guest Owner Can Edit Owner
Brian Cox
brian@exchange.com
Guest Owner Can Edit Can Edit
M
Mikaela Collins
mikaela@pexcom.com
Guest Owner Can Edit Owner
Francis Mitcham
f.mitcham@kpmg.com.au
Guest Owner Can Edit Can Edit
O
Olivia Wild
olivia@corpmail.com
Guest Owner Can Edit Owner
N
Neil Owen
owen.neil@gmail.com
Guest Owner Can Edit Guest
Dan Wilson
dam@consilting.com
Guest Owner Can Edit Can Edit
E
Emma Bold
emma@intenso.com
Guest Owner Can Edit Owner
Ana Crown
ana.cf@limtel.com
Guest Owner Can Edit Guest
A
Robert Doe
robert@benko.com
Guest Owner Can Edit Can Edit
John Miller
miller@mapple.com
Guest Owner Can Edit Can Edit
L
Lucy Kunic
lucy.m@fentech.com
Guest Owner Can Edit Owner
Ethan Wilder
ethan@loop.com.au
Guest Owner Can Edit Guest
M
Mikaela Collins
mikaela@pexcom.com
Guest Owner Can Edit Can Edit
Adding Users by Team Members
If you need more info, please check budget planning
Allowed


CREATE APP


1


DETAILS

Name your App
2


FRAMEWORKS

Define your app framework
3


DATABASE

Select the app database type
4


BILLING

Provide payment details
5


RELEASE

Review and Submit
App Name

Category
Quick Online Courses Creating a clear text structure is just one SEO Face to
Face Discussions Creating a clear text structure is just one aspect Full Intro
Training Creating a clear text structure copywriting

Select Framework HTML5 Base Web Projec ReactJS Robust and flexible app framework
Angular Powerful data mangement Vue Lightweight and responsive framework

Database Name

Select Database Engine MySQL Basic MySQL database Firebase Google based app data
management DynamoDB Amazon Fast NoSQL Database

Name On Card

Card Number


Expiration Date
1 2 3 4 5 6 7 8 9 10 11 12 Month

2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 Year

CVV


Save Card for further billing?
If you need more info, please check budget planning
Save Card


RELEASE!

Submit your app to kickstart your project.

Back
Submit Please wait... Continue






UPGRADE A PLAN

If you need more info, please check Pricing Guidelines.
Monthly Annual


STARTUP

Best for startups
$ 39 / Mon


ADVANCED

Best for 100+ team size
$ 339 / Mon


ENTERPRISE MOST POPULAR

Best value for 1000+ team
$ 999 / Mon


CUSTOM

Requet a custom license
Contact Us


WHAT’S IN STARTUP PLAN?

Optimal for 10+ team size and new startup
Up to 10 Active Users
Up to 30 Project Integrations
Analytics Module
Finance Module
Accounting Module
Network Platform
Unlimited Cloud Space


WHAT’S IN STARTUP PLAN?

Optimal for 100+ team size and grown company
Up to 10 Active Users
Up to 30 Project Integrations
Analytics Module
Finance Module
Accounting Module
Network Platform
Unlimited Cloud Space


WHAT’S IN STARTUP PLAN?

Optimal for 1000+ team and enterpise
Up to 10 Active Users
Up to 30 Project Integrations
Analytics Module
Finance Module
Accounting Module
Network Platform
Unlimited Cloud Space
Cancel Upgrade Plan