CINXE.COM
<!DOCTYPE HTML> <html lang="en-us"> <head> <script async> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-WRDYX4KJG7'); </script> <meta name="robots" content="noindex"> <meta charset="UTF-8"> <!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\n --> <!-- <meta http-equiv=\"Content-Language\" content=\"en-us\">\n --> <title></title> <meta name="description" content=""> <base href="https://www.clocate.com/"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script>!window.jQuery && document.write('<script src="/jquery/jquery-3.4.1.min.js"><\/script>');</script> <!-- <link rel="preload" href="https://fonts.googleapis.com/css?family=Roboto:900,900italic,700,700italic,400,400italic,300,300italic&display=swap" as="style"> <link href='https://fonts.googleapis.com/css?family=Roboto:900,900italic,700,700italic,400,400italic,300,300italic&display=swap' rel='stylesheet' type='text/css'> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" /> --> <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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> <link href="/bootstrap-5.0.2-dist/css/bootstrap.min.css" rel="stylesheet"> <script src="/bootstrap-5.0.2-dist/js/bootstrap.bundle.min.js"></script> <!-- <link rel='stylesheet' href='https://cdn-uicons.flaticon.com/2.6.0/uicons-solid-rounded/css/uicons-solid-rounded.css'> --> <link rel="stylesheet" href="/bootstrap-datepicker-latest/css/bootstrap-datepicker.css"> <script src="/bootstrap-datepicker-latest/js/bootstrap-datepicker.min.js"></script> <script src="/typeahead/typeahead.min.js"></script> <script src="https://kit.fontawesome.com/c3367ecfd5.js" crossorigin="anonymous"></script> <!-- <script src="/funcs.js?v=126"></script> --> <script src="/funcs.min.js?v=126"></script> <!-- <link rel="stylesheet" type="text/css" href="/clocate.css?v=149"/> --> <link rel="stylesheet" type="text/css" href="/clocate.min.css?v=149"/> <script async type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=646db73c413e9c001905a1c9&product=inline-share-buttons&source=platform" async="async"></script> <!-- <script data-ad-client="ca-pub-7614143061394066" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> --> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-7614143061394066", enable_page_level_ads: true }); // Google consent gtag('consent', 'default', { 'ad_user_data': 'denied', 'ad_personalization': 'granted', 'ad_storage': 'granted', 'analytics_storage': 'granted', 'wait_for_update': 500, }); </script> <script src="/tinymce_4.2.7/tinymce.min.js"></script> <script> tinymce.init({ selector: "textarea#desc", theme: "modern", width: '100%', height: 220, plugins: [ "advlist autolink link lists anchor spellchecker", "searchreplace wordcount code insertdatetime" ], menubar : false, toolbar: "bold italic underline alignleft | bullist numlist | outdent indent undo", statusbar : false, }); tinymce.init({ selector: "textarea#specific_remarks", theme: "modern", width: '100%', height: 100, plugins: [ "advlist autolink link lists anchor spellchecker", "searchreplace wordcount code insertdatetime" ], menubar : false, toolbar: "bold italic underline alignleft | bullist numlist | outdent indent undo", statusbar : false, }); //document.onkeypress = kH; //if (document.layers) document.captureEvents(Event.KEYPRESS); $(document).keypress(function (e) { if (e.which == 13) { if (e.target.id != "topics" && e.target.id != "attend_list") return false; } }); $(document).ready(function() { // $('html, body').animate({scrollTop:20},'slow'); // Adjust heights of columns var promH = $('#promotion_div').height(); var distH = 0; if ($('#distribution_div').length > 0) distH = $('#distribution_div').height(); var leadsH = $('#leads_div').height() var maxH = Math.max (promH, distH, leadsH); //alert ('prom=' + promH + ' distH=' + distH + ' leads=' + leadsH + ' max=' + maxH); if (promH < maxH) $('#promotion_div').height( maxH ); if (distH > 0 && distH < maxH) $('#distribution_div').height( maxH ); if (leadsH < maxH) $('#leads_div').height( maxH ); if (window.matchMedia('screen and (min-width: 767px)').matches) { $('[id^="featureRow_"]').each(function() { var res = $(this).attr('id').split('_'); $("#feature_" + res[1] + '1').height( $(this).height() ); $("#feature_" + res[1] + '2').height( $(this).height() ); $("#feature_" + res[1] + '3').height( $(this).height() ); $("#feature_" + res[1] + '4').height( $(this).height() ); }); } $("a[href='#tab2'], a[href='#tab3'], a[href='#tab4'], a[href='#tab5']").on('shown.bs.tab', function(e) { if ( $('#dupl_push').val() == 'n' && !empty($('#event').val()) && !empty($('#web').val()) && !empty($('#addconf_fdate').val()) ) { alert('Please, check if the event already exists in our database'); field_focus($('#check_button'), 'tab1'); } if ( $('#dupl_push').val() == 'd' ) { // Event exists field_focus($('#check_button'), 'tab1'); check_duplicate_events(); } }); }); function prep_description() { var modal_body = ''; attend_types = [ "", "Attendees from", "Attendees such as", "Attendees with job titles such as", "Attendees involved or interested in", "Attendees with responsibilities in" ]; var preface = $("#focus").val().replace(/^[^\x20-\x7E]*\s+|\s+$/g,""); // trim; if ( !empty(preface) ) preface = '<p>' + preface + '</p>'; var topics_type = $("#topics_type option:selected").text(); if ($("#topics_type option:selected").val() == 0) topics_type = 'Topics'; else if (topics_type == 'Other') topics_type = ''; var topics_del = $("#topics_del option:selected").val(); // delimiter_types: 0 ~ , ; empty var topics = $("#topics").val(); if ( !empty(topics) ) { if (topics_del != 0 && topics_del != '' && topics_type != '') { topics = prep_bullets(topics, topics_del); } topics = '<h3>' + topics_type + '</h3>' + topics; } var attend_type = $("#attend_type option:selected").val(); var attend_del = $("#attend_del option:selected").val(); // delimiter_types: 0 ~ , ; empty var attendees = $("#attend_list").val(); if ( !empty(attendees) ) { if (attend_del != 0 && attend_del != '') { attendees = prep_bullets(attendees, attend_del); } attendees = '<h3>Who Should Attend</h3><p>' + attend_types[attend_type] + ':</p>' + attendees; } modal_body = preface + topics + attendees; if (modal_body == '') modal_body = '<span style="color:red;">Description details are missing</span>'; $("#modal_container .modal-title").html('Description Result'); $("#modal_container .modal-title").trigger('change'); $("#modal_container .modal-body").html(modal_body); $("#modal_container .modal-body").trigger('change'); modal_container = new bootstrap.Modal(document.getElementById("modal_container")); modal_container.show(); } function prep_bullets(str, delimiter) { var result = "<ul>"; if (delimiter=="~") { str = str.replace(/\n/g,delimiter); } var str_a = str.split(delimiter); for (i in str_a) { str_a[i]=str_a[i].replace(/^[^\x20-\x7E]*\s*\d+\s*[\.)]{1}/,""); // delete numbers at the begining of each line str_a[i]=str_a[i].replace(/^[^\x20-\x7E]*\s*[\-\�\+]\s*/,""); // delete "-" or "�" or '+' at the begining of each line str_a[i] = str_a[i].replace(/^[^\x20-\x7E]*\s+|\s+$/g,""); // trim; if (str_a[i] == "") str_a.splice(i,1); // Remove empty items else { str_a[i]=str_a[i].replace(/\s*[\.,;]$/g,""); // delete a point at the end of each paragraph str_a[i]=str_a[i].replace(/[^\W\w]/g,""); result += "<li>" + str_a[i].substr(0,1).toUpperCase() + str_a[i].substr(1) + "</li>"; } } result = result.replace(/\s*\,\s*\,/g,","); result += "</ul>"; return result; } function onchange_organizer_addconf() { ajax_modal( 'org_message', $('#org_code').val(), encodeURIComponent($('#org').val()) ); } </script> </head> <body> <nav class="navbar navbar-expand-lg bg-white navbar-light shadow-sm fixed-top align-items-end"> <a class="navbar-brand py-2" href="https://www.clocate.com" title="Conference Locate (Clocate)"> <img src="/images/logo.png" class="img-responsive" alt="Conference Locate (Clocate)"> </a> <button class="navbar-toggler mb-2 me-2" type="button" data-bs-toggle="collapse" data-bs-target="#navCollapse" aria-controls="navCollapse" aria-expanded="false" aria-label="Toggle Navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navCollapse"> <ul class="navbar-nav me-auto"> <li class="nav-item"> <a href="/" title="Home page - Conference Locate (Clocate)" class="nav-link "><i class="fa-sharp fa-regular fa-home text-orange"></i></a> </li> <li class="nav-item"> <a href="/international-conferences/" title="International Conferences 2024, 2025 | International Exhibitions 2024, 2025" class="nav-link ">Events</a> </li> <li class="nav-item"> <a href="/event-organizers/" title="Event Organizers" class="nav-link ">Organizers</a> </li> <li class="nav-item"> <a href="/international-venues/" title="International Venues" class="nav-link ">Venues</a> </li> <li class="nav-item"> <a rel="nofollow" href="/add-conference/" title="Add an Event" class="nav-link ">Add Event</a> </li> <li class="nav-item dropdown me-3"> <a class="nav-link dropdown-toggle " data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Subscribe</a> <ul class="dropdown-menu"> <li><a rel="nofollow" href="/subscribe/" title="Subscribe to Conference Locate (Clocate)" class="dropdown-item text-a0a0a0">Subscribe</a> <a rel="nofollow" href="/sign_in/" title="Sign in" class="dropdown-item text-a0a0a0">Sign In</a></li> </ul> </li> <li class="nav-item pe-2 dropdown"> <button type="button" class="btn btn-sm btn-outline-light mt-2 dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="fa-sharp-duotone fa-solid fa-car-building fa-lg" style="--fa-primary-color: #860922; --fa-primary-opacity: 1; --fa-secondary-color: #3066c5; --fa-secondary-opacity: 1;"></i> <i class="fa-duotone fa-solid fa-panorama fa-lg text-success"></i> <i class="fa-duotone fa-masks-theater fa-lg text-orange"></i> </button> <ul class="dropdown-menu"> <li><a rel="nofollow" href="/clocate_hotels.php?lbl=nav" class="dropdown-item text-primary" target="_blank" title="Conference Hotels">Hotels</a></li> <li><a rel="nofollow" href="/rentalcars.php?lbl=other" class="dropdown-item text-bordo" target="_blank" title="Car Rental for Conference">Car Rental</a></li> <li><a rel="nofollow" href="https://www.viator.com/?pid=P00212334&mcid=42383&medium=link&campaign=" title="Tours & Transpot" class="dropdown-item text-success" target="_blank"><b>Tours & Transport</b></a></li> <li><a rel="nofollow" href="/clocate_tickets.php?s=" title="Concerts/Sports/Theater/Festivals Tickets" class="dropdown-item text-orange" target="_blank">Event Tickets</a></li> </ul> </li> </ul> <ul class="navbar-nav ms-auto me-2"> <li class="nav-item"> <a href="#" data-bs-toggle="modal" data-bs-target="#modal_search" title="Search Conferences" class="nav-link text-primary"><i class="fas fa-search"></i></a> </li> <li class="nav-item ms-2" id="google_translate_element"></li> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'ar,de,es,fr,ru,zh-CN,en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true}, 'google_translate_element'); } </script> <script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> </ul> </div> </nav> <div class="container-fluid bg-grey"> <div class="container py-4"> <div class="text-center"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- cl-default-728 --> <ins class="adsbygoogle" style="display:inline-block;min-width:250px;max-width:1140px;width:100%;height:90px" data-ad-client="ca-pub-7614143061394066" data-ad-slot="5545903293"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- style="display:block" data-ad-format="auto" data-full-width-responsive="true" --> </div> <div class="white-container my-4"> <h1 class="bg-hdr">Update an Event - Email Verification</h1> <form name="addconf_id" id="addconf_id" action="/update-conference/24861/" method="post" onsubmit="return validate_addconf_id();"> <div class="row mb-3"> <label class="col-md-2 col-form-label">Name:<span class="f-sm text-orange"><sup><i class="fas fa-asterisk fa-xs"></i></sup></span></label> <div class="col-md-10"> <input type="text" id="name" name="name" value="" class="form-control" placeholder="Your name"> </div> </div> <div class="row mb-3"> <label class="col-md-2 col-form-label">Email:<span class="f-sm text-orange"><sup><i class="fas fa-asterisk fa-xs"></i></sup></span></label> <div class="col-md-10"> <input type="text" id="nmail" name="nmail" value="" class="form-control" placeholder="Your email"> </div> </div> <div class="row mb-3"> <div class="offset-2 col-10"> Click the button below and a verification code will be sent to your email. </div> </div> <div class="row mb-3"> <div class="offset-lg-2 col-lg-3 col-md-4 mt-2"> <button type="submit" class="btn btn-primary btn-block" onclick="$('#mod').val('verify')">Verify yor Email</button> </div> </div> <input type="hidden" id="mod" name="mod" value=""> <input type="hidden" id="prom" name="prom" value=""> </form> </div> </div> </div> <div class="modal fade" id="modal_promotion" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header text-center bg-orange text-white"> <h4 class="modal-title">Event Promotion benefits</h4> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body p-4"> <div class="p-3 addconf-promotion-border"> <div class="table-responsive"><table class="table table-striped f-md table-hover"><tr><td></td><td class="f-md text-orange"><i class="fas fa-check"></i></td><td class="f-md">The event is <span class="text-orange font-weight-bold">advertised</span> in all of our website's major pages, including homepage</td></tr><tr><td></td><td class="f-md text-orange"><i class="fas fa-check"></i></td><td class="f-md">The event is <span class="text-orange font-weight-bold">top positioned and highlighted</span> in relevant search results</td></tr><tr><td></td><td class="f-md text-orange"><i class="fas fa-check"></i></td><td class="f-md">The event is promoted on <span class="text-orange font-weight-bold">Facebook, Twitter and LinkedIn</span></td></tr><tr><td></td><td class="f-md text-orange"><i class="fas fa-check"></i></td><td class="f-md">The event is published in our <span class="text-orange font-weight-bold">monthly newsletter</span></td></tr><tr><td></td><td class="f-md text-orange"><i class="fas fa-check"></i></td><td class="f-md">Your selected <span class="text-orange font-weight-bold">banner/logo</span> is displayed in the event's page</td></tr><tr><td></td><td class="f-md text-orange"><i class="fas fa-check"></i></td><td class="f-md">A link to your selected <span class="text-orange font-weight-bold">registration form</span> is added to the event's page</td></tr><tr><td></td><td class="f-md text-orange"><i class="fas fa-check"></i></td><td class="f-md"> <span class="text-dark fw-bold">Pay only 9.99 US$ a month</span> <span class="text-dark fw-bold f-sm">(Minimum payment: $14.99)</span></td></tr></table></div> </div> </div> </div> </div> </div> <div class="modal fade" id="modal_service" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header text-center" style="font-style:italic; color:#fff; background-color:#86a24d;"> <h4 class="modal-title">Our Service</h4> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body f-md p-4"> <div class="p-3 addconf-service-border"> If you have several events you want to add, our team can do it for you and save you time.<br> All you have to do is to provide us with a list of websites of the events<br><br> In Addition: <ul class="fa-ul"> <li><span class="fa-li"><i class="fas fa-check" style="color:#86a24d"></i></span>A link to your <b>registration form</b> is added to our website and can be accessed by our millions of visitors</li> </ul> </div> </div> </div> </div> </div> <div class="container_fluid"> <div class="bg-footer"> <div class="container py-4"> <div class="d-flex justify-content-center pt-4"> <div class="text-center f-sm"> <a href="/" title="Home page" class="text-grey me-2">Home</a><span class="me-1">|</span> <a href="/international-conferences/" title="Conferences" class="text-grey me-1">Conferences</a><span class="me-1">|</span> <a href="/international-exhibitions/" title="International Exhibition" class="text-grey me-2">Exhibitions</a><span class="me-1">|</span> <a href="/event-organizers/" title="Event Organizers" class="text-grey me-2">Organizers</a><span class="me-1">|</span> <a href="/international-venues/" title="International Venues" class="text-grey me-2">Venues</a><span class="me-1">|</span> <a rel="nofollow" href="/add-conference/" title="Add a Conference" class="text-grey me-2">Add Conference</a><span class="me-1">|</span> <a rel="nofollow" href="/subscribe/" title="Subscribe" class="text-grey me-2">Subscribe</a><span class="me-1">|</span> <a rel="nofollow" href="javascript:void(0);" onclick="$('#contact_hidden_form').submit();void(0);" title="Contact Conference Locate (Clocate)" class="text-grey me-1">Contact</a><span class="me-1">|</span> <a href="https://www.venuedir.com/" title="Venues Directory" target="_blank" class="text-grey">Venues Directory</a> <form style="display: none;" action="/contact/" method="POST" id="contact_hidden_form"> <input type="hidden" id="contact_prev_url" name="contact_prev_url" value="/update-conference/24861/"> </form> </div> </div> <div class="row justify-content-center pt-3"> <div class="col-lg-3 col-md-4"> <div class="justify-content-center text-center"> <div class="fw-bold text-a0a0a0 mt-1">Share</div> <div class="sharethis-inline-share-buttons"></div> </div> </div> <div class="col-lg-3 col-md-4"> <div class="justify-content-center text-center"> <div class="fw-bold text-a0a0a0 mt-1">Follow</div> <div class="follow-position"> <a href="https://www.facebook.com/Clocate" target="_blank" class="btn follow-icon me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Follow us on Facebook" data-bs-original-title="Follow us on Facebook"> <span class="fa-stack fa-lg text-dark-blue"> <i class="fa-solid fa-circle fa-stack-2x"></i> <i class="fa-brands fa-facebook-f fa-stack-1x text-light"></i> </span> </a> <a href="https://twitter.com/clocate" target="_blank" class="btn follow-icon me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Follow us on Twitter" data-bs-original-title="Follow us on Twitter"> <span class="fa-stack fa-lg text-dark"> <i class="fa-solid fa-circle fa-stack-2x"></i> <i class="fa-brands fa-x-twitter fa-stack-1x text-light"></i> </span> </a> <a href="https://www.linkedin.com/company/clocate/" target="_blank" class="btn follow-icon me-1" data-bs-toggle="tooltip" data-bs-placement="top" title="Follow us on LinkedIn" data-bs-original-title="Follow us on LinkedIn"> <span class="fa-stack fa-lg text-light-blue"> <i class="fa-solid fa-circle fa-stack-2x"></i> <i class="fa-brands fa-linkedin-in fa-stack-1x text-light"></i> </span> </a> <a href="#" onclick="CreateYoutubeDialog('youtube_commercial');return false;" class="btn follow-icon" data-bs-toggle="tooltip" data-bs-placement="top" title="Watch our video on YouTube" data-bs-original-title="Watch our video on YouTube"> <span class="fa-stack fa-lg text-danger"> <i class="fa-solid fa-circle fa-stack-2x"></i> <i class="fa-brands fa-youtube fa-stack-1x text-light"></i> </span> </a> </div> </div> </div> </div> <div class="d-flex justify-content-center pt-4"> <div class="text-center f-sm"> <a rel="nofollow" href="/terms_conditions/" title="Conference Locate (Clocate) terms and conditions" class="text-grey me-3">Terms and Conditions</a> <a rel="nofollow" href="/privacy_policy/" title="Privacy Policy" class="text-grey me-3">Privacy Policy</a> <a rel="nofollow" href="javascript:ajax_modal('cookies','','')" title="Cookies Policy" class="text-grey me-3">Cookies Policy</a> </div> </div> <div class="d-flex justify-content-center pt-4"> <div class="text-center f-sm text-grey"> © 2024 Conference Locate (Clocate) </div> </div> </div> </div> </div> <div id="youtube_commercial"></div> <script async src="/footer_funcs.js"></script> <div id="cookie_consent_div"></div> <div class="modal fade" id="modal_search" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title fw-bold">Search for Events</h4> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="bg-grey p-2"> <form id="query" name="query" action="#" class="p-3"> <div class="row mb-3"> <div class="col-12"> <input type="text" id="text_search" name="text_search" value="" class="form-control w-100 searchtext placeholder" Category, Keywords, Phrase (use “ ”), Event data-val="" placeholder="Category, Keywords, Phrase (use “ ”), Event" maxlength="200"> <input type="hidden" name="search_code" id="search_code" value=""> <input type="hidden" name="search_text" id="search_text" value=""> </div> </div> <div class="row mb-3"> <div class="col-12"> <input type="text" id="country_city" name="country_city" value="" class="form-control w-100 searchloc placeholder" Category, Keywords, Phrase (use “ ”), Event data-val="" placeholder="Country, City" maxlength="200"> <input type="hidden" name="location" id="location" value=""> <input type="hidden" name="ci_code" id="ci_code" value=""> <input type="hidden" name="st_code" id="st_code" value=""> <input type="hidden" name="co_code" id="co_code" value=""> </div> </div> <div class="row mb-3"> <div class="col-12"> <div class="input-daterange input-group w-100"> <input type="text" class="form-control" name="fdate" id="fdate" value="" readonly placeholder="Start date"> <span class="input-group-addon"></span> <input type="text" class="form-control" name="tdate" id="tdate" value="" readonly placeholder="End date"> </div> </div> </div> <div class="row g-2 mb-3"> <div class="col"> <div class="d-grid d-block"> <button type="button" class="btn btn-orange" onclick="getresults_new('search_confs', 'conferences');">Search</button> </div> </div> <div class="col"> <div class="d-grid d-block"> <button type="button" class="btn btn-outline-secondary" onclick="clear_query();">Clear</button> </div> </div> </div> <input type="hidden" id="encode_uc" value="y"> </form> </div> </div> </div> </div> </div> <div class="modal fade" id="modal_container" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title"></h4> <button type="button" class="btn-close px-3" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body p-4"> </div> </div> </div> </div> </body> </html>