www.gis.cloudcore.my.id Open in urlscan Pro
89.213.211.232  Public Scan

URL: https://www.gis.cloudcore.my.id/
Submission: On December 24 via api from US — Scanned from GB

Form analysis 4 forms found in the DOM

#

<form id="kt_docs_formvalidation_text" class="form" action="#" autocomplete="off">
  <!--begin::Input group-->
  <div class="fv-row mb-10">
    <!--begin::Label-->
    <label class="required fw-semibold fs-6 mb-2">Text Input</label>
    <!--end::Label-->
    <!--begin::Input-->
    <input type="text" name="text_input" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="" value="">
    <!--end::Input-->
  </div>
  <!--end::Input group-->
  <!--begin::Actions-->
  <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
  <button id="kt_docs_formvalidation_text_submit" type="submit" class="btn btn-primary">
    <span class="indicator-label"> Validation Form </span>
    <span class="indicator-progress"> Please wait... <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
    </span>
  </button>
  <!--end::Actions-->
</form>

<form class="mx-auto w-100 mw-600px pt-15 pb-10" novalidate="novalidate" id="kt_modal_create_campaign_stepper_form">
  <!--begin::Step 1-->
  <div class="current" data-kt-stepper-element="content">
    <!--begin::Wrapper-->
    <div class="w-100">
      <!--begin::Heading-->
      <div class="pb-10 pb-lg-15">
        <!--begin::Title-->
        <h2 class="fw-bold d-flex align-items-center text-gray-900">Setup Campaign Details <span class="ms-1" data-bs-toggle="tooltip" aria-label="Campaign name will be used as reference within your campaign reports"
            data-bs-original-title="Campaign name will be used as reference within your campaign reports" data-kt-initialized="1">
            <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
													<span class="path1"></span>
													<span class="path2"></span>
													<span class="path3"></span>
												</i>
          </span></h2>
        <!--end::Title-->
        <!--begin::Notice-->
        <div class="text-muted fw-semibold fs-6">If you need more info, please check out <a href="#" class="link-primary fw-bold">Help Page</a>.</div>
        <!--end::Notice-->
      </div>
      <!--end::Heading-->
      <!--begin::Input group-->
      <div class="mb-10 fv-row">
        <!--begin::Label-->
        <label class="required form-label mb-3">Campaign Name</label>
        <!--end::Label-->
        <!--begin::Input-->
        <input type="text" class="form-control form-control-lg form-control-solid" name="campaign_name" placeholder="" value="">
        <!--end::Input-->
      </div>
      <!--end::Input group-->
      <!--begin::Input group-->
      <div class="fv-row mb-10">
        <!--begin::Label-->
        <label class="d-block fw-semibold fs-6 mb-5">
          <span class="required">Company Logo</span>
          <span class="ms-1" data-bs-toggle="tooltip" aria-label="E.g. Select a logo to represent the company that's running the campaign." data-bs-original-title="E.g. Select a logo to represent the company that's running the campaign."
            data-kt-initialized="1">
            <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
													<span class="path1"></span>
													<span class="path2"></span>
													<span class="path3"></span>
												</i>
          </span>
        </label>
        <!--end::Label-->
        <!--begin::Image input placeholder-->
        <style>
          .image-input-placeholder {
            background-image: url('assets/media/svg/files/blank-image.svg');
          }

          [data-bs-theme="dark"] .image-input-placeholder {
            background-image: url('assets/media/svg/files/blank-image-dark.svg');
          }
        </style>
        <!--end::Image input placeholder-->
        <!--begin::Image input-->
        <div class="image-input image-input-empty image-input-outline image-input-placeholder" data-kt-image-input="true">
          <!--begin::Preview existing avatar-->
          <div class="image-input-wrapper w-125px h-125px"></div>
          <!--end::Preview existing avatar-->
          <!--begin::Label-->
          <label class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="change" data-bs-toggle="tooltip" aria-label="Change avatar" data-bs-original-title="Change avatar"
            data-kt-initialized="1">
            <i class="ki-duotone ki-pencil fs-7">
													<span class="path1"></span>
													<span class="path2"></span>
												</i>
            <!--begin::Inputs-->
            <input type="file" name="avatar" accept=".png, .jpg, .jpeg">
            <input type="hidden" name="avatar_remove">
            <!--end::Inputs-->
          </label>
          <!--end::Label-->
          <!--begin::Cancel-->
          <span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="cancel" data-bs-toggle="tooltip" aria-label="Cancel avatar" data-bs-original-title="Cancel avatar"
            data-kt-initialized="1">
            <i class="ki-duotone ki-cross fs-2">
													<span class="path1"></span>
													<span class="path2"></span>
												</i>
          </span>
          <!--end::Cancel-->
          <!--begin::Remove-->
          <span class="btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow" data-kt-image-input-action="remove" data-bs-toggle="tooltip" aria-label="Remove avatar" data-bs-original-title="Remove avatar"
            data-kt-initialized="1">
            <i class="ki-duotone ki-cross fs-2">
													<span class="path1"></span>
													<span class="path2"></span>
												</i>
          </span>
          <!--end::Remove-->
        </div>
        <!--end::Image input-->
        <!--begin::Hint-->
        <div class="form-text">Allowed file types: png, jpg, jpeg.</div>
        <!--end::Hint-->
      </div>
      <!--end::Input group-->
      <!--begin::Input group-->
      <div class="mb-10">
        <!--begin::Label-->
        <label class="required fw-semibold fs-6 mb-5">Campaign Goal</label>
        <!--end::Label-->
        <!--begin::Roles-->
        <!--begin::Input row-->
        <div class="d-flex fv-row">
          <!--begin::Radio-->
          <div class="form-check form-check-custom form-check-solid">
            <!--begin::Input-->
            <input class="form-check-input me-3" name="user_role" type="radio" value="0" id="kt_modal_update_role_option_0" checked="checked">
            <!--end::Input-->
            <!--begin::Label-->
            <label class="form-check-label" for="kt_modal_update_role_option_0">
              <div class="fw-bold text-gray-800">Get more visitors</div>
              <div class="text-gray-600">Increase impression traffic onto the platform</div>
            </label>
            <!--end::Label-->
          </div>
          <!--end::Radio-->
        </div>
        <!--end::Input row-->
        <div class="separator separator-dashed my-5"></div>
        <!--begin::Input row-->
        <div class="d-flex fv-row">
          <!--begin::Radio-->
          <div class="form-check form-check-custom form-check-solid">
            <!--begin::Input-->
            <input class="form-check-input me-3" name="user_role" type="radio" value="1" id="kt_modal_update_role_option_1">
            <!--end::Input-->
            <!--begin::Label-->
            <label class="form-check-label" for="kt_modal_update_role_option_1">
              <div class="fw-bold text-gray-800">Get more messages on chat</div>
              <div class="text-gray-600">Increase community interaction and communication</div>
            </label>
            <!--end::Label-->
          </div>
          <!--end::Radio-->
        </div>
        <!--end::Input row-->
        <div class="separator separator-dashed my-5"></div>
        <!--begin::Input row-->
        <div class="d-flex fv-row">
          <!--begin::Radio-->
          <div class="form-check form-check-custom form-check-solid">
            <!--begin::Input-->
            <input class="form-check-input me-3" name="user_role" type="radio" value="2" id="kt_modal_update_role_option_2">
            <!--end::Input-->
            <!--begin::Label-->
            <label class="form-check-label" for="kt_modal_update_role_option_2">
              <div class="fw-bold text-gray-800">Get more calls</div>
              <div class="text-gray-600">Boost telecommunication feedback to provide precise and accurate information</div>
            </label>
            <!--end::Label-->
          </div>
          <!--end::Radio-->
        </div>
        <!--end::Input row-->
        <div class="separator separator-dashed my-5"></div>
        <!--begin::Input row-->
        <div class="d-flex fv-row">
          <!--begin::Radio-->
          <div class="form-check form-check-custom form-check-solid">
            <!--begin::Input-->
            <input class="form-check-input me-3" name="user_role" type="radio" value="3" id="kt_modal_update_role_option_3">
            <!--end::Input-->
            <!--begin::Label-->
            <label class="form-check-label" for="kt_modal_update_role_option_3">
              <div class="fw-bold text-gray-800">Get more likes</div>
              <div class="text-gray-600">Increase positive interactivity on social media platforms</div>
            </label>
            <!--end::Label-->
          </div>
          <!--end::Radio-->
        </div>
        <!--end::Input row-->
        <div class="separator separator-dashed my-5"></div>
        <!--begin::Input row-->
        <div class="d-flex fv-row">
          <!--begin::Radio-->
          <div class="form-check form-check-custom form-check-solid">
            <!--begin::Input-->
            <input class="form-check-input me-3" name="user_role" type="radio" value="4" id="kt_modal_update_role_option_4">
            <!--end::Input-->
            <!--begin::Label-->
            <label class="form-check-label" for="kt_modal_update_role_option_4">
              <div class="fw-bold text-gray-800">Lead generation</div>
              <div class="text-gray-600">Collect contact information for potential customers</div>
            </label>
            <!--end::Label-->
          </div>
          <!--end::Radio-->
        </div>
        <!--end::Input row-->
        <!--end::Roles-->
      </div>
      <!--end::Input group-->
    </div>
    <!--end::Wrapper-->
  </div>
  <!--end::Step 1-->
  <!--begin::Step 2-->
  <div data-kt-stepper-element="content">
    <!--begin::Wrapper-->
    <div class="w-100">
      <!--begin::Heading-->
      <div class="pb-10 pb-lg-12">
        <!--begin::Title-->
        <h1 class="fw-bold text-gray-900">Upload Files</h1>
        <!--end::Title-->
        <!--begin::Description-->
        <div class="text-muted fw-semibold fs-4">If you need more info, please check <a href="#" class="link-primary">Campaign Guidelines</a></div>
        <!--end::Description-->
      </div>
      <!--end::Heading-->
      <!--begin::Input group-->
      <div class="fv-row mb-10">
        <!--begin::Dropzone-->
        <div class="dropzone" id="kt_modal_create_campaign_files_upload">
          <!--begin::Message-->
          <div class="dz-message needsclick">
            <!--begin::Icon-->
            <i class="ki-duotone ki-file-up fs-3hx text-primary">
													<span class="path1"></span>
													<span class="path2"></span>
												</i>
            <!--end::Icon-->
            <!--begin::Info-->
            <div class="ms-4">
              <h3 class="dfs-3 fw-bold text-gray-900 mb-1">Drop campaign files here or click to upload.</h3>
              <span class="fw-semibold fs-4 text-muted">Upload up to 10 files</span>
            </div>
            <!--end::Info-->
          </div>
        </div>
        <!--end::Dropzone-->
      </div>
      <!--end::Input group-->
      <!--begin::Input group-->
      <div class="mb-10">
        <!--begin::Label-->
        <label class="fs-6 fw-semibold mb-2">Uploaded File</label>
        <!--End::Label-->
        <!--begin::Files-->
        <div class="mh-300px scroll-y me-n7 pe-7">
          <!--begin::File-->
          <div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
            <div class="d-flex align-items-center">
              <!--begin::Avatar-->
              <div class="symbol symbol-35px">
                <img src="assets/media/svg/files/pdf.svg" alt="icon">
              </div>
              <!--end::Avatar-->
              <!--begin::Details-->
              <div class="ms-6">
                <a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Product Specifications</a>
                <div class="fw-semibold text-muted">230kb</div>
              </div>
              <!--end::Details-->
            </div>
            <!--begin::Menu-->
            <div class="min-w-100px">
              <select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
                <option></option>
                <option value="1">Remove</option>
                <option value="2">Modify</option>
                <option value="3">Select</option>
              </select>
            </div>
            <!--end::Menu-->
          </div>
          <!--end::File-->
          <!--begin::File-->
          <div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
            <div class="d-flex align-items-center">
              <!--begin::Avatar-->
              <div class="symbol symbol-35px">
                <img src="assets/media/svg/files/tif.svg" alt="icon">
              </div>
              <!--end::Avatar-->
              <!--begin::Details-->
              <div class="ms-6">
                <a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Campaign Creative Poster</a>
                <div class="fw-semibold text-muted">2.4mb</div>
              </div>
              <!--end::Details-->
            </div>
            <!--begin::Menu-->
            <div class="min-w-100px">
              <select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
                <option></option>
                <option value="1">Remove</option>
                <option value="2">Modify</option>
                <option value="3">Select</option>
              </select>
            </div>
            <!--end::Menu-->
          </div>
          <!--end::File-->
          <!--begin::File-->
          <div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
            <div class="d-flex align-items-center">
              <!--begin::Avatar-->
              <div class="symbol symbol-35px">
                <img src="assets/media/svg/files/folder-document.svg" alt="icon">
              </div>
              <!--end::Avatar-->
              <!--begin::Details-->
              <div class="ms-6">
                <a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Campaign Landing Page Source</a>
                <div class="fw-semibold text-muted">1.12mb</div>
              </div>
              <!--end::Details-->
            </div>
            <!--begin::Menu-->
            <div class="min-w-100px">
              <select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
                <option></option>
                <option value="1">Remove</option>
                <option value="2">Modify</option>
                <option value="3">Select</option>
              </select>
            </div>
            <!--end::Menu-->
          </div>
          <!--end::File-->
          <!--begin::File-->
          <div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
            <div class="d-flex align-items-center">
              <!--begin::Avatar-->
              <div class="symbol symbol-35px">
                <img src="assets/media/svg/files/css.svg" alt="icon">
              </div>
              <!--end::Avatar-->
              <!--begin::Details-->
              <div class="ms-6">
                <a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Landing Page Styling</a>
                <div class="fw-semibold text-muted">85kb</div>
              </div>
              <!--end::Details-->
            </div>
            <!--begin::Menu-->
            <div class="min-w-100px">
              <select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
                <option></option>
                <option value="1">Remove</option>
                <option value="2">Modify</option>
                <option value="3">Select</option>
              </select>
            </div>
            <!--end::Menu-->
          </div>
          <!--end::File-->
          <!--begin::File-->
          <div class="d-flex flex-stack py-4 border border-top-0 border-left-0 border-right-0 border-dashed">
            <div class="d-flex align-items-center">
              <!--begin::Avatar-->
              <div class="symbol symbol-35px">
                <img src="assets/media/svg/files/ai.svg" alt="icon">
              </div>
              <!--end::Avatar-->
              <!--begin::Details-->
              <div class="ms-6">
                <a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Design Source Files</a>
                <div class="fw-semibold text-muted">48mb</div>
              </div>
              <!--end::Details-->
            </div>
            <!--begin::Menu-->
            <div class="min-w-100px">
              <select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
                <option></option>
                <option value="1">Remove</option>
                <option value="2">Modify</option>
                <option value="3">Select</option>
              </select>
            </div>
            <!--end::Menu-->
          </div>
          <!--end::File-->
          <!--begin::File-->
          <div class="d-flex flex-stack py-4">
            <div class="d-flex align-items-center">
              <!--begin::Avatar-->
              <div class="symbol symbol-35px">
                <img src="assets/media/svg/files/doc.svg" alt="icon">
              </div>
              <!--end::Avatar-->
              <!--begin::Details-->
              <div class="ms-6">
                <a href="#" class="fs-5 fw-bold text-gray-900 text-hover-primary mb-2">Campaign Plan Document</a>
                <div class="fw-semibold text-muted">27kb</div>
              </div>
              <!--end::Details-->
            </div>
            <!--begin::Menu-->
            <div class="min-w-100px">
              <select class="form-select form-select-solid form-select-sm" data-control="select2" data-hide-search="true" data-placeholder="Edit">
                <option></option>
                <option value="1">Remove</option>
                <option value="2">Modify</option>
                <option value="3">Select</option>
              </select>
            </div>
            <!--end::Menu-->
          </div>
          <!--end::File-->
        </div>
        <!--end::Files-->
      </div>
      <!--end::Input group-->
    </div>
    <!--end::Wrapper-->
  </div>
  <!--end::Step 2-->
  <!--begin::Step 3-->
  <div data-kt-stepper-element="content">
    <!--begin::Wrapper-->
    <div class="w-100">
      <!--begin::Heading-->
      <div class="pb-10 pb-lg-12">
        <!--begin::Title-->
        <h1 class="fw-bold text-gray-900">Configure Audiences</h1>
        <!--end::Title-->
        <!--begin::Description-->
        <div class="text-muted fw-semibold fs-4">If you need more info, please check <a href="#" class="link-primary">Campaign Guidelines</a></div>
        <!--end::Description-->
      </div>
      <!--end::Heading-->
      <!--begin::Input group-->
      <div class="fv-row mb-10">
        <!--begin::Label-->
        <label class="fs-6 fw-semibold mb-2">Gender <span class="ms-1" data-bs-toggle="tooltip" aria-label="Show your ads to either men or women, or select 'All' for both"
            data-bs-original-title="Show your ads to either men or women, or select 'All' for both" data-kt-initialized="1">
            <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
													<span class="path1"></span>
													<span class="path2"></span>
													<span class="path3"></span>
												</i>
          </span></label>
        <!--End::Label-->
        <!--begin::Row-->
        <div class="row g-9" data-kt-buttons="true" data-kt-buttons-target="[data-kt-button='true']" data-kt-initialized="1">
          <!--begin::Col-->
          <div class="col">
            <!--begin::Option-->
            <label class="btn btn-outline btn-outline-dashed btn-active-light-primary active d-flex text-start p-6" data-kt-button="true">
              <!--begin::Radio-->
              <span class="form-check form-check-custom form-check-solid form-check-sm align-items-start mt-1">
                <input class="form-check-input" type="radio" name="campaign_gender" value="1" checked="checked">
              </span>
              <!--end::Radio-->
              <!--begin::Info-->
              <span class="ms-5">
                <span class="fs-4 fw-bold text-gray-800 d-block">All</span>
              </span>
              <!--end::Info-->
            </label>
            <!--end::Option-->
          </div>
          <!--end::Col-->
          <!--begin::Col-->
          <div class="col">
            <!--begin::Option-->
            <label class="btn btn-outline btn-outline-dashed btn-active-light-primary d-flex text-start p-6" data-kt-button="true">
              <!--begin::Radio-->
              <span class="form-check form-check-custom form-check-solid form-check-sm align-items-start mt-1">
                <input class="form-check-input" type="radio" name="campaign_gender" value="2">
              </span>
              <!--end::Radio-->
              <!--begin::Info-->
              <span class="ms-5">
                <span class="fs-4 fw-bold text-gray-800 d-block">Male</span>
              </span>
              <!--end::Info-->
            </label>
            <!--end::Option-->
          </div>
          <!--end::Col-->
          <!--begin::Col-->
          <div class="col">
            <!--begin::Option-->
            <label class="btn btn-outline btn-outline-dashed btn-active-light-primary d-flex text-start p-6" data-kt-button="true">
              <!--begin::Radio-->
              <span class="form-check form-check-custom form-check-solid form-check-sm align-items-start mt-1">
                <input class="form-check-input" type="radio" name="campaign_gender" value="3">
              </span>
              <!--end::Radio-->
              <!--begin::Info-->
              <span class="ms-5">
                <span class="fs-4 fw-bold text-gray-800 d-block">Female</span>
              </span>
              <!--end::Info-->
            </label>
            <!--end::Option-->
          </div>
          <!--end::Col-->
        </div>
        <!--end::Row-->
      </div>
      <!--end::Input group-->
      <!--begin::Input group-->
      <div class="fv-row mb-10">
        <!--begin::Label-->
        <label class="fs-6 fw-semibold mb-2">Age <span class="ms-1" data-bs-toggle="tooltip" aria-label="Select the minimum and maximum age of the people who will find your ad relevant."
            data-bs-original-title="Select the minimum and maximum age of the people who will find your ad relevant." data-kt-initialized="1">
            <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
													<span class="path1"></span>
													<span class="path2"></span>
													<span class="path3"></span>
												</i>
          </span></label>
        <!--End::Label-->
        <!--begin::Slider-->
        <div class="d-flex flex-stack">
          <div id="kt_modal_create_campaign_age_min" class="fs-7 fw-semibold text-muted">18</div>
          <div id="kt_modal_create_campaign_age_slider" class="noUi-sm w-100 ms-5 me-8 noUi-target noUi-ltr noUi-horizontal noUi-txt-dir-ltr">
            <div class="noUi-base">
              <div class="noUi-connects">
                <div class="noUi-connect" style="transform: translate(7.46269%, 0px) scale(0.328358, 1);"></div>
              </div>
              <div class="noUi-origin" style="transform: translate(-92.5373%, 0px); z-index: 5;">
                <div class="noUi-handle noUi-handle-lower" data-handle="0" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="13.0" aria-valuemax="40.0" aria-valuenow="18.0" aria-valuetext="18.00">
                  <div class="noUi-touch-area"></div>
                </div>
              </div>
              <div class="noUi-origin" style="transform: translate(-59.7015%, 0px); z-index: 6;">
                <div class="noUi-handle noUi-handle-upper" data-handle="1" tabindex="0" role="slider" aria-orientation="horizontal" aria-valuemin="18.0" aria-valuemax="80.0" aria-valuenow="40.0" aria-valuetext="40.00">
                  <div class="noUi-touch-area"></div>
                </div>
              </div>
            </div>
          </div>
          <div id="kt_modal_create_campaign_age_max" class="fs-7 fw-semibold text-muted">40</div>
        </div>
        <!--end::Slider-->
      </div>
      <!--end::Input group-->
      <!--begin::Input group-->
      <div class="fv-row mb-10">
        <!--begin::Label-->
        <label class="fs-6 fw-semibold mb-2">Location <span class="ms-1" data-bs-toggle="tooltip" aria-label="Enter one or more location points for more specific targeting."
            data-bs-original-title="Enter one or more location points for more specific targeting." data-kt-initialized="1">
            <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
													<span class="path1"></span>
													<span class="path2"></span>
													<span class="path3"></span>
												</i>
          </span></label>
        <!--End::Label-->
        <!--begin::Tagify-->
        <tags class="tagify form-control d-flex align-items-center" tabindex="-1">
          <tag title="Argentina" contenteditable="false" spellcheck="false" class="tagify__tag " value="Argentina" code="AR">
            <x title="remove tag" class="tagify__tag__removeBtn"></x>
            <div class="d-flex align-items-center"><img onerror="this.style.visibility = 'hidden'" class="w-25px rounded-circle me-2" src="assets/media/flags/argentina.svg"><span class="tagify__tag-text">Argentina</span></div>
          </tag>
          <tag title="Australia" contenteditable="false" spellcheck="false" class="tagify__tag " value="Australia" code="AU" searchby="beach, sub-tropical">
            <x title="remove tag" class="tagify__tag__removeBtn"></x>
            <div class="d-flex align-items-center"><img onerror="this.style.visibility = 'hidden'" class="w-25px rounded-circle me-2" src="assets/media/flags/australia.svg"><span class="tagify__tag-text">Australia</span></div>
          </tag><span contenteditable="" tabindex="0" data-placeholder="​" aria-placeholder="" class="tagify__input" role="textbox" aria-autocomplete="both" aria-multiline="false"></span> ​
        </tags><input class="form-control d-flex align-items-center" value="" id="kt_modal_create_campaign_location" data-kt-flags-path="assets/media/flags/" tabindex="-1">
        <!--end::Tagify-->
      </div>
      <!--end::Input group-->
    </div>
    <!--end::Wrapper-->
  </div>
  <!--end::Step 3-->
  <!--begin::Step 4-->
  <div data-kt-stepper-element="content">
    <!--begin::Wrapper-->
    <div class="w-100">
      <!--begin::Heading-->
      <div class="pb-10 pb-lg-12">
        <!--begin::Title-->
        <h1 class="fw-bold text-gray-900">Budget Estimates</h1>
        <!--end::Title-->
        <!--begin::Description-->
        <div class="text-muted fw-semibold fs-4">If you need more info, please check <a href="#" class="link-primary">Campaign Guidelines</a></div>
        <!--end::Description-->
      </div>
      <!--end::Heading-->
      <!--begin::Input group-->
      <div class="fv-row mb-10">
        <!--begin::Label-->
        <label class="fs-6 fw-semibold mb-2">Campaign Duration <span class="ms-1" data-bs-toggle="tooltip" aria-label="Choose how long you want your ad to run for" data-bs-original-title="Choose how long you want your ad to run for"
            data-kt-initialized="1">
            <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
													<span class="path1"></span>
													<span class="path2"></span>
													<span class="path3"></span>
												</i>
          </span></label>
        <!--end::Label-->
        <!--begin::Duration option-->
        <div class="d-flex gap-9 mb-7">
          <!--begin::Button-->
          <button type="button" class="btn btn-outline btn-outline-dashed btn-active-light-primary active" id="kt_modal_create_campaign_duration_all">Continuous duration <br>
            <span class="fs-7">Your ad will run continuously for a daily budget.</span></button>
          <!--end::Button-->
          <!--begin::Button-->
          <button type="button" class="btn btn-outline btn-outline-dashed btn-active-light-primary btn-outline-default" id="kt_modal_create_campaign_duration_fixed">Fixed duration <br>
            <span class="fs-7">Your ad will run on the specified dates only.</span></button>
          <!--end::Button-->
        </div>
        <!--end::Duration option-->
        <!--begin::Datepicker-->
        <input class="form-control form-control-solid d-none" placeholder="Pick date &amp; time" id="kt_modal_create_campaign_datepicker">
        <!--end::Datepicker-->
      </div>
      <!--end::Input group-->
      <!--begin::Input group-->
      <div class="fv-row mb-10">
        <!--begin::Label-->
        <label class="fs-6 fw-semibold mb-2">Daily Budget <span class="ms-1" data-bs-toggle="tooltip" aria-label="Choose the budget allocated for each day. Higher budget will generate better results"
            data-bs-original-title="Choose the budget allocated for each day. Higher budget will generate better results" data-kt-initialized="1">
            <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
													<span class="path1"></span>
													<span class="path2"></span>
													<span class="path3"></span>
												</i>
          </span></label>
        <!--end::Label-->
        <!--begin::Slider-->
        <div class="d-flex flex-column text-center">
          <div class="d-flex align-items-start justify-content-center mb-7">
            <span class="fw-bold fs-4 mt-1 me-2">$</span>
            <span class="fw-bold fs-3x" id="kt_modal_create_campaign_budget_label"></span>
            <span class="fw-bold fs-3x">.00</span>
          </div>
          <div id="kt_modal_create_campaign_budget_slider" class="noUi-sm"></div>
        </div>
        <!--end::Slider-->
      </div>
      <!--end::Input group-->
    </div>
    <!--end::Wrapper-->
  </div>
  <!--end::Step 4-->
  <!--begin::Step 5-->
  <div data-kt-stepper-element="content">
    <!--begin::Wrapper-->
    <div class="w-100">
      <!--begin::Heading-->
      <div class="pb-12 text-center">
        <!--begin::Title-->
        <h1 class="fw-bold text-gray-900">Campaign Created!</h1>
        <!--end::Title-->
        <!--begin::Description-->
        <div class="fw-semibold text-muted fs-4">You will receive an email with with the summary of your newly created campaign!</div>
        <!--end::Description-->
      </div>
      <!--end::Heading-->
      <!--begin::Actions-->
      <div class="d-flex flex-center pb-20">
        <button id="kt_modal_create_campaign_create_new" type="button" class="btn btn-lg btn-light me-3" data-kt-element="complete-start">Create New Campaign</button>
        <a href="" class="btn btn-lg btn-primary" data-bs-toggle="tooltip" data-bs-original-title="Coming Soon" data-kt-initialized="1">View Campaign</a>
      </div>
      <!--end::Actions-->
      <!--begin::Illustration-->
      <div class="text-center px-4">
        <img src="assets/media/illustrations/sketchy-1/9.png" alt="" class="mww-100 mh-350px">
      </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" data-kt-stepper-state="hide-on-last-step">
        <i class="ki-duotone ki-arrow-left fs-3 me-1">
											<span class="path1"></span>
											<span class="path2"></span>
										</i>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 <i class="ki-duotone ki-arrow-right fs-3 ms-2 me-0">
												<span class="path1"></span>
												<span class="path2"></span>
											</i></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 <i class="ki-duotone ki-arrow-right fs-3 ms-1 me-0">
											<span class="path1"></span>
											<span class="path2"></span>
										</i></button>
    </div>
    <!--end::Wrapper-->
  </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-semibold mb-2">
          <span class="required">App Name</span>
          <span class="ms-1" data-bs-toggle="tooltip" aria-label="Specify your unique app name" data-bs-original-title="Specify your unique app name" data-kt-initialized="1">
            <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
														<span class="path1"></span>
														<span class="path2"></span>
														<span class="path3"></span>
													</i>
          </span>
        </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 fv-plugins-message-container--enabled 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-semibold mb-4">
          <span class="required">Category</span>
          <span class="ms-1" data-bs-toggle="tooltip" aria-label="Select your app category" data-bs-original-title="Select your app category" data-kt-initialized="1">
            <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
														<span class="path1"></span>
														<span class="path2"></span>
														<span class="path3"></span>
													</i>
          </span>
        </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">
                  <i class="ki-duotone ki-compass fs-1 text-primary">
																	<span class="path1"></span>
																	<span class="path2"></span>
																</i>
                </span>
              </span>
              <!--end:Icon-->
              <!--begin:Info-->
              <span class="d-flex flex-column">
                <span class="fw-bold 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">
                  <i class="ki-duotone ki-element-11 fs-1 text-danger">
																	<span class="path1"></span>
																	<span class="path2"></span>
																	<span class="path3"></span>
																	<span class="path4"></span>
																</i>
                </span>
              </span>
              <!--end:Icon-->
              <!--begin:Info-->
              <span class="d-flex flex-column">
                <span class="fw-bold 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">
                  <i class="ki-duotone ki-timer fs-1 text-success">
																	<span class="path1"></span>
																	<span class="path2"></span>
																	<span class="path3"></span>
																</i>
                </span>
              </span>
              <!--end:Icon-->
              <!--begin:Info-->
              <span class="d-flex flex-column">
                <span class="fw-bold 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 fv-plugins-message-container--enabled 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-semibold mb-4">
          <span class="required">Select Framework</span>
          <span class="ms-1" data-bs-toggle="tooltip" aria-label="Specify your apps framework" data-bs-original-title="Specify your apps framework" data-kt-initialized="1">
            <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
														<span class="path1"></span>
														<span class="path2"></span>
														<span class="path3"></span>
													</i>
          </span>
        </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="ki-duotone ki-html fs-2x text-warning">
																<span class="path1"></span>
																<span class="path2"></span>
															</i>
              </span>
            </span>
            <!--end:Icon-->
            <!--begin:Info-->
            <span class="d-flex flex-column">
              <span class="fw-bold 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="ki-duotone ki-react fs-2x text-success">
																<span class="path1"></span>
																<span class="path2"></span>
															</i>
              </span>
            </span>
            <!--end:Icon-->
            <!--begin:Info-->
            <span class="d-flex flex-column">
              <span class="fw-bold 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="ki-duotone ki-angular fs-2x text-danger">
																<span class="path1"></span>
																<span class="path2"></span>
																<span class="path3"></span>
															</i>
              </span>
            </span>
            <!--end:Icon-->
            <!--begin:Info-->
            <span class="d-flex flex-column">
              <span class="fw-bold 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="ki-duotone ki-vue fs-2x text-primary">
																<span class="path1"></span>
																<span class="path2"></span>
															</i>
              </span>
            </span>
            <!--end:Icon-->
            <!--begin:Info-->
            <span class="d-flex flex-column">
              <span class="fw-bold 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 fv-plugins-message-container--enabled 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-semibold 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 fv-plugins-message-container--enabled 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-semibold mb-4">
          <span class="required">Select Database Engine</span>
          <span class="ms-1" data-bs-toggle="tooltip" aria-label="Select your app database engine" data-bs-original-title="Select your app database engine" data-kt-initialized="1">
            <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
														<span class="path1"></span>
														<span class="path2"></span>
														<span class="path3"></span>
													</i>
          </span>
        </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="ki-duotone ki-note text-success fs-2x">
																<span class="path1"></span>
																<span class="path2"></span>
															</i>
              </span>
            </span>
            <!--end::Icon-->
            <!--begin::Info-->
            <span class="d-flex flex-column">
              <span class="fw-bold 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="ki-duotone ki-google text-danger fs-2x">
																<span class="path1"></span>
																<span class="path2"></span>
															</i>
              </span>
            </span>
            <!--end::Icon-->
            <!--begin::Info-->
            <span class="d-flex flex-column">
              <span class="fw-bold 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="ki-duotone ki-microsoft text-warning fs-2x">
																<span class="path1"></span>
																<span class="path2"></span>
																<span class="path3"></span>
																<span class="path4"></span>
															</i>
              </span>
            </span>
            <!--end::Icon-->
            <!--begin::Info-->
            <span class="d-flex flex-column">
              <span class="fw-bold fs-6">DynamoDB</span>
              <span class="fs-7 text-muted">Microsoft 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 fv-plugins-message-container--enabled 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-semibold form-label mb-2">
          <span class="required">Name On Card</span>
          <span class="ms-1" data-bs-toggle="tooltip" aria-label="Specify a card holder's name" data-bs-original-title="Specify a card holder's name" data-kt-initialized="1">
            <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
														<span class="path1"></span>
														<span class="path2"></span>
														<span class="path3"></span>
													</i>
          </span>
        </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 fv-plugins-message-container--enabled 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-semibold 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 fv-plugins-message-container--enabled 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-semibold 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" data-control="select2" data-hide-search="true" data-placeholder="Month">
                <option></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>
              <div class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback"></div>
            </div>
            <!--end::Col-->
            <!--begin::Col-->
            <div class="col-6">
              <select name="card_expiry_year" class="form-select form-select-solid" data-control="select2" data-hide-search="true" data-placeholder="Year">
                <option></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>
                <option value="2032">2032</option>
                <option value="2033">2033</option>
                <option value="2034">2034</option>
              </select>
              <div class="fv-plugins-message-container fv-plugins-message-container--enabled 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-semibold form-label mb-2">
            <span class="required">CVV</span>
            <span class="ms-1" data-bs-toggle="tooltip" aria-label="Enter a card CVV code" data-bs-original-title="Enter a card CVV code" data-kt-initialized="1">
              <i class="ki-duotone ki-information-5 text-gray-500 fs-6">
															<span class="path1"></span>
															<span class="path2"></span>
															<span class="path3"></span>
														</i>
            </span>
          </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">
              <i class="ki-duotone ki-credit-cart fs-2hx">
															<span class="path1"></span>
															<span class="path2"></span>
														</i>
            </div>
            <!--end::CVV icon-->
          </div>
          <!--end::Input wrapper-->
          <div class="fv-plugins-message-container fv-plugins-message-container--enabled 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-semibold form-label">Save Card for further billing?</label>
          <div class="fs-7 fw-semibold text-muted">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-semibold text-muted">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-bold text-gray-900 mb-3">Release!</h1>
      <!--end::Heading-->
      <!--begin::Description-->
      <div class="text-muted fw-semibold 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/sketchy-1/9.png" alt="" class="mw-100 mh-300px">
      </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">
        <i class="ki-duotone ki-arrow-left fs-3 me-1">
												<span class="path1"></span>
												<span class="path2"></span>
											</i>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 <i class="ki-duotone ki-arrow-right fs-3 ms-2 me-0">
													<span class="path1"></span>
													<span class="path2"></span>
												</i></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 <i class="ki-duotone ki-arrow-right fs-3 ms-1 me-0">
												<span class="path1"></span>
												<span class="path2"></span>
											</i></button>
    </div>
    <!--end::Wrapper-->
  </div>
  <!--end::Actions-->
</form>

<form data-kt-search-element="form" class="w-100 position-relative mb-5" autocomplete="off">
  <!--begin::Hidden input(Added to disable form autocomplete)-->
  <input type="hidden">
  <!--end::Hidden input-->
  <!--begin::Icon-->
  <i class="ki-duotone ki-magnifier fs-2 fs-lg-1 text-gray-500 position-absolute top-50 ms-5 translate-middle-y">
								<span class="path1"></span>
								<span class="path2"></span>
							</i>
  <!--end::Icon-->
  <!--begin::Input-->
  <input type="text" class="form-control form-control-lg form-control-solid px-15" name="search" value="" placeholder="Search by username, full name or email..." 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-5" data-kt-search-element="spinner">
    <span class="spinner-border h-15px w-15px align-middle text-muted"></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 me-5 d-none" data-kt-search-element="clear">
    <i class="ki-duotone ki-cross fs-2 fs-lg-1 me-0">
									<span class="path1"></span>
									<span class="path2"></span>
								</i>
  </span>
  <!--end::Reset-->
</form>

Text Content

Superindo
Layer

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

Generate Reports
Max Smith Pro
max@kt.com

My Profile
My Projects 3
My Subscription
Referrals
Billing
Payments
Statements

Notifications
My Statements

Mode
Light
Dark
System
Language English
English
Spanish
German
Japanese
French
Account Settings
Sign Out

←Move left→Move right↑Move up↓Move down+Zoom in-Zoom outHomeJump left by
75%EndJump right by 75%Page UpJump up by 75%Page DownJump down by 75%

To navigate, press the arrow keys.





Map
 * Terrain

Satellite
 * Labels


UndoDelete Selected Shape









Keyboard shortcuts
Map DataMap data ©2024
Map data ©2024

10 km 

Click to toggle between metric and imperial units
Terms
Report a map error
Contacts
Add Contact
Invite Contacts
Groups
Create Group
Invite Members
Settings
Settings

 * Region
 * Layers

Search:

 * Region 1
 * Region 2
 * Region 3

Search:

 * New Site
 * Competitor
 * Traditional Market
 * HotSpot
 * Population HeatMap
 * Density HeatMap
 * Municipal Boundary
 * Residential

Reports
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


SHOPPING CART


Iblender The best kitchen gadget in 2022
$ 350 for 5


SmartCleaner Smart tool for cooking
$ 650 for 4


CameraMaxr Professional camera for edge
$ 150 for 3


$D Printer Manfactoring unique objekts
$ 1450 for 7


MotionWire Perfect animation tool
$ 650 for 7


Samsung Profile info,Timeline etc
$ 720 for 6


$D Printer Manfactoring unique objekts
$ 430 for 8

Total $ 1840.00
Sub total $ 246.35
Pleace Order


INFO DETAIL


Text Input
Close Validation Form Please wait...


INVITE A FRIEND

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


CREATE CAMPAIGN




CAMPAIGN DETAILS


CREATIVE UPLOADS


AUDIENCES


BUDGET ESTIMATES


COMPLETED


SETUP CAMPAIGN DETAILS

If you need more info, please check out Help Page.
Campaign Name
Company Logo

Allowed file types: png, jpg, jpeg.
Campaign Goal
Get more visitors
Increase impression traffic onto the platform

Get more messages on chat
Increase community interaction and communication

Get more calls
Boost telecommunication feedback to provide precise and accurate information

Get more likes
Increase positive interactivity on social media platforms

Lead generation
Collect contact information for potential customers


UPLOAD FILES

If you need more info, please check Campaign Guidelines


DROP CAMPAIGN FILES HERE OR CLICK TO UPLOAD.

Upload up to 10 files
Uploaded File
Product Specifications
230kb
Remove Modify Select
Campaign Creative Poster
2.4mb
Remove Modify Select
Campaign Landing Page Source
1.12mb
Remove Modify Select
Landing Page Styling
85kb
Remove Modify Select
Design Source Files
48mb
Remove Modify Select
Campaign Plan Document
27kb
Remove Modify Select


CONFIGURE AUDIENCES

If you need more info, please check Campaign Guidelines
Gender
All
Male
Female
Age
18

40
Location
Argentina
Australia


BUDGET ESTIMATES

If you need more info, please check Campaign Guidelines
Campaign Duration
Continuous duration
Your ad will run continuously for a daily budget. Fixed duration
Your ad will run on the specified dates only.
Daily Budget
$ .00



CAMPAIGN CREATED!

You will receive an email with with the summary of your newly created campaign!
Create New Campaign View Campaign

Back
Submit Please wait... Continue


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


COMPLETED

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 Microsoft Fast NoSQL Database

Name On Card

Card Number


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

2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034

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


SEARCH USERS

Invite Collaborators To Your Project


RECENTLY SEARCHED:

Emma Smith Art Director
M
Melody Macy Marketing Analytic

Max Smith Software Enginer

Sean Bean Web Developer

Brian Cox UI/UX Designer
Emma Smith
smith@kpmg.com
Guest Owner Can Edit

M
Melody Macy
melody@altbox.com
Guest Owner Can Edit

Max Smith
max@kt.com
Guest Owner Can Edit

Sean Bean
sean@dellito.com
Guest Owner Can Edit

Brian Cox
brian@exchange.com
Guest Owner Can Edit

C
Mikaela Collins
mik@pex.com
Guest Owner Can Edit

Francis Mitcham
f.mit@kpmg.com
Guest Owner Can Edit

O
Olivia Wild
olivia@corpmail.com
Guest Owner Can Edit

N
Neil Owen
owen.neil@gmail.com
Guest Owner Can Edit

Dan Wilson
dam@consilting.com
Guest Owner Can Edit

E
Emma Bold
emma@intenso.com
Guest Owner Can Edit

Ana Crown
ana.cf@limtel.com
Guest Owner Can Edit

A
Robert Doe
robert@benko.com
Guest Owner Can Edit

John Miller
miller@mapple.com
Guest Owner Can Edit

L
Lucy Kunic
lucy.m@fentech.com
Guest Owner Can Edit

Ethan Wilder
ethan@loop.com.au
Guest Owner Can Edit

Ana Crown
ana.cf@limtel.com
Guest Owner Can Edit
Cancel Add Selected Users
No users found
Try to search by username, full name or email...