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
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 & 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...