CINXE.COM

Opulent Conferences | Medical Events | Scientific Meetings | USA | Europe

<!doctype html> <html class="no-js" lang="en"> <head> <!-- meta data --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <meta name="csrf-token" content="3DTWInYw5rUjmuowjhJTh6X76uP9QO5xNL9QQMhz"> <meta name="title" content="Opulent Conferences | Events | Meetings | USA | Europe"> <meta name="keywords" content="international conferences, top europe conferences, asia pacific medical Events, opulent medical conferences, life science scientific events"> <meta name="description" content="Join Opulent conferences for professionals and students in medicine, life sciences, engineering, and business. Network in the USA, Europe, Asia, and the Middle East."> <meta name="image" content="settings/March2024/R5h48THhdK41LV5svQYv.png"> <meta name="url" content="https://opulentconferences.com" > <meta name="author" content="Opulent Conferences"> <!-- Preload Fonts --> <link rel="preload" href="https://fonts.gstatic.com/s/poppins/v15/Yq6W-LyURyLyfA.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="https://fonts.gstatic.com/s/poppins/v21/pxiEyp8kv8JHgFVrLEj6Z1xlFQ.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <!-- CSS links preloading and noscript fallback --> <link rel="preload" href="https://opulentconferences.com/public/front_assets/css/font-awesome.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://opulentconferences.com/public/front_assets/css/font-awesome.min.css"></noscript> <link rel="preload" href="https://opulentconferences.com/public/front_assets/css/linearicons.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://opulentconferences.com/public/front_assets/css/linearicons.css"></noscript> <link rel="preload" href="https://opulentconferences.com/public/front_assets/css/flaticon.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://opulentconferences.com/public/front_assets/css/flaticon.css"></noscript> <link rel="preload" href="https://opulentconferences.com/public/front_assets/css/animate.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://opulentconferences.com/public/front_assets/css/animate.css"></noscript> <link rel="preload" href="https://opulentconferences.com/public/front_assets/css/owl.carousel.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://opulentconferences.com/public/front_assets/css/owl.carousel.min.css"></noscript> <link rel="preload" href="https://opulentconferences.com/public/front_assets/css/owl.theme.default.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://opulentconferences.com/public/front_assets/css/owl.theme.default.min.css"></noscript> <link rel="preload" href="https://opulentconferences.com/public/front_assets/css/bootstrap.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://opulentconferences.com/public/front_assets/css/bootstrap.min.css"></noscript> <link rel="preload" href="https://opulentconferences.com/public/front_assets/css/bootsnav.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://opulentconferences.com/public/front_assets/css/bootsnav.css"></noscript> <link rel="preload" href="https://opulentconferences.com/public/front_assets/css/style.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://opulentconferences.com/public/front_assets/css/style.css"></noscript> <link rel="preload" href="https://opulentconferences.com/public/front_assets/css/responsive.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://opulentconferences.com/public/front_assets/css/responsive.css"></noscript> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"> <style> </style> <style> /* Ensure font-display swap for all web fonts */ @font-face { font-family: 'Poppins'; src: url('https://fonts.gstatic.com/s/poppins/v21/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2') format('woff2'); font-display: swap; } /* Reserve space for elements */ #clients-say { background: #f8f9fb; position: relative; top: -154px; min-height: 300px; width: 100%; / } .nav.navbar-nav.navbar-right { min-width: 200px; } .dropdown:hover .dropdown-menu { display: block; margin-top: 0; /* Remove any margin that might hide the menu */ } nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li { display: block; text-align: left !important; } </style> <!--font-family--> <link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Rufina:400,700&display=swap" rel="stylesheet"> <!-- title of site --> <title>Opulent Conferences | Medical Events | Scientific Meetings | USA | Europe</title> <!-- For favicon png --> <link rel="apple-touch-icon" sizes="180x180" href="https://opulentconferences.com/public/front_assets/images/fav-icon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://opulentconferences.com/public/front_assets/images/fav-icon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://opulentconferences.com/public/front_assets/images/fav-icon/favicon-16x16.png"> <link rel="manifest" href="https://opulentconferences.com/public/front_assets/images/fav-icon/site.webmanifest"> <!-- Add the manifest link here --> <link rel="manifest" href="/public/manifest.json"> </head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-1SDV84F0MY"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-1SDV84F0MY'); </script> <body> <!--welcome-hero start --> <section id="home" class="welcome-hero"> <!-- top-area Start --> <div class="top-area"> <div class="header-area"> <!-- Start Navigation --> <nav class="navbar navbar-default bootsnav navbar-sticky navbar-scrollspy" data-minus-value-desktop="70" data-minus-value-mobile="55" data-speed="1000"> <div class="container-fluid"> <!-- Start Header Navigation --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu" aria-label="Toggle navigation"> <i class="fa fa-bars"></i> </button> <a class="navbar-brand" href="https://opulentconferences.com" aria-label="Opulent Conferences Home"> <img src="https://opulentconferences.com/public/front_assets/images/event/header-logo.png" alt="Opulent Conferences Home" width="200" height="50"/> </a> </div><!--/.navbar-header--> <!-- End Header Navigation --> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse menu-ui-design" id="navbar-menu"> <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp"> <li class=""><a href="/"><i class="fas fa-map-location"></i>Home</a></li> <li class=""><a href="https://opulentconferences.com/about-us" aria-label="About Us">About Us</a></li> <li class="dropdown" id="dropdownMenuButton"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-label="Open Events Dropdown"> <i class="fas fa-grip-vertical"></i> Events </a> <ul class="dropdown-menu"> <li class="dropdown-item"><a href="https://opulentconferences.com/all-event" aria-label="Upcoming Events"><i class="fas fa-map-location"></i>Upcoming Events</a></li> <li class="dropdown-item"><a href="https://opulentconferences.com/venue" aria-label="Venues"><i class="fas fa-map-location"></i>Venues</a></li> <li class="dropdown-item"><a href="https://opulentconferences.com/events/view-more" aria-label="Categories"><i class="fas fa-bars-staggered"></i>Categories</a></li> </ul> </li> <li class=""><a href="https://opulentconferences.com/sponsor" aria-label="Sponsor">Sponsor</a></li> <li class="dropdown" id="dropdownMenuButton"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fas fa-grip-vertical"></i> More </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="https://opulentconferences.com/registration-policies">Registration Policies</a></li> <li><a class="dropdown-item" href="https://opulentconferences.com/terms-and-conditions">Terms and Conditions</a></li> <li><a class="dropdown-item" href="https://opulentconferences.com/privacy-policies">Privacy Policies</a></li> <li><a class="dropdown-item" href="https://opulentconferences.com/cancellation-and-refund-policy">Cancellation and Refund Policy</a></li> <li><a class="dropdown-item" href="https://opulentconferences.com/feedback-complaints">Feedback &amp; Complaints</a></li> <li><a class="dropdown-item" href="https://opulentconferences.com/contact-us">Contact Us</a></li> <li><a class="dropdown-item" href="https://opulentconferences.com/faqs">Faqs</a></li> </ul> </li> <li class=""><a href="https://opulentconferences.com/login" aria-label="Login"><i class="fas fa-fingerprint"></i>Login</a></li> <li class=""><a href="https://opulentconferences.com/register" aria-label="Register"><i class="fas fa-user-plus"></i>Register</a></li> <li ><a href="https://opulentconferences.com/abstract-submission" class="book-now-btn" aria-label="Abstract Submission">Abstract Submission</a></li> </ul><!--/.nav --> </div><!-- /.navbar-collapse --> </div><!--/.container--> </nav><!--/nav--> <!-- End Navigation --> </div><!--/.header-area--> <div class="clearfix"></div> </div><!-- /.top-area--> <!-- top-area End --> </section> <!--welcome-hero end --> <div class="tap-top"> <a href="https://wa.me/+441633494617" aria-label="Chat with us on WhatsApp"> <i class="text-white fab fa-whatsapp"></i> </a> </div> <!-- Tawk.to Chat Widget --> <section> <div class="bg-gradt" style="height: 78px;background-color:black;"> </div> </section> <section class="tab-section" style="padding-bottom:100px; "> <div class="container"> <div class="row"> <div class="section-header"> <h2>Online Registration</h2> </div> <div class="col-md-12"> <div class="card mb-4" style="margin-top: 25px;"> <div class="card-body p-4"> <form id="booking-form" method="post" action="https://opulentconferences.com/submit-form"> <input type="hidden" name="_token" value="3DTWInYw5rUjmuowjhJTh6X76uP9QO5xNL9QQMhz"> <input type="hidden" id="event_id" name="event_id" value="3" /> <div class="row"> <div class="col-md-2"> <div class="form-outline mb-2 event-form"> <label for="form2Example1" class="form-label">Title</label> <select aria-label="Default select example" name="name_title" class="form-select form-control"> <option value="">Select title</option> <option value="Mr">Mr</option> <option value="Mrs">Mrs</option> <option value="Prof">Prof</option> <option value="Dr">Dr</option> <option value="Assist Prof Dr">Assist Prof Dr</option> </select> </div> </div> <div class="col-md-5"> <div class="form-outline mb-2 event-form"> <label for="form2Example1" class="form-label">Name</label> <input type="text" name="name" id="form2Example1" placeholder="Your name" class="form-control"> </div> </div> <div class="col-md-5"> <div class="form-outline mb-2 event-form"> <label for="form2Example1" class="form-label">Email</label> <input type="email" name="email" id="form2Example1" placeholder="Your email" class="form-control"> </div> </div> <div class="col-md-6"> <div class="form-outline mb-3 event-form"> <label for="form2Example2" class="form-label">Phone Number</label> <input type="text" name="mobile" id="form2Example2" placeholder="Phone Number" class="form-control"> </div> </div> <div class="col-md-6"> <div class="form-outline mb-2 event-form"> <label for="countrySelect" class="form-label">Country</label> <div class="select-wrapper"> <select id="countrySelect" name="country" aria-label="Default select example" class="form-select form-control"> <option value="">Select Country</option> <option value="Afghanistan">Afghanistan</option> <option value="Aland Islands">Aland Islands</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="American Samoa">American Samoa</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Anguilla">Anguilla</option> <option value="Antarctica">Antarctica</option> <option value="Antigua and Barbuda">Antigua and Barbuda</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Aruba">Aruba</option> <option value="Australia">Australia</option> <option value="Austria">Austria</option> <option value="Azerbaijan">Azerbaijan</option> <option value="Bahamas">Bahamas</option> <option value="Bahrain">Bahrain</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Belarus">Belarus</option> <option value="Belgium">Belgium</option> <option value="Belize">Belize</option> <option value="Benin">Benin</option> <option value="Bermuda">Bermuda</option> <option value="Bhutan">Bhutan</option> <option value="Bolivia">Bolivia</option> <option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option> <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Bouvet Island">Bouvet Island</option> <option value="Brazil">Brazil</option> <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> <option value="Brunei">Brunei</option> <option value="Bulgaria">Bulgaria</option> <option value="Burkina Faso">Burkina Faso</option> <option value="Burundi">Burundi</option> <option value="Cambodia">Cambodia</option> <option value="Cameroon">Cameroon</option> <option value="Canada">Canada</option> <option value="Cape Verde">Cape Verde</option> <option value="Cayman Islands">Cayman Islands</option> <option value="Central African Republic">Central African Republic</option> <option value="Chad">Chad</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Christmas Island">Christmas Island</option> <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> <option value="Colombia">Colombia</option> <option value="Comoros">Comoros</option> <option value="Congo">Congo</option> <option value="Cook Islands">Cook Islands</option> <option value="Costa Rica">Costa Rica</option> <option value="Ivory Coast">Ivory Coast</option> <option value="Croatia">Croatia</option> <option value="Cuba">Cuba</option> <option value="Curacao">Curacao</option> <option value="Cyprus">Cyprus</option> <option value="Czech Republic">Czech Republic</option> <option value="Democratic Republic of the Congo">Democratic Republic of the Congo</option> <option value="Denmark">Denmark</option> <option value="Djibouti">Djibouti</option> <option value="Dominica">Dominica</option> <option value="Dominican Republic">Dominican Republic</option> <option value="Ecuador">Ecuador</option> <option value="Egypt">Egypt</option> <option value="El Salvador">El Salvador</option> <option value="Equatorial Guinea">Equatorial Guinea</option> <option value="Eritrea">Eritrea</option> <option value="Estonia">Estonia</option> <option value="Ethiopia">Ethiopia</option> <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> <option value="Faroe Islands">Faroe Islands</option> <option value="Fiji">Fiji</option> <option value="Finland">Finland</option> <option value="France">France</option> <option value="French Guiana">French Guiana</option> <option value="French Polynesia">French Polynesia</option> <option value="French Southern Territories">French Southern Territories</option> <option value="Gabon">Gabon</option> <option value="Gambia">Gambia</option> <option value="Georgia">Georgia</option> <option value="Germany">Germany</option> <option value="Ghana">Ghana</option> <option value="Gibraltar">Gibraltar</option> <option value="Greece">Greece</option> <option value="Greenland">Greenland</option> <option value="Grenada">Grenada</option> <option value="Guadaloupe">Guadaloupe</option> <option value="Guam">Guam</option> <option value="Guatemala">Guatemala</option> <option value="Guernsey">Guernsey</option> <option value="Guinea">Guinea</option> <option value="Guinea-Bissau">Guinea-Bissau</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option> <option value="Honduras">Honduras</option> <option value="Hong Kong">Hong Kong</option> <option value="Hungary">Hungary</option> <option value="Iceland">Iceland</option> <option value="India">India</option> <option value="Indonesia">Indonesia</option> <option value="Iran">Iran</option> <option value="Iraq">Iraq</option> <option value="Ireland">Ireland</option> <option value="Isle of Man">Isle of Man</option> <option value="Israel">Israel</option> <option value="Italy">Italy</option> <option value="Jamaica">Jamaica</option> <option value="Japan">Japan</option> <option value="Jersey">Jersey</option> <option value="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Kiribati">Kiribati</option> <option value="Kosovo">Kosovo</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Laos">Laos</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Libya">Libya</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Macao">Macao</option> <option value="Macedonia">Macedonia</option> <option value="Madagascar">Madagascar</option> <option value="Malawi">Malawi</option> <option value="Malaysia">Malaysia</option> <option value="Maldives">Maldives</option> <option value="Mali">Mali</option> <option value="Malta">Malta</option> <option value="Marshall Islands">Marshall Islands</option> <option value="Martinique">Martinique</option> <option value="Mauritania">Mauritania</option> <option value="Mauritius">Mauritius</option> <option value="Mayotte">Mayotte</option> <option value="Mexico">Mexico</option> <option value="Micronesia">Micronesia</option> <option value="Moldava">Moldava</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Montenegro">Montenegro</option> <option value="Montserrat">Montserrat</option> <option value="Morocco">Morocco</option> <option value="Mozambique">Mozambique</option> <option value="Myanmar (Burma)">Myanmar (Burma)</option> <option value="Namibia">Namibia</option> <option value="Nauru">Nauru</option> <option value="Nepal">Nepal</option> <option value="Netherlands">Netherlands</option> <option value="New Caledonia">New Caledonia</option> <option value="New Zealand">New Zealand</option> <option value="Nicaragua">Nicaragua</option> <option value="Niger">Niger</option> <option value="Nigeria">Nigeria</option> <option value="Niue">Niue</option> <option value="Norfolk Island">Norfolk Island</option> <option value="North Korea">North Korea</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palau">Palau</option> <option value="Palestine">Palestine</option> <option value="Panama">Panama</option> <option value="Papua New Guinea">Papua New Guinea</option> <option value="Paraguay">Paraguay</option> <option value="Peru">Peru</option> <option value="Phillipines">Phillipines</option> <option value="Pitcairn">Pitcairn</option> <option value="Poland">Poland</option> <option value="Portugal">Portugal</option> <option value="Puerto Rico">Puerto Rico</option> <option value="Qatar">Qatar</option> <option value="Reunion">Reunion</option> <option value="Romania">Romania</option> <option value="Russia">Russia</option> <option value="Rwanda">Rwanda</option> <option value="Saint Barthelemy">Saint Barthelemy</option> <option value="Saint Helena">Saint Helena</option> <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> <option value="Saint Lucia">Saint Lucia</option> <option value="Saint Martin">Saint Martin</option> <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option> <option value="Samoa">Samoa</option> <option value="San Marino">San Marino</option> <option value="Sao Tome and Principe">Sao Tome and Principe</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Senegal">Senegal</option> <option value="Serbia">Serbia</option> <option value="Seychelles">Seychelles</option> <option value="Sierra Leone">Sierra Leone</option> <option value="Singapore">Singapore</option> <option value="Sint Maarten">Sint Maarten</option> <option value="Slovakia">Slovakia</option> <option value="Slovenia">Slovenia</option> <option value="Solomon Islands">Solomon Islands</option> <option value="Somalia">Somalia</option> <option value="South Africa">South Africa</option> <option value="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option> <option value="South Korea">South Korea</option> <option value="South Sudan">South Sudan</option> <option value="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="Sudan">Sudan</option> <option value="Suriname">Suriname</option> <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> <option value="Swaziland">Swaziland</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Syria">Syria</option> <option value="Taiwan">Taiwan</option> <option value="Tajikistan">Tajikistan</option> <option value="Tanzania">Tanzania</option> <option value="Thailand">Thailand</option> <option value="Timor-Leste (East Timor)">Timor-Leste (East Timor)</option> <option value="Togo">Togo</option> <option value="Tokelau">Tokelau</option> <option value="Tonga">Tonga</option> <option value="Trinidad and Tobago">Trinidad and Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> <option value="Tuvalu">Tuvalu</option> <option value="Uganda">Uganda</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Emirates">United Arab Emirates</option> <option value="United Kingdom">United Kingdom</option> <option value="United States">United States</option> <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> <option value="Uruguay">Uruguay</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Vatican City">Vatican City</option> <option value="Venezuela">Venezuela</option> <option value="Vietnam">Vietnam</option> <option value="Virgin Islands, British">Virgin Islands, British</option> <option value="Virgin Islands, US">Virgin Islands, US</option> <option value="Wallis and Futuna">Wallis and Futuna</option> <option value="Western Sahara">Western Sahara</option> <option value="Yemen">Yemen</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> </select> </div> </div> </div> <div class="col-md-12"> <div class="form-outline mb-3 event-form"> <label for="form2Example2" class="form-label">Address</label> <textarea id="w3review" name="address" rows="4" cols="50" class="form-control"> </textarea> </div> </div> </div> <div class="row"> <div class="col-md-12 choose-currency"> <p>Choose your Currency</p> <div class="radio-area"> <input type="radio" id="html" name="currency" value="GBP" data-symbol="£"> <label for="html">GBP (£)</label> <input type="radio" id="css" name="currency" value="EUR" data-symbol="€"> <label for="css">EUR (€) </label> <input type="radio" id="javascript" name="currency" value="USD" data-symbol="$" checked> <label for="javascript">USD ($)</label> </div> </div> </div> <!-- Registration packages --> <div class="row" style="margin-top: 10px;"> <div class="col-md-4 col-sm-6 col-12" style="cursor: not-allowed; opacity: 0.4;" > <div class="form-card"> <!-- Card header --> <div class="card-header"> <!-- Display registration type --> <p>(On or Before)</p> <p>Jul 15, 2024</p> <h5>Early Bird Registration</h5> </div> <!-- Card body --> <div class="card-body"> <div class="box"> <!-- Display package type name --> <h5>Academic</h5> <div class="tx"> <!-- Display package details --> <span>Only Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="599">599</span> </div> <div class="tx"> <!-- Display package details --> <span>Delegate Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="549">549</span> </div> <div class="tx"> <!-- Display package details --> <span>Package A (Registration + 2 nights accommodation)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1099">1099</span> </div> <div class="tx"> <!-- Display package details --> <span>Package B (Registration + 3 nights accommodation)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1299">1299</span> </div> <div class="tx"> <!-- Display package details --> <span>Poster Presentation</span> <span class="float-right" style="cursor:'not-allowed' " data-value="499">499</span> </div> <div class="tx"> <!-- Display package details --> <span>E-Poster</span> <span class="float-right" style="cursor:'not-allowed' " data-value="299">299</span> </div> <div class="tx"> <!-- Display package details --> <span>Group Registration (4 Attendees)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="2396">2396</span> </div> <div class="tx"> <!-- Display package details --> <span>Exhibition</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1899">1899</span> </div> </div> <div class="box"> <!-- Display package type name --> <h5>Business</h5> <div class="tx"> <!-- Display package details --> <span>Speaker Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="649">649</span> </div> <div class="tx"> <!-- Display package details --> <span>Delegate Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="699">699</span> </div> <div class="tx"> <!-- Display package details --> <span>Package A (Registration + 2 nights accommodation)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1149">1149</span> </div> <div class="tx"> <!-- Display package details --> <span>Package B (Registration + 3 nights accommodation)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1399">1399</span> </div> <div class="tx"> <!-- Display package details --> <span>Poster Presentation</span> <span class="float-right" style="cursor:'not-allowed' " data-value="599">599</span> </div> <div class="tx"> <!-- Display package details --> <span>E-Poster</span> <span class="float-right" style="cursor:'not-allowed' " data-value="299">299</span> </div> <div class="tx"> <!-- Display package details --> <span>Group Registration (4 Attendees)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="2796">2796</span> </div> <div class="tx"> <!-- Display package details --> <span>Exhibition</span> <span class="float-right" style="cursor:'not-allowed' " data-value="2499">2499</span> </div> </div> <div class="box"> <!-- Display package type name --> <h5>Student-YRF</h5> <div class="tx"> <!-- Display package details --> <span>Speaker Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="449">449</span> </div> <div class="tx"> <!-- Display package details --> <span>Delegate Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="449">449</span> </div> <div class="tx"> <!-- Display package details --> <span>Poster Presentation</span> <span class="float-right" style="cursor:'not-allowed' " data-value="449">449</span> </div> <div class="tx"> <!-- Display package details --> <span>E-Poster</span> <span class="float-right" style="cursor:'not-allowed' " data-value="299">299</span> </div> <div class="tx"> <!-- Display package details --> <span>Group Registration (4 Attendees)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1796">1796</span> </div> </div> <div class="box"> <!-- Display package type name --> <h5>Sponsor</h5> <div class="tx"> <!-- Display package details --> <span>Silver</span> <span class="float-right" style="cursor:'not-allowed' " data-value="3999">3999</span> </div> <div class="tx"> <!-- Display package details --> <span>Gold</span> <span class="float-right" style="cursor:'not-allowed' " data-value="4999">4999</span> </div> <div class="tx"> <!-- Display package details --> <span>Platinum</span> <span class="float-right" style="cursor:'not-allowed' " data-value="5999">5999</span> </div> </div> <div class="box"> <!-- Display package type name --> <h5>Webinar</h5> <div class="tx"> <!-- Display package details --> <span>Virtual Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="149">149</span> </div> </div> </div> </div> </div> <div class="col-md-4 col-sm-6 col-12" style="cursor: not-allowed; opacity: 0.4;" > <div class="form-card"> <!-- Card header --> <div class="card-header"> <!-- Display registration type --> <p>(On or Before)</p> <p>Aug 15, 2024</p> <h5>Regular</h5> </div> <!-- Card body --> <div class="card-body"> <div class="box"> <!-- Display package type name --> <h5>Academic</h5> <div class="tx"> <!-- Display package details --> <span>Speaker Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="699">699</span> </div> <div class="tx"> <!-- Display package details --> <span>Delegate Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="649">649</span> </div> <div class="tx"> <!-- Display package details --> <span>Package A (Registration + 2 nights accommodation)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1199">1199</span> </div> <div class="tx"> <!-- Display package details --> <span>Package B (Registration + 3 nights accommodation)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1399">1399</span> </div> <div class="tx"> <!-- Display package details --> <span>Poster Presentation</span> <span class="float-right" style="cursor:'not-allowed' " data-value="599">599</span> </div> <div class="tx"> <!-- Display package details --> <span>E-Poster</span> <span class="float-right" style="cursor:'not-allowed' " data-value="399">399</span> </div> <div class="tx"> <!-- Display package details --> <span>Group Registration (4 Attendees)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="2496">2496</span> </div> <div class="tx"> <!-- Display package details --> <span>Exhibition</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1999">1999</span> </div> </div> <div class="box"> <!-- Display package type name --> <h5>Business</h5> <div class="tx"> <!-- Display package details --> <span>Speaker Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="749">749</span> </div> <div class="tx"> <!-- Display package details --> <span>Delegate Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="799">799</span> </div> <div class="tx"> <!-- Display package details --> <span>Package A (Registration + 2 nights accommodation)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1249">1249</span> </div> <div class="tx"> <!-- Display package details --> <span>Package B (Registration + 3 nights accommodation)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1449">1449</span> </div> <div class="tx"> <!-- Display package details --> <span>Poster Presentation</span> <span class="float-right" style="cursor:'not-allowed' " data-value="699">699</span> </div> <div class="tx"> <!-- Display package details --> <span>E-Poster</span> <span class="float-right" style="cursor:'not-allowed' " data-value="299">299</span> </div> <div class="tx"> <!-- Display package details --> <span>Group Registration (4 Attendees)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="2896">2896</span> </div> <div class="tx"> <!-- Display package details --> <span>Exhibition</span> <span class="float-right" style="cursor:'not-allowed' " data-value="2599">2599</span> </div> </div> <div class="box"> <!-- Display package type name --> <h5>Student-YRF</h5> <div class="tx"> <!-- Display package details --> <span>Only Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="549">549</span> </div> <div class="tx"> <!-- Display package details --> <span>Delegate Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="549">549</span> </div> <div class="tx"> <!-- Display package details --> <span>Poster Presentation</span> <span class="float-right" style="cursor:'not-allowed' " data-value="549">549</span> </div> <div class="tx"> <!-- Display package details --> <span>E-Poster</span> <span class="float-right" style="cursor:'not-allowed' " data-value="299">299</span> </div> <div class="tx"> <!-- Display package details --> <span>Group Registration (4 Attendees)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1896">1896</span> </div> </div> <div class="box"> <!-- Display package type name --> <h5>Sponsor</h5> <div class="tx"> <!-- Display package details --> <span>Silver</span> <span class="float-right" style="cursor:'not-allowed' " data-value="4099">4099</span> </div> <div class="tx"> <!-- Display package details --> <span>Gold</span> <span class="float-right" style="cursor:'not-allowed' " data-value="5099">5099</span> </div> <div class="tx"> <!-- Display package details --> <span>Platinum</span> <span class="float-right" style="cursor:'not-allowed' " data-value="5999">5999</span> </div> </div> <div class="box"> <!-- Display package type name --> <h5>Webinar</h5> <div class="tx"> <!-- Display package details --> <span>Virtual Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="199">199</span> </div> </div> </div> </div> </div> <div class="col-md-4 col-sm-6 col-12" style="cursor: not-allowed; opacity: 0.4;" > <div class="form-card"> <!-- Card header --> <div class="card-header"> <!-- Display registration type --> <p>(On or Before)</p> <p>Oct 23, 2024</p> <h5>Final Call</h5> </div> <!-- Card body --> <div class="card-body"> <div class="box"> <!-- Display package type name --> <h5>Academic</h5> <div class="tx"> <!-- Display package details --> <span>Speaker Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="799">799</span> </div> <div class="tx"> <!-- Display package details --> <span>Delegate Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="749">749</span> </div> <div class="tx"> <!-- Display package details --> <span>Package A (Registration + 2 nights accommodation)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1299">1299</span> </div> <div class="tx"> <!-- Display package details --> <span>Package B (Registration + 3 nights accommodation)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1449">1449</span> </div> <div class="tx"> <!-- Display package details --> <span>Poster Presentation</span> <span class="float-right" style="cursor:'not-allowed' " data-value="699">699</span> </div> <div class="tx"> <!-- Display package details --> <span>E-Poster</span> <span class="float-right" style="cursor:'not-allowed' " data-value="399">399</span> </div> <div class="tx"> <!-- Display package details --> <span>Group Registration (4 Attendees)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="2596">2596</span> </div> <div class="tx"> <!-- Display package details --> <span>Exhibition</span> <span class="float-right" style="cursor:'not-allowed' " data-value="2099">2099</span> </div> </div> <div class="box"> <!-- Display package type name --> <h5>Business</h5> <div class="tx"> <!-- Display package details --> <span>Speaker Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="849">849</span> </div> <div class="tx"> <!-- Display package details --> <span>Delegate Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="899">899</span> </div> <div class="tx"> <!-- Display package details --> <span>Package A (Registration + 2 nights accommodation)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1349">1349</span> </div> <div class="tx"> <!-- Display package details --> <span>Package B (Registration + 3 nights accommodation)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1549">1549</span> </div> <div class="tx"> <!-- Display package details --> <span>Poster Presentation</span> <span class="float-right" style="cursor:'not-allowed' " data-value="799">799</span> </div> <div class="tx"> <!-- Display package details --> <span>E-Poster</span> <span class="float-right" style="cursor:'not-allowed' " data-value="399">399</span> </div> <div class="tx"> <!-- Display package details --> <span>Group Registration (4 Attendees)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="2996">2996</span> </div> <div class="tx"> <!-- Display package details --> <span>Exhibition</span> <span class="float-right" style="cursor:'not-allowed' " data-value="2699">2699</span> </div> </div> <div class="box"> <!-- Display package type name --> <h5>Student-YRF</h5> <div class="tx"> <!-- Display package details --> <span>Only Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="649">649</span> </div> <div class="tx"> <!-- Display package details --> <span>Delegate Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="649">649</span> </div> <div class="tx"> <!-- Display package details --> <span>Poster Presentation</span> <span class="float-right" style="cursor:'not-allowed' " data-value="649">649</span> </div> <div class="tx"> <!-- Display package details --> <span>E-poster</span> <span class="float-right" style="cursor:'not-allowed' " data-value="399">399</span> </div> <div class="tx"> <!-- Display package details --> <span>Group Registration (4 Attendees)</span> <span class="float-right" style="cursor:'not-allowed' " data-value="1996">1996</span> </div> </div> <div class="box"> <!-- Display package type name --> <h5>Sponsor</h5> <div class="tx"> <!-- Display package details --> <span>Silver</span> <span class="float-right" style="cursor:'not-allowed' " data-value="4199">4199</span> </div> <div class="tx"> <!-- Display package details --> <span>Gold</span> <span class="float-right" style="cursor:'not-allowed' " data-value="5199">5199</span> </div> <div class="tx"> <!-- Display package details --> <span>Platinum</span> <span class="float-right" style="cursor:'not-allowed' " data-value="6199">6199</span> </div> </div> <div class="box"> <!-- Display package type name --> <h5>E-Poster</h5> <div class="tx"> <!-- Display package details --> <span>Registration</span> <span class="float-right" style="cursor:'not-allowed' " data-value="299">299</span> </div> </div> </div> </div> </div> </div> <!-- Total amount --> <div class="total-amount"> <h5 id="subtotal">sub total: 0%</h5> <h5 style="margin:5px 0px" id="convenience">convenience: $0</h5> <h2 id="total-amount">Total Amount: 00</h2> <input type="hidden" name="total_amount" id="total-amount-input" value="0"> <button type="submit" class="btn btn-primary" id="proceed-to-pay">Proceed to Pay</button> </div> </form> </div> </div> </div> </div> </div> </div> </div> </section> <!--contact start--> <footer id="contact" class="contact"> <div class="container"> <div class="footer-top"> <div class="row"> <div class="col-md-3 col-sm-6"> <div class="single-footer-widget"> <div class="footer-logo"> <a href="/"> <img src="https://opulentconferences.com/public/front_assets/images/event/header-logo.png" class="footer-logo" width="200" height="50"> </a> </div> <p> 85 Great Portland Street, London, W1W 7LT, United Kingdom </p> <div class="footer-contact"> <p>info@opulentconferences.com</p> <p>+44 2045774235</p> </div> </div> </div> <div class="col-md-2 col-md-offset-1 col-sm-6"> <div class="single-footer-widget"> <h2>Useful Links</h2> <ul> <li><a href="https://opulentconferences.com/faqs">FAQs</a></li> <li><a href="https://opulentconferences.com/blogs">Blogs</a></li> <li><a href="https://opulentconferences.com/cancellation-and-refund-policy">Cancellation/Refund</a></li> <li><a href="https://opulentconferences.com/terms-and-conditions">Terms & Conditions</a></li> <li><a href="https://opulentconferences.com/privacy-policies">Privacy Policy</a></li> </ul> </div> </div> <div class="col-md-2 col-xs-12"> <div class="single-footer-widget"> <h2>Social Connections</h2> <ul> <li><a href="https://www.facebook.com/profile.php?id=61556079995952">Facebook</a></li> <li><a href="https://x.com/opulentconf">Twitter</a></li> <li><a href="https://opulentconferences.com/">Instagram</a></li> <li><a href="https://opulentconferences.com">Linkedin</a></li> </ul> </div> </div> <div class="col-md-offset-1 col-md-3 col-sm-6"> <div class="single-footer-widget"> <h2>news letter</h2> <div class="footer-newsletter"> <p> Subscribe to get latest news update and informations </p> </div> <div class="hm-foot-email"> <div class="foot-email-box"> <input type="text" class="form-control" placeholder="Add Email"> </div><!--/.foot-email-box--> <div class="foot-email-subscribe"> <span><i class="fa fa-arrow-right"></i></span> </div><!--/.foot-email-icon--> </div><!--/.hm-foot-email--> </div> </div> </div> </div> <div class="footer-copyright"> <div class="row"> <div class="col-sm-6"> <p> &copy; 2024 <a href="#">Opulent Conferences </a> All Rights Reserved. </p><!--/p--> </div> <div class="col-sm-6"> <div class="footer-social"> <a href="https://www.facebook.com/profile.php?id=61556079995952"><i class="fab fa-facebook-f"></i></a> <a href="https://opulentconferences.com/"><i class="fab fa-instagram"></i></a> <a href="https://opulentconferences.com/"><i class="fab fa-linkedin"></i></a> <a href="https://x.com/opulentconf"><i class="fab fa-twitter"></i></a> </div> </div> </div> </div><!--/.footer-copyright--> </div><!--/.container--> <!--/.scroll-Top--> </footer> <!--contact end--> <!-- Include all js compiled plugins (below), or include individual files as needed --> <script src="https://opulentconferences.com/public/front_assets/js/jquery.js"></script> <!--modernizr.min.js--> <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> <!--bootstrap.min.js--> <script src="https://opulentconferences.com/public/front_assets/js/bootstrap.min.js"></script> <!-- bootsnav js --> <script src="https://opulentconferences.com/public/front_assets/js/bootsnav.js"></script> <!--owl.carousel.js--> <script src="https://opulentconferences.com/public/front_assets/js/owl.carousel.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script> <!--Custom JS--> <script src="https://opulentconferences.com/public/front_assets/js/custom.js"></script> <script type="text/javascript"> var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/662bbe0fa0c6737bd130fea7/1hsddssbc'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script> <script> document.addEventListener("DOMContentLoaded", function() { // Get all dropdown elements var dropdowns = document.querySelectorAll('.dropdown'); dropdowns.forEach(function(dropdown) { dropdown.addEventListener('touchstart', function(event) { // Prevent the click event from immediately following the touch event event.preventDefault(); // Toggle the dropdown menu visibility var dropdownMenu = this.querySelector('.dropdown-menu'); if (dropdownMenu.style.display === 'block') { dropdownMenu.style.display = 'none'; } else { dropdownMenu.style.display = 'block'; } }); }); // Close the dropdown menu when clicking outside of it document.addEventListener('click', function(event) { var isClickInside = dropdowns[0].contains(event.target); if (!isClickInside) { dropdowns.forEach(function(dropdown) { var dropdownMenu = dropdown.querySelector('.dropdown-menu'); dropdownMenu.style.display = 'none'; }); } }); }); </script> // <script> // document.addEventListener("DOMContentLoaded", function() { // const buttons = document.querySelectorAll('.buttonn'); // const selectedValueDisplay = document.getElementById('selected-value'); // const totalAmountElement = document.getElementById('total-amount'); // const totalAmountInput = document.getElementById('total-amount-input'); // buttons.forEach(button => { // button.addEventListener('click', () => { // buttons.forEach(btn => btn.classList.remove('selected')); // button.classList.add('selected'); // if (selectedValueDisplay) { // selectedValueDisplay.textContent = button.getAttribute('data-value'); // } // updateTotalAmount(getSelectedCurrency()); // }); // }); // const currencyRadios = document.querySelectorAll('input[name="currency"]'); // function updateTotalAmount(currency) { // var selectedCurr = document.querySelector('input[name="currency"]:checked') // symbol = selectedCurr.getAttribute('data-symbol') // var convertedAmount = 0; // let total = 0; // document.querySelectorAll('.buttonn.selected').forEach(button => { // const price = parseFloat(button.getAttribute('data-value')); // endpoint = 'convert'; // access_key = 'a2c7739e4d5420e01c1aa1b16726a490'; // // define from currency, to currency, and amount // from = 'USD'; // to = currency; // amount = price; // $.ajax({ // url: 'https://api.exchangeratesapi.io/v1/' + endpoint + '?access_key=' + access_key +'&from=' + from + '&to=' + to + '&amount=' + amount, // dataType: 'jsonp', // success: function(json) { // totalAmountElement.textContent = `Total Amount: ${symbol} ${json.result.toFixed(2)}`; // totalAmountInput.value = json.result.toFixed(2); // convertedAmount += parseFloat(json.result); // } // }); // }); // } // function getSelectedCurrency() { // return document.querySelector('input[name="currency"]:checked').value; // } // updateTotalAmount(getSelectedCurrency()); // currencyRadios.forEach(radio => { // radio.addEventListener('change', function() { // updateTotalAmount(this.value); // }); // }); // document.getElementById('proceed-to-pay').addEventListener('click', function() { // // Your logic to proceed to payment // }); // }); // </script> <script> document.addEventListener("DOMContentLoaded", function() { const buttons = document.querySelectorAll('.buttonn'); const selectedValueDisplay = document.getElementById('selected-value'); const totalAmountElement = document.getElementById('total-amount'); const totalAmountInput = document.getElementById('total-amount-input'); const subTotalElement = document.getElementById('subtotal'); const convenienceElement = document.getElementById('convenience'); // Button click event to select and highlight the button buttons.forEach(button => { button.addEventListener('click', () => { buttons.forEach(btn => btn.classList.remove('selected')); button.classList.add('selected'); if (selectedValueDisplay) { selectedValueDisplay.textContent = button.getAttribute('data-value'); } updateTotalAmount(getSelectedCurrency()); }); }); const currencyRadios = document.querySelectorAll('input[name="currency"]'); function updateTotalAmount(currency) { var selectedCurr = document.querySelector('input[name="currency"]:checked'); let symbol = selectedCurr.getAttribute('data-symbol'); let subtotal = 0; let convertedTotal = 0; document.querySelectorAll('.buttonn.selected').forEach(button => { const price = parseFloat(button.getAttribute('data-value')); subtotal += price; // API call to convert currency $.ajax({ url: `https://api.exchangeratesapi.io/v1/convert?access_key=a2c7739e4d5420e01c1aa1b16726a490&from=USD&to=${currency}&amount=${price}`, dataType: 'jsonp', success: function(json) { convertedTotal += parseFloat(json.result); // Calculate the additional 5% charge let additionalCharge = subtotal * 0.05; // Calculate total amount with the additional charge let totalWithAdditionalCharge = convertedTotal + additionalCharge; // Update the subtotal, convenience fee, and total amount displayed subTotalElement.textContent = `sub total: ${symbol} ${subtotal.toFixed(2)}`; convenienceElement.textContent = `convenience: ${symbol} ${additionalCharge.toFixed(2)}`; totalAmountElement.textContent = `Total Amount: ${symbol} ${totalWithAdditionalCharge.toFixed(2)}`; totalAmountInput.value = totalWithAdditionalCharge.toFixed(2); } }); }); } function getSelectedCurrency() { return document.querySelector('input[name="currency"]:checked').value; } updateTotalAmount(getSelectedCurrency()); currencyRadios.forEach(radio => { radio.addEventListener('change', function() { updateTotalAmount(this.value); }); }); document.getElementById('proceed-to-pay').addEventListener('click', function() { // Your logic to proceed to payment }); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10