2024-02-12 10:35:09 +08:00
< ? php
include " ../functions.php " ;
2024-02-15 20:42:37 +08:00
2024-02-12 10:35:09 +08:00
$_SESSION [ " url " ] = $_SERVER [ 'REQUEST_URI' ];
if ( $_SESSION [ " userId " ] <> " " ) {
$_SESSION [ " isLoggedIn " ] = true ;
//$customer_data = getCustomerbyLoginId($_SESSION["userId"]);
} else {
$_SESSION [ " isLoggedIn " ] = false ;
header ( " location: login.php " );
exit ();
}
if ( $_SESSION [ " user_type " ] != " admin " ){
header ( " location: login.php?alert=Only admins allowed here! " );
}
?>
<! DOCTYPE html >
< html lang = " en " dir = " ltr " >
< head >
< meta charset = " utf-8 " />
< meta http - equiv = " X-UA-Compatible " content = " IE=edge " />
< meta name = " viewport " content = " width=device-width, initial-scale=1 " />
< meta name = " description " content = " Ekka - Admin Dashboard HTML Template. " >
< title > Ekka - Admin Dashboard HTML Template .</ title >
<!-- GOOGLE FONTS -->
< link rel = " preconnect " href = " https://fonts.googleapis.com " >
< link rel = " preconnect " href = " https://fonts.gstatic.com " crossorigin >
< link href = " https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800;900&family=Roboto:wght@400;500;700;900&display=swap " rel = " stylesheet " >
< link href = " https://cdn.materialdesignicons.com/4.4.95/css/materialdesignicons.min.css " rel = " stylesheet " />
<!-- PLUGINS CSS STYLE -->
< link href = " assets/plugins/simplebar/simplebar.css " rel = " stylesheet " />
<!-- Ekka CSS -->
< link id = " ekka-css " rel = " stylesheet " href = " assets/css/ekka.css " />
<!-- FAVICON -->
< link href = " assets/img/favicon.png " rel = " shortcut icon " />
</ head >
< body class = " ec-header-fixed ec-sidebar-fixed ec-sidebar-dark ec-header-light " id = " body " >
<!-- WRAPPER -->
< div class = " wrapper " >
<!-- LEFT MAIN SIDEBAR -->
< ? php include 'left-main-sidebar.php' ?>
<!-- PAGE WRAPPER -->
< div class = " ec-page-wrapper " >
<!-- Header -->
< header class = " ec-main-header " id = " header " >
< nav class = " navbar navbar-static-top navbar-expand-lg " >
<!-- Sidebar toggle button -->
< button id = " sidebar-toggler " class = " sidebar-toggle " ></ button >
<!-- search form -->
< div class = " search-form d-lg-inline-block " >
< div class = " input-group " >
< input type = " text " name = " query " id = " search-input " class = " form-control " placeholder = " search.. " autofocus autocomplete = " off " />
< button type = " button " name = " search " id = " search-btn " class = " btn btn-flat " >
< i class = " mdi mdi-magnify " ></ i >
</ button >
</ div >
< div id = " search-results-container " >
< ul id = " search-results " ></ ul >
</ div >
</ div >
<!-- navbar right -->
< div class = " navbar-right " >
< ul class = " nav navbar-nav " >
<!-- User Account -->
< li class = " dropdown user-menu " >
< button class = " dropdown-toggle nav-link ec-drop " data - bs - toggle = " dropdown " aria - expanded = " false " >
< img src = " assets/img/user/user.png " class = " user-image " alt = " User Image " />
</ button >
< ul class = " dropdown-menu dropdown-menu-right ec-dropdown-menu " >
<!-- User image -->
< li class = " dropdown-header " >
< img src = " assets/img/user/user.png " class = " img-circle " alt = " User Image " />
< div class = " d-inline-block " >
John Deo < small class = " pt-1 " > john . example @ gmail . com </ small >
</ div >
</ li >
< li >
< a href = " user-profile.html " >
< i class = " mdi mdi-account " ></ i > My Profile
</ a >
</ li >
< li >
< a href = " # " >
< i class = " mdi mdi-email " ></ i > Message
</ a >
</ li >
< li >
< a href = " # " > < i class = " mdi mdi-diamond-stone " ></ i > Projects </ a >
</ li >
< li class = " right-sidebar-in " >
< a href = " javascript:0 " > < i class = " mdi mdi-settings-outline " ></ i > Setting </ a >
</ li >
< li class = " dropdown-footer " >
< a href = " index.php " > < i class = " mdi mdi-logout " ></ i > Log Out </ a >
</ li >
</ ul >
</ li >
< li class = " dropdown notifications-menu custom-dropdown " >
< button class = " dropdown-toggle notify-toggler custom-dropdown-toggler " >
< i class = " mdi mdi-bell-outline " ></ i >
</ button >
< div class = " card card-default dropdown-notify dropdown-menu-right mb-0 " >
< div class = " card-header card-header-border-bottom px-3 " >
< h2 > Notifications </ h2 >
</ div >
< div class = " card-body px-0 py-0 " >
< ul class = " nav nav-tabs nav-style-border p-0 justify-content-between " id = " myTab " role = " tablist " >
< li class = " nav-item mx-3 my-0 py-0 " >
< a href = " # " class = " nav-link active pb-3 " id = " home2-tab " data - bs - toggle = " tab " data - bs - target = " #home2 " role = " tab " aria - controls = " home2 " aria - selected = " true " > All ( 10 ) </ a >
</ li >
< li class = " nav-item mx-3 my-0 py-0 " >
< a href = " # " class = " nav-link pb-3 " id = " profile2-tab " data - bs - toggle = " tab " data - bs - target = " #profile2 " role = " tab " aria - controls = " profile2 " aria - selected = " false " > Msgs ( 5 ) </ a >
</ li >
< li class = " nav-item mx-3 my-0 py-0 " >
< a href = " # " class = " nav-link pb-3 " id = " contact2-tab " data - bs - toggle = " tab " data - bs - target = " #contact2 " role = " tab " aria - controls = " contact2 " aria - selected = " false " > Others ( 5 ) </ a >
</ li >
</ ul >
< div class = " tab-content " id = " myTabContent3 " >
< div class = " tab-pane fade show active " id = " home2 " role = " tabpanel " >
< ul class = " list-unstyled " data - simplebar style = " height: 360px " >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification " >
< div class = " position-relative mr-3 " >
< img class = " rounded-circle " src = " assets/img/user/u2.jpg " alt = " Image " >
< span class = " status away " ></ span >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > Nitin </ h4 >
< p class = " last-msg " > Lorem ipsum dolor sit , amet
consectetur adipisicing elit . Nam itaque
doloremque odio , eligendi delectus vitae .</ p >
< span class = " font-size-12 font-weight-medium text-secondary " >
< i class = " mdi mdi-clock-outline " ></ i > 30 min
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification media-active " >
< div class = " position-relative mr-3 " >
< img class = " rounded-circle " src = " assets/img/user/u1.jpg " alt = " Image " >
< span class = " status active " ></ span >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > Lovina </ h4 >
< p class = " last-msg " > Donec mattis augue a nisl
consequat , nec imperdiet ex rutrum . Fusce et
vehicula enim . Sed in enim eu odio vehic .</ p >
< span class = " font-size-12 font-weight-medium text-white " >
< i class = " mdi mdi-clock-outline " ></ i > Just
now ...
</ span >
</ div >
</ div >
</ a >
</ li >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification " >
< div class = " position-relative mr-3 " >
< img class = " rounded-circle " src = " assets/img/user/u5.jpg " alt = " Image " >
< span class = " status away " ></ span >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > Crinali </ h4 >
< p class = " last-msg " > Lorem ipsum dolor sit , amet
consectetur adipisicing elit . Nam itaque
doloremque odio , eligendi delectus vitae .</ p >
< span class = " font-size-12 font-weight-medium text-secondary " >
< i class = " mdi mdi-clock-outline " ></ i > 1 hrs
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification event-active " >
< div class = " d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-info text-white " >
< i class = " mdi mdi-calendar-check font-size-20 " ></ i >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > Upcomming event added </ h4 >
< p class = " last-msg font-size-14 " > 03 / Jan / 2020 ( 1 pm -
2 pm ) </ p >
< span class = " font-size-12 font-weight-medium text-secondary " >
< i class = " mdi mdi-clock-outline " ></ i > 10 min
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification " >
< div class = " d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-warning text-white " >
< i class = " mdi mdi-chart-areaspline font-size-20 " ></ i >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > Yearly Sales report </ h4 >
< p class = " last-msg font-size-14 " > Lorem ipsum dolor
sit , amet consectetur adipisicing elit . Nam
itaque doloremque odio , eligendi delectus vitae .
</ p >
< span class = " font-size-12 font-weight-medium text-secondary " >
< i class = " mdi mdi-clock-outline " ></ i > 1 hrs
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification " >
< div class = " d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-primary text-white " >
< i class = " mdi mdi-account-multiple-check font-size-20 " ></ i >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > New request </ h4 >
< p class = " last-msg font-size-14 " > Add Dany Jones as
your contact consequat nec imperdiet ex rutrum .
Fusce et vehicula enim . Sed in enim .</ p >
< span class = " my-1 btn btn-sm btn-success " > Accept </ span >
< span class = " my-1 btn btn-sm btn-secondary " > Delete </ span >
< span class = " font-size-12 font-weight-medium text-secondary d-block " >
< i class = " mdi mdi-clock-outline " ></ i > 5 min
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification " >
< div class = " d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-danger text-white " >
< i class = " mdi mdi-server-network-off font-size-20 " ></ i >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > Server overloaded </ h4 >
< p class = " last-msg font-size-14 " > Donec mattis augue
a nisl consequat , nec imperdiet ex rutrum . Fusce
et vehicula enim . Sed in enim eu odio vehic .</ p >
< span class = " font-size-12 font-weight-medium text-secondary " >
< i class = " mdi mdi-clock-outline " ></ i > 30 min
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification " >
< div class = " d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-purple text-white " >
< i class = " mdi mdi-playlist-check font-size-20 " ></ i >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > Task complete </ h4 >
< p class = " last-msg font-size-14 " > Nam ut nisi erat .
Ut quis tortor varius , hendrerit arcu quis ,
congue nisl . In scelerisque , sem ut ve .</ p >
< span class = " font-size-12 font-weight-medium text-secondary " >
< i class = " mdi mdi-clock-outline " ></ i > 2 hrs
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
</ ul >
</ div >
< div class = " tab-pane fade " id = " profile2 " role = " tabpanel " >
< ul class = " list-unstyled " data - simplebar style = " height: 360px " >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification " >
< div class = " position-relative mr-3 " >
< img class = " rounded-circle " src = " assets/img/user/u6.jpg " alt = " Image " >
< span class = " status away " ></ span >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > Hardiko </ h4 >
< p class = " last-msg " > Donec mattis augue a nisl
consequat , nec imperdiet ex rutrum . Fusce et
vehicula enim . Sed in enim eu odio vehic .</ p >
< span class = " font-size-12 font-weight-medium text-secondary " >
< i class = " mdi mdi-clock-outline " ></ i > 1 hrs
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification " >
< div class = " position-relative mr-3 " >
< img class = " rounded-circle " src = " assets/img/user/u7.jpg " alt = " Image " >
< span class = " status away " ></ span >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > Browin </ h4 >
< p class = " last-msg " > Nam ut nisi erat . Ut quis tortor
varius , hendrerit arcu quis , congue nisl . In
scelerisque , sem ut ve .</ p >
< span class = " font-size-12 font-weight-medium text-secondary " >
< i class = " mdi mdi-clock-outline " ></ i > 1 hrs
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification media-active " >
< div class = " position-relative mr-3 " >
< img class = " rounded-circle " src = " assets/img/user/u1.jpg " alt = " Image " >
< span class = " status active " ></ span >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > jenelia </ h4 >
< p class = " last-msg " > Donec mattis augue a nisl
consequat , nec imperdiet ex rutrum . Fusce et
vehicula enim . Sed in enim eu odio vehic .</ p >
< span class = " font-size-12 font-weight-medium text-white " >
< i class = " mdi mdi-clock-outline " ></ i > Just
now ...
</ span >
</ div >
</ div >
</ a >
</ li >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification " >
< div class = " position-relative mr-3 " >
< img class = " rounded-circle " src = " assets/img/user/u2.jpg " alt = " Image " >
< span class = " status away " ></ span >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > Bhavlio </ h4 >
< p class = " last-msg " > Lorem ipsum dolor sit , amet
consectetur adipisicing elit . Nam itaque
doloremque odio , eligendi delectus vitae .</ p >
< span class = " font-size-12 font-weight-medium text-secondary " >
< i class = " mdi mdi-clock-outline " ></ i > 1 hrs
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification " >
< div class = " position-relative mr-3 " >
< img class = " rounded-circle " src = " assets/img/user/u5.jpg " alt = " Image " >
< span class = " status away " ></ span >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > Browini </ h4 >
< p class = " last-msg " > Lorem ipsum dolor sit , amet
consectetur adipisicing elit . Nam itaque
doloremque odio , eligendi delectus vitae .</ p >
< span class = " font-size-12 font-weight-medium text-secondary " >
< i class = " mdi mdi-clock-outline " ></ i > 1 hrs
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
</ ul >
</ div >
< div class = " tab-pane fade " id = " contact2 " role = " tabpanel " >
< ul class = " list-unstyled " data - simplebar style = " height: 360px " >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification event-active " >
< div class = " d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-info text-white " >
< i class = " mdi mdi-calendar-check font-size-20 " ></ i >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > Upcomming event added </ h4 >
< p class = " last-msg font-size-14 " > 03 / Jan / 2020 ( 1 pm -
2 pm ) </ p >
< span class = " font-size-12 font-weight-medium text-secondary " >
< i class = " mdi mdi-clock-outline " ></ i > 10 min
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification " >
< div class = " d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-warning text-white " >
< i class = " mdi mdi-chart-areaspline font-size-20 " ></ i >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > New Sales report </ h4 >
< p class = " last-msg font-size-14 " > Lorem ipsum dolor
sit , amet consectetur adipisicing elit . Nam
itaque doloremque odio , eligendi delectus vitae .
</ p >
< span class = " font-size-12 font-weight-medium text-secondary " >
< i class = " mdi mdi-clock-outline " ></ i > 1 hrs
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification " >
< div class = " d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-primary text-white " >
< i class = " mdi mdi-account-multiple-check font-size-20 " ></ i >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > New Request </ h4 >
< p class = " last-msg font-size-14 " > Add Dany Jones as
your contact consequat nec imperdiet ex rutrum .
Fusce et vehicula enim . Sed in enim .</ p >
< span class = " my-1 btn btn-sm btn-success " > Accept </ span >
< span class = " my-1 btn btn-sm btn-secondary " > Delete </ span >
< span class = " font-size-12 font-weight-medium text-secondary d-block " >
< i class = " mdi mdi-clock-outline " ></ i > 5 min
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification " >
< div class = " d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-danger text-white " >
< i class = " mdi mdi-server-network-off font-size-20 " ></ i >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > Server overloaded </ h4 >
< p class = " last-msg font-size-14 " > Donec mattis augue
a nisl consequat , nec imperdiet ex rutrum . Fusce
et vehicula enim . Sed in enim eu odio vehic .</ p >
< span class = " font-size-12 font-weight-medium text-secondary " >
< i class = " mdi mdi-clock-outline " ></ i > 30 min
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
< li >
< a href = " javscript:void(0) " class = " media media-message media-notification " >
< div class = " d-flex rounded-circle align-items-center justify-content-center mr-3 media-icon iconbox-45 bg-purple text-white " >
< i class = " mdi mdi-playlist-check font-size-20 " ></ i >
</ div >
< div class = " media-body d-flex justify-content-between " >
< div class = " message-contents " >
< h4 class = " title " > New Task complete </ h4 >
< p class = " last-msg font-size-14 " > Nam ut nisi erat .
Ut quis tortor varius , hendrerit arcu quis ,
congue nisl . In scelerisque , sem ut ve .</ p >
< span class = " font-size-12 font-weight-medium text-secondary " >
< i class = " mdi mdi-clock-outline " ></ i > 2 hrs
ago ...
</ span >
</ div >
</ div >
</ a >
</ li >
</ ul >
</ div >
</ div >
</ div >
</ div >
< ul class = " dropdown-menu dropdown-menu-right d-none " >
< li class = " dropdown-header " > You have 5 notifications </ li >
< li >
< a href = " # " >
< i class = " mdi mdi-account-plus " ></ i > New user registered
< span class = " font-size-12 d-inline-block float-right " >< i class = " mdi mdi-clock-outline " ></ i > 10 AM </ span >
</ a >
</ li >
< li >
< a href = " # " >
< i class = " mdi mdi-account-remove " ></ i > User deleted
< span class = " font-size-12 d-inline-block float-right " >< i class = " mdi mdi-clock-outline " ></ i > 07 AM </ span >
</ a >
</ li >
< li >
< a href = " # " >
< i class = " mdi mdi-chart-areaspline " ></ i > Sales report is ready
< span class = " font-size-12 d-inline-block float-right " >< i class = " mdi mdi-clock-outline " ></ i > 12 PM </ span >
</ a >
</ li >
< li >
< a href = " # " >
< i class = " mdi mdi-account-supervisor " ></ i > New client
< span class = " font-size-12 d-inline-block float-right " >< i class = " mdi mdi-clock-outline " ></ i > 10 AM </ span >
</ a >
</ li >
< li >
< a href = " # " >
< i class = " mdi mdi-server-network-off " ></ i > Server overloaded
< span class = " font-size-12 d-inline-block float-right " >< i class = " mdi mdi-clock-outline " ></ i > 05 AM </ span >
</ a >
</ li >
< li class = " dropdown-footer " >
< a class = " text-center " href = " # " > View All </ a >
</ li >
</ ul >
</ li >
< li class = " right-sidebar-in right-sidebar-2-menu " >
< i class = " mdi mdi-settings-outline mdi-spin " ></ i >
</ li >
</ ul >
</ div >
</ nav >
</ header >
<!-- CONTENT WRAPPER -->
< div class = " ec-content-wrapper ec-vendor-wrapper " >
< div class = " content " >
< div class = " breadcrumb-wrapper d-flex align-items-center justify-content-between " >
< div >
< h1 > Vendor Card </ h1 >
< p class = " breadcrumbs " >< span >< a href = " index.php " > Home </ a ></ span >< span >< i class = " mdi mdi-chevron-right " ></ i ></ span > Vendor </ p >
</ div >
< div >
< button type = " button " class = " btn btn-primary " data - bs - toggle = " modal " data - bs - target = " #modal-add-member " > Add Vendor
</ button >
</ div >
</ div >
< div class = " card card-default p-4 ec-card-space " >
< div class = " ec-vendor-card mt-m-24px row " >
< div class = " col-lg-6 col-xl-4 col-xxl-3 " >
< div class = " card card-default mt-24px " >
< a href = " javascript:0 " data - bs - toggle = " modal " data - bs - target = " #modal-contact " class = " view-detail " >< i class = " mdi mdi-eye-plus-outline " ></ i >
</ a >
< div class = " vendor-info card-body text-center p-4 " >
< a href = " javascript:0 " class = " text-secondary d-inline-block mb-3 " >
< div class = " image mb-3 " >
< img src = " assets/img/vendor/u1.jpg " class = " img-fluid rounded-circle " alt = " Avatar Image " >
</ div >
< h5 class = " card-title text-dark " > Emma Smith </ h5 >
< ul class = " list-unstyled " >
< li class = " d-flex mb-1 " >
< i class = " mdi mdi-cellphone-basic mr-1 " ></ i >
< span >+ 91 963 - 852 - 7410 </ span >
</ li >
< li class = " d-flex " >
< i class = " mdi mdi-email mr-1 " ></ i >
< span > exmaple @ email . com </ span >
</ li >
</ ul >
</ a >
< div class = " row justify-content-center ec-vendor-detail " >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Items </ h6 >
< h5 > 180 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Sell </ h6 >
< h5 > 1908 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Payout </ h6 >
< h5 > $ 2691 </ h5 >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = " col-lg-6 col-xl-4 col-xxl-3 " >
< div class = " card card-default mt-24px " >
< a href = " javascript:0 " data - bs - toggle = " modal " data - bs - target = " #modal-contact " class = " view-detail " >< i class = " mdi mdi-eye-plus-outline " ></ i >
</ a >
< div class = " vendor-info card-body text-center p-4 " >
< a href = " javascript:0 " class = " text-secondary d-inline-block mb-3 " >
< div class = " image mb-3 " >
< img src = " assets/img/vendor/u2.jpg " class = " img-fluid rounded-circle " alt = " Avatar Image " >
</ div >
< h5 class = " card-title text-dark " > Bobly Smith </ h5 >
< ul class = " list-unstyled " >
< li class = " d-flex mb-1 " >
< i class = " mdi mdi-cellphone-basic mr-1 " ></ i >
< span >+ 91 863 - 852 - 7654 </ span >
</ li >
< li class = " d-flex " >
< i class = " mdi mdi-email mr-1 " ></ i >
< span > exmaple @ email . com </ span >
</ li >
</ ul >
</ a >
< div class = " row justify-content-center ec-vendor-detail " >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Items </ h6 >
< h5 > 65 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Sell </ h6 >
< h5 > 548 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Payout </ h6 >
< h5 > $ 254 </ h5 >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = " col-lg-6 col-xl-4 col-xxl-3 " >
< div class = " card card-default mt-24px " >
< a href = " javascript:0 " data - bs - toggle = " modal " data - bs - target = " #modal-contact " class = " view-detail " >< i class = " mdi mdi-eye-plus-outline " ></ i >
</ a >
< div class = " vendor-info card-body text-center p-4 " >
< a href = " javascript:0 " class = " text-secondary d-inline-block mb-3 " >
< div class = " image mb-3 " >
< img src = " assets/img/vendor/u3.jpg " class = " img-fluid rounded-circle " alt = " Avatar Image " >
</ div >
< h5 class = " card-title text-dark " > Robin Hood </ h5 >
< ul class = " list-unstyled " >
< li class = " d-flex mb-1 " >
< i class = " mdi mdi-cellphone-basic mr-1 " ></ i >
< span >+ 91 889 - 852 - 7466 </ span >
</ li >
< li class = " d-flex " >
< i class = " mdi mdi-email mr-1 " ></ i >
< span > exmaple @ email . com </ span >
</ li >
</ ul >
</ a >
< div class = " row justify-content-center ec-vendor-detail " >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Items </ h6 >
< h5 > 654 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Sell </ h6 >
< h5 > 548 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Payout </ h6 >
< h5 > $ 654 </ h5 >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = " col-lg-6 col-xl-4 col-xxl-3 " >
< div class = " card card-default mt-24px " >
< a href = " javascript:0 " data - bs - toggle = " modal " data - bs - target = " #modal-contact " class = " view-detail " >< i class = " mdi mdi-eye-plus-outline " ></ i >
</ a >
< div class = " vendor-info card-body text-center p-4 " >
< a href = " javascript:0 " class = " text-secondary d-inline-block mb-3 " >
< div class = " image mb-3 " >
< img src = " assets/img/vendor/u4.jpg " class = " img-fluid rounded-circle " alt = " Avatar Image " >
</ div >
< h5 class = " card-title text-dark " > devin chingol </ h5 >
< ul class = " list-unstyled " >
< li class = " d-flex mb-1 " >
< i class = " mdi mdi-cellphone-basic mr-1 " ></ i >
< span >+ 91 789 - 852 - 7865 </ span >
</ li >
< li class = " d-flex " >
< i class = " mdi mdi-email mr-1 " ></ i >
< span > exmaple @ email . com </ span >
</ li >
</ ul >
</ a >
< div class = " row justify-content-center ec-vendor-detail " >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Items </ h6 >
< h5 > 977 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Sell </ h6 >
< h5 > 987 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Payout </ h6 >
< h5 > $ 654 </ h5 >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = " col-lg-6 col-xl-4 col-xxl-3 " >
< div class = " card card-default mt-24px " >
< a href = " javascript:0 " data - bs - toggle = " modal " data - bs - target = " #modal-contact " class = " view-detail " >< i class = " mdi mdi-eye-plus-outline " ></ i >
</ a >
< div class = " vendor-info card-body text-center p-4 " >
< a href = " javascript:0 " class = " text-secondary d-inline-block mb-3 " >
< div class = " image mb-3 " >
< img src = " assets/img/vendor/u5.jpg " class = " img-fluid rounded-circle " alt = " Avatar Image " >
</ div >
< h5 class = " card-title text-dark " > Nitilo Smith </ h5 >
< ul class = " list-unstyled " >
< li class = " d-flex mb-1 " >
< i class = " mdi mdi-cellphone-basic mr-1 " ></ i >
< span >+ 91 658 - 852 - 7410 </ span >
</ li >
< li class = " d-flex " >
< i class = " mdi mdi-email mr-1 " ></ i >
< span > exmaple @ email . com </ span >
</ li >
</ ul >
</ a >
< div class = " row justify-content-center ec-vendor-detail " >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Items </ h6 >
< h5 > 654 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Sell </ h6 >
< h5 > 159 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Payout </ h6 >
< h5 > $ 951 </ h5 >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = " col-lg-6 col-xl-4 col-xxl-3 " >
< div class = " card card-default mt-24px " >
< a href = " javascript:0 " data - bs - toggle = " modal " data - bs - target = " #modal-contact " class = " view-detail " >< i class = " mdi mdi-eye-plus-outline " ></ i >
</ a >
< div class = " vendor-info card-body text-center p-4 " >
< a href = " javascript:0 " class = " text-secondary d-inline-block mb-3 " >
< div class = " image mb-3 " >
< img src = " assets/img/vendor/u6.jpg " class = " img-fluid rounded-circle " alt = " Avatar Image " >
</ div >
< h5 class = " card-title text-dark " > Mehulo Kathia </ h5 >
< ul class = " list-unstyled " >
< li class = " d-flex mb-1 " >
< i class = " mdi mdi-cellphone-basic mr-1 " ></ i >
< span >+ 91 698 - 852 - 7410 </ span >
</ li >
< li class = " d-flex " >
< i class = " mdi mdi-email mr-1 " ></ i >
< span > exmaple @ email . com </ span >
</ li >
</ ul >
</ a >
< div class = " row justify-content-center ec-vendor-detail " >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Items </ h6 >
< h5 > 658 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Sell </ h6 >
< h5 > 854 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Payout </ h6 >
< h5 > $ 634 </ h5 >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = " col-lg-6 col-xl-4 col-xxl-3 " >
< div class = " card card-default mt-24px " >
< a href = " javascript:0 " data - bs - toggle = " modal " data - bs - target = " #modal-contact " class = " view-detail " >< i class = " mdi mdi-eye-plus-outline " ></ i >
</ a >
< div class = " vendor-info card-body text-center p-4 " >
< a href = " javascript:0 " class = " text-secondary d-inline-block mb-3 " >
< div class = " image mb-3 " >
< img src = " assets/img/vendor/u7.jpg " class = " img-fluid rounded-circle " alt = " Avatar Image " >
</ div >
< h5 class = " card-title text-dark " > Bridg Stone </ h5 >
< ul class = " list-unstyled " >
< li class = " d-flex mb-1 " >
< i class = " mdi mdi-cellphone-basic mr-1 " ></ i >
< span >+ 91 333 - 852 - 7410 </ span >
</ li >
< li class = " d-flex " >
< i class = " mdi mdi-email mr-1 " ></ i >
< span > exmaple @ email . com </ span >
</ li >
</ ul >
</ a >
< div class = " row justify-content-center ec-vendor-detail " >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Items </ h6 >
< h5 > 652 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Sell </ h6 >
< h5 > 125 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Payout </ h6 >
< h5 > $ 475 </ h5 >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = " col-lg-6 col-xl-4 col-xxl-3 " >
< div class = " card card-default mt-24px " >
< a href = " javascript:0 " data - bs - toggle = " modal " data - bs - target = " #modal-contact " class = " view-detail " >< i class = " mdi mdi-eye-plus-outline " ></ i >
</ a >
< div class = " vendor-info card-body text-center p-4 " >
< a href = " javascript:0 " class = " text-secondary d-inline-block mb-3 " >
< div class = " image mb-3 " >
< img src = " assets/img/vendor/u8.jpg " class = " img-fluid rounded-circle " alt = " Avatar Image " >
</ div >
< h5 class = " card-title text-dark " > pintu Trainee </ h5 >
< ul class = " list-unstyled " >
< li class = " d-flex mb-1 " >
< i class = " mdi mdi-cellphone-basic mr-1 " ></ i >
< span >+ 91 698 - 866 - 7410 </ span >
</ li >
< li class = " d-flex " >
< i class = " mdi mdi-email mr-1 " ></ i >
< span > exmaple @ email . com </ span >
</ li >
</ ul >
</ a >
< div class = " row justify-content-center ec-vendor-detail " >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Items </ h6 >
< h5 > 658 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Sell </ h6 >
< h5 > 457 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Payout </ h6 >
< h5 > $ 874 </ h5 >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = " col-lg-6 col-xl-4 col-xxl-3 " >
< div class = " card card-default mt-24px " >
< a href = " javascript:0 " data - bs - toggle = " modal " data - bs - target = " #modal-contact " class = " view-detail " >< i class = " mdi mdi-eye-plus-outline " ></ i >
</ a >
< div class = " vendor-info card-body text-center p-4 " >
< a href = " javascript:0 " class = " text-secondary d-inline-block mb-3 " >
< div class = " image mb-3 " >
< img src = " assets/img/vendor/u9.jpg " class = " img-fluid rounded-circle " alt = " Avatar Image " >
</ div >
< h5 class = " card-title text-dark " > DL Kapdia </ h5 >
< ul class = " list-unstyled " >
< li class = " d-flex mb-1 " >
< i class = " mdi mdi-cellphone-basic mr-1 " ></ i >
< span >+ 91 332 - 852 - 3215 </ span >
</ li >
< li class = " d-flex " >
< i class = " mdi mdi-email mr-1 " ></ i >
< span > exmaple @ email . com </ span >
</ li >
</ ul >
</ a >
< div class = " row justify-content-center ec-vendor-detail " >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Items </ h6 >
< h5 > 180 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Sell </ h6 >
< h5 > 1908 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Payout </ h6 >
< h5 > $ 2691 </ h5 >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = " col-lg-6 col-xl-4 col-xxl-3 " >
< div class = " card card-default mt-24px " >
< a href = " javascript:0 " data - bs - toggle = " modal " data - bs - target = " #modal-contact " class = " view-detail " >< i class = " mdi mdi-eye-plus-outline " ></ i >
</ a >
< div class = " vendor-info card-body text-center p-4 " >
< a href = " javascript:0 " class = " text-secondary d-inline-block mb-3 " >
< div class = " image mb-3 " >
< img src = " assets/img/vendor/u10.jpg " class = " img-fluid rounded-circle " alt = " Avatar Image " >
</ div >
< h5 class = " card-title text-dark " > Manu Semli </ h5 >
< ul class = " list-unstyled " >
< li class = " d-flex mb-1 " >
< i class = " mdi mdi-cellphone-basic mr-1 " ></ i >
< span >+ 91 654 - 852 - 7744 </ span >
</ li >
< li class = " d-flex " >
< i class = " mdi mdi-email mr-1 " ></ i >
< span > exmaple @ email . com </ span >
</ li >
</ ul >
</ a >
< div class = " row justify-content-center ec-vendor-detail " >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Items </ h6 >
< h5 > 252 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Sell </ h6 >
< h5 > 542 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Payout </ h6 >
< h5 > $ 854 </ h5 >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = " col-lg-6 col-xl-4 col-xxl-3 " >
< div class = " card card-default mt-24px " >
< a href = " javascript:0 " data - bs - toggle = " modal " data - bs - target = " #modal-contact " class = " view-detail " >< i class = " mdi mdi-eye-plus-outline " ></ i >
</ a >
< div class = " vendor-info card-body text-center p-4 " >
< a href = " javascript:0 " class = " text-secondary d-inline-block mb-3 " >
< div class = " image mb-3 " >
< img src = " assets/img/vendor/u11.jpg " class = " img-fluid rounded-circle " alt = " Avatar Image " >
</ div >
< h5 class = " card-title text-dark " > Niki Smith </ h5 >
< ul class = " list-unstyled " >
< li class = " d-flex mb-1 " >
< i class = " mdi mdi-cellphone-basic mr-1 " ></ i >
< span >+ 91 45 + 6 - 852 - 5522 </ span >
</ li >
< li class = " d-flex " >
< i class = " mdi mdi-email mr-1 " ></ i >
< span > exmaple @ email . com </ span >
</ li >
</ ul >
</ a >
< div class = " row justify-content-center ec-vendor-detail " >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Items </ h6 >
< h5 > 425 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Sell </ h6 >
< h5 > 352 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Payout </ h6 >
< h5 > $ 421 </ h5 >
</ div >
</ div >
</ div >
</ div >
</ div >
< div class = " col-lg-6 col-xl-4 col-xxl-3 " >
< div class = " card card-default mt-24px " >
< a href = " javascript:0 " data - bs - toggle = " modal " data - bs - target = " #modal-contact " class = " view-detail " >< i class = " mdi mdi-eye-plus-outline " ></ i >
</ a >
< div class = " vendor-info card-body text-center p-4 " >
< a href = " javascript:0 " class = " text-secondary d-inline-block mb-3 " >
< div class = " image mb-3 " >
< img src = " assets/img/vendor/u12.jpg " class = " img-fluid rounded-circle " alt = " Avatar Image " >
</ div >
< h5 class = " card-title text-dark " > Jullie Bronzna </ h5 >
< ul class = " list-unstyled " >
< li class = " d-flex mb-1 " >
< i class = " mdi mdi-cellphone-basic mr-1 " ></ i >
< span >+ 91 325 - 852 - 6543 </ span >
</ li >
< li class = " d-flex " >
< i class = " mdi mdi-email mr-1 " ></ i >
< span > exmaple @ email . com </ span >
</ li >
</ ul >
</ a >
< div class = " row justify-content-center ec-vendor-detail " >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Items </ h6 >
< h5 > 254 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Sell </ h6 >
< h5 > 574 </ h5 >
</ div >
< div class = " col-4 " >
< h6 class = " text-uppercase " > Payout </ h6 >
< h5 > $ 325 </ h5 >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
<!-- Contact Modal -->
< div class = " modal fade " id = " modal-contact " tabindex = " -1 " role = " dialog " aria - hidden = " true " >
< div class = " modal-dialog modal-dialog-centered modal-lg " role = " document " >
< div class = " modal-content " >
< div class = " modal-header justify-content-end border-bottom-0 " >
< button type = " button " class = " btn-edit-icon " data - bs - dismiss = " modal " aria - label = " Close " >
< i class = " mdi mdi-pencil " ></ i >
</ button >
< div class = " dropdown " >
< button class = " btn-dots-icon " type = " button " id = " dropdownMenuButton " data - bs - toggle = " dropdown " aria - haspopup = " true " aria - expanded = " false " >
< i class = " mdi mdi-dots-vertical " ></ i >
</ button >
< div class = " dropdown-menu dropdown-menu-right " >
< a class = " dropdown-item " href = " # " > Action </ a >
< a class = " dropdown-item " href = " # " > Another action </ a >
< a class = " dropdown-item " href = " # " > Something else here </ a >
</ div >
</ div >
< button type = " button " class = " btn-close-icon " data - bs - dismiss = " modal " aria - label = " Close " >
< i class = " mdi mdi-close " ></ i >
</ button >
</ div >
< div class = " modal-body pt-0 " >
< div class = " row no-gutters " >
< div class = " col-md-6 " >
< div class = " profile-content-left px-4 " >
< div class = " text-center widget-profile px-0 border-0 " >
< div class = " card-img mx-auto rounded-circle " >
< img src = " assets/img/user/u1.jpg " alt = " user image " >
</ div >
< div class = " card-body " >
< h4 class = " py-2 text-dark " > John Deo </ h4 >
< p > john . example @ gmail . com </ p >
< a class = " btn btn-primary btn-pill my-3 " href = " # " > Follow </ a >
</ div >
</ div >
< div class = " d-flex justify-content-between " >
< div class = " text-center pb-4 " >
< h6 class = " text-dark pb-2 " > 1503 </ h6 >
< p > Items </ p >
</ div >
< div class = " text-center pb-4 " >
< h6 class = " text-dark pb-2 " > 2905 </ h6 >
< p > Sell </ p >
</ div >
< div class = " text-center pb-4 " >
< h6 class = " text-dark pb-2 " > 1200 </ h6 >
< p > Payout </ p >
</ div >
</ div >
</ div >
</ div >
< div class = " col-md-6 " >
< div class = " contact-info px-4 " >
< h4 class = " text-dark mb-1 " > Contact Details </ h4 >
< p class = " text-dark font-weight-medium pt-3 mb-2 " > Email address </ p >
< p > john . example @ gmail . com </ p >
< p class = " text-dark font-weight-medium pt-3 mb-2 " > Phone Number </ p >
< p >+ 00 1234 5678 91 </ p >
< p class = " text-dark font-weight-medium pt-3 mb-2 " > Birthday </ p >
< p > Dec 10 , 1991 </ p >
< p class = " text-dark font-weight-medium pt-3 mb-2 " > Event </ p >
< p class = " mb-2 " > Lorem Ipsum is simply dummy text of the printing and typesetting industry .</ p >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
<!-- Add Contact Button -->
< div class = " modal fade " id = " modal-add-member " tabindex = " -1 " role = " dialog " aria - hidden = " true " >
< div class = " modal-dialog modal-dialog-centered modal-sm " role = " document " style = " max-width: 800px; " >
< div class = " modal-content " >
< form action = " vendor_card_action.php " method = " post " >
< div class = " modal-header " >
< h3 > Add Vendor </ h3 >
</ div >
< div class = " modal-body " >
< div class = " row " >
< div class = " ec-vendor-block-img space-bottom-30 " >
<!-- < div class = " ec-vendor-block-bg cover-upload " >
< div class = " thumb-upload " >
< div class = " thumb-edit " >
< input type = 'file' id = " thumbUpload01 " class = " ec-image-upload " accept = " .png, .jpg, .jpeg " />
< label >< i class = " fi-rr-edit " ></ i ></ label >
</ div >
< div class = " thumb-preview ec-preview " >
< div class = " image-thumb-preview " >
< img class = " image-thumb-preview ec-image-preview v-img " src = " /assets/images/banner/7.jpg " alt = " edit " />
</ div >
</ div >
</ div >
</ div >
< div class = " ec-vendor-block-detail " >
< div class = " thumb-upload " >
< div class = " thumb-edit " >
< input type = 'file' id = " thumbUpload02 " class = " ec-image-upload " accept = " .png, .jpg, .jpeg " />
< label >< i class = " fi-rr-edit " ></ i ></ label >
</ div >
< div class = " thumb-preview ec-preview " >
< div class = " image-thumb-preview " >
< img class = " image-thumb-preview ec-image-preview v-img " src = " /assets/images/vendor/5.jpg " alt = " edit " />
</ div >
</ div >
</ div >
</ div > -->
< div class = " ec-vendor-upload-detail " >
< div class = " col-md-12 space-t-15 " >
< label class = " form-label " > Company Name </ label >
< input type = " text " class = " form-control " name = " company " >
</ div >
< div class = " row " >
< div class = " col-md-6 space-t-15 " >
< label class = " form-label " > First name </ label >
< input type = " text " class = " form-control " name = " firstname " >
</ div >
< div class = " col-md-6 space-t-15 " >
< label class = " form-label " > Last name </ label >
< input type = " text " class = " form-control " name = " lastname " >
</ div >
</ div >
< div class = " col-md-12 space-t-15 " >
< label class = " form-label " > About </ label >
< textarea class = " form-control " id = " exampleFormControlTextarea1 " rows = " 3 " name = " about " ></ textarea >
</ div >
< div class = " col-md-12 space-t-15 " >
< label class = " form-label " > Address 1 </ label >
< input type = " text " class = " form-control " name = " address1 " >
</ div >
< div class = " col-md-12 space-t-15 " >
< label class = " form-label " > Address 2 </ label >
< input type = " text " class = " form-control " name = " address2 " >
</ div >
< div class = " row " >
< div class = " col-md-6 space-t-15 " >
< label class = " form-label " > City </ label >
< input type = " text " class = " form-control " name = " city " >
</ div >
< div class = " col-md-6 space-t-15 " >
< label class = " form-label " > Province </ label >
< input type = " text " class = " form-control " name = " province " >
</ div >
</ div >
< div class = " row " >
< div class = " col-md-5 space-t-15 " >
< label class = " form-label " > Region </ label >
< input type = " text " class = " form-control " name = " region " >
</ div >
< div class = " col-md-5 space-t-15 " >
< label class = " form-label " > Country </ label >
< input type = " text " class = " form-control " name = " country " >
</ div >
< div class = " col-md-2 space-t-15 " >
< label class = " form-label " > Zip </ label >
< input type = " text " class = " form-control " name = " zip " >
</ div >
</ div >
< div class = " row " >
< div class = " col-md-6 space-t-15 " >
< label class = " form-label " > Email </ label >
< input type = " text " class = " form-control " name = " email " >
</ div >
< div class = " col-md-6 space-t-15 " >
< label class = " form-label " > Phone </ label >
< input type = " text " class = " form-control " name = " phone " >
</ div >
</ div >
<!-- < div class = " col-md-6 space-t-15 " >
< label class = " form-label " > SSN OR EIN </ label >
< input type = " text " class = " form-control " >
</ div >
< div class = " col-md-6 space-t-15 " >
< label class = " form-label " > Business Type </ label >
< select name = " categories " class = " form-select " >
< option value = " individual " > Individual </ option >
< option value = " corporation " > Corporation </ option >
< option value = " prtnership " > Prtnership </ option >
</ select >
</ div >
< div class = " col-md-6 space-t-15 " >
< label class = " form-label " > Bank Name </ label >
< select name = " categories " class = " form-select " >
< option value = " bobob " > Bank of BOBOB </ option >
< option value = " sbisb " > Bank of SBISB </ option >
< option value = " bnktolyo " > Bank of Tokyo </ option >
</ select >
</ div >
< div class = " col-md-6 space-t-15 " >
< label class = " form-label " > Bank Account No </ label >
< input type = " text " class = " form-control " >
</ div >
< div class = " col-md-6 space-t-15 " >
< label class = " form-label " > PAN NO </ label >
< input type = " text " class = " form-control " >
</ div > -->
</ div >
</ div >
</ div >
</ div >
< div class = " modal-footer " >
< button type = " submit " class = " btn btn-primary " > Submit </ button >
< a href = " # " class = " btn btn-secondary " data - bs - dismiss = " modal " aria - label = " Close " > Close </ a >
</ div >
</ form >
</ div >
</ div >
</ div >
</ div > <!-- End Content -->
</ div > <!-- End Content Wrapper -->
<!-- Footer -->
< footer class = " footer mt-auto " >
< div class = " copyright bg-white " >
< p >
Copyright & copy ; < span id = " ec-year " ></ span >< a class = " text-primary " href = " https://themeforest.net/user/ashishmaraviya " target = " _blank " > Ekka Admin Dashboard </ a >. All Rights Reserved .
</ p >
</ div >
</ footer >
</ div > <!-- End Page Wrapper -->
</ div > <!-- End Wrapper -->
<!-- Common Javascript -->
< script src = " assets/plugins/jquery/jquery-3.5.1.min.js " ></ script >
< script src = " assets/js/bootstrap.bundle.min.js " ></ script >
< script src = " assets/plugins/simplebar/simplebar.min.js " ></ script >
< script src = " assets/plugins/jquery-zoom/jquery.zoom.min.js " ></ script >
< script src = " assets/plugins/slick/slick.min.js " ></ script >
<!-- Option Switcher -->
< script src = " assets/plugins/options-sidebar/optionswitcher.js " ></ script >
<!-- Ekka Custom -->
< script src = " assets/js/ekka.js " ></ script >
</ body >
</ html >
