Law 2.0 Conference

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1">  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.min.css"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>  <style type="text/css"> body { font-family: 'DM Sans', sans-serif; /* background-color: #111;*/ color: #fff; } .left-section { background-image: url('https://www.law2conf.com/showstopper/back.jpeg'), linear-gradient(#C78822, #111111); background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; padding: 50px; } .left-section .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(137 86 5 / 46%); } .content { position: relative; z-index: 2; } .logo { width: 150px; } .title { font-size: 32px; font-weight: bold; } /* Underline "Postponed" in red */ .postponed { color: red; text-decoration: underline; text-decoration-thickness: 3px; } /* Style the contact form fields in two columns */ .contact-form form .row { display: flex; flex-wrap: wrap; gap: 15px; } .contact-form form .row .col-md-6 { flex: 1; min-width: 250px; } /* Align submit button to the right */ .contact-form button { background: black; color: white; display: block; margin-left: auto; width: fit-content; padding: 10px 20px; } .contact-form { margin-top: 20px; background: rgba(255, 255, 255, 0.1); padding: 30px; /* Increased padding */ border-radius: 10px; } .contact-form legend { font-size: 20px; font-weight: bold; color: #C78822; /* Gold color for legend */ padding: 0 10px; /* Add some padding around the legend text */ margin-bottom: 20px; /* Space below the legend */ /* background-color: #111; /* Match the body background */*/ border-radius: 5px; } .contact-form form .row { display: flex; flex-wrap: wrap; gap: 20px; /* Increased gap */ } .contact-form form .col-md-6 { flex: 1; min-width: 250px; } .contact-form label { margin-bottom: 5px; /* Space below labels */ display: block; /* Ensure labels are on their own line */ } .form-control { background: rgba(0, 0, 0, 0.5); /* Semi-transparent black background */ color: white; border: none; /* Remove default border */ padding: 10px; /* Consistent padding */ border-radius: 5px; /* Rounded corners */ } .form-control:focus { background: rgba(0, 0, 0, 0.7); /* Slightly darker on focus */ outline: none; /* Remove focus outline */ border: 1px solid #C78822; /* Gold border on focus */ box-shadow: 0 0 5px rgba(#C78822, 0.3); /* Gold glow on focus */ } .contact-form textarea.form-control { height: 120px; /* Set a specific height for the textarea */ resize: vertical; /* Allow vertical resizing */ } .contact-form button { background: #C78822; /* Gold button */ /* color: black;*/ padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; /* Smooth hover effect */ } .contact-form button:hover { background: #A76802; /* Darker gold on hover */ } /*.form-control { background: transparent; color: white; border: 1px solid white; }*/ .right-section { padding: 50px; background: #111; } .events-title { font-size: 32px; color: #C78822; } .events-description { font-size: 18px; } .buttons { margin-bottom: 20px; } .buttons .btn { background: transparent; border: 1px solid white; color: white; margin-right: 10px; border-radius: 25px; } .buttons .active { background: #C78822; color: black; } .events { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .event-card { background: black; padding: 20px; border-radius: 10px; text-align: center; } .event-card img { width: 100px; } .event-card p { margin-top: 10px; } .events { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 20px; } .flip-card { /* width: 30%; height: 200px; perspective: 800px;*/ } .flip-card-inner { position: relative; width: 100%; height: 100%; transition: transform 0.6s ease-in-out; transform-style: preserve-3d; box-shadow: 0 6px 15px rgba(255, 255, 255, 0.2); border-radius: 10px; } .flip-card:hover .flip-card-inner { transform: rotateY(180deg); } .flip-card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 10px; padding: 16px; text-align: center; display: flex; flex-direction: column; top: 0; left: 0; justify-content: center; } .flip-card-front { background: #222; border: 1px solid #444; height: 100%; padding: 16px; } .flip-card-front img{ width:80%; max-width: 200px; display: block; margin: 0 auto 16px; } .flip-card-back { background: #007bff; color: white; transform: rotateY(180deg); } fieldset { border: 1px solid white; padding: 20px; border-radius: 10px; } legend { font-size: 20px; font-weight: bold; } .form-group { display: flex; gap: 10px; } .form-group input { width: 100%; padding: 10px; border: none; border-radius: 5px; } input[type="email"] { width: 100%; padding: 10px; margin-top: 10px; border: none; border-radius: 5px; color: #fff; } input[type="textarea"] { width: 100%; padding: 25px; margin-top: 10px; border: none; text-align: left; border-radius: 5px; } input[type="textarea"]::placeholder { float: left; } .captcha { margin-top: 10px; text-align: center; } .iti--separate-dial-code { width: 100%; } @media (max-width: 1500px) { /*.flip-card { width: 50%; }*/ .events .flip-card img{ width: 100%; max-width: 130px; margin: 0 auto; } .right-section,.left-section { padding: 50px 16px; } } @media (max-width: 992px) { /* Example breakpoint for tablets */ .events { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { /* Example breakpoint for mobile */ .events { grid-template-columns: 1fr; /* Single column */ } .events .flip-card p{ font-size:14px } .right-section { padding: 30px; } .flip-card-front, .flip-card-back { padding: 15px; } } @media (max-width: 575px){ .flip-card-front, .flip-card-back { padding: 20px; } } </style> </head> <body> <div class="container-fluid"> <div class="row">  <div class="col-md-6 left-section"> <div class="overlay"></div> <div class="content"> <img src="https://www.law2conf.com/sites/law.com/themes/contrib/breeze/images/LAW%202.0_Logo(white)-01.svg" alt="Law 2.0 Conference" id="logo" class="logo"> <h2 class="title" id="conference-name"> Notice: Law 2.0 Conference Has Been Indefinitely <span class="postponed">Postponed</span> </h2>  <p class="description" id="conference-named"> The [Conference Name] is currently suspended until further notice. We will update this page as new information becomes available. In the meantime, we invite you to explore our other events for valuable networking and professional growth. Thank you for your support and understanding. </p> <fieldset class="contact-form"> <legend>Get in Touch</legend> <form id="contact-form"> <div class="row"> <div class="col-md-6"> <label class="form-label">First Name*</label> <input type="text" class="form-control" name="first_name" placeholder="Your First Name" required> </div> <div class="col-md-6"> <label class="form-label">Phone*</label> <input type="tel" class="form-control w-full" name="phone" id="phone" placeholder="Your Phone Number" required> </div> </div> <div class="row mt-3"> <div class="col-md-12"> <label class="form-label">Email Address*</label> <input type="email" class="form-control" name="email" placeholder="Your Email Address" required> </div> </div> <div class="row mt-3"> <div class="col-md-12"> <label class="form-label">Message*</label> <textarea class="form-control" name="message" rows="4" placeholder="Your Message" required></textarea> </div> </div> <input type="hidden" name="domain" id="domain" value=""> <div class="text-end mt-3"> <button type="submit" class="btn btn-primary">Send Message</button> </div> </form> </fieldset> </div> </div>  <div class="col-md-6 right-section"> <h2 class="events-title">A Lineup of Game-Changing Events!</h2> <p class="events-description"> Our conferences unite industry experts and thought leaders for insightful discussions and unparalleled professional growth. Be part of the experience today! </p>  <div class=" row"> <div class="col-xs-12 col-sm-6 col-md-6 col-xl-6 flip-card mb-5"> <a href="https://www.cxo2conf.com" target="_blank" style="text-decoration: none; color: inherit;"> <div class="flip-card-inner"> <div class="flip-card-front"> <img src="https://www.cxo2conf.com/sites/cxo.com/themes/contrib/breeze/images/cxo-white-logo.svg" alt="CXO Conference"> <p> December 8–10, 2025 <br />InterContinental, Dubai FC, Dubai <br />April 7–9, 2026 <br />Bellagio Hotel & Casino, Las Vegas </p> </div> <div class="flip-card-back"> <p>A three-day business event where top leaders collaborate to shape the industry’s future!</p> </div> </div> </a> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-xl-6 flip-card mb-5"> <a href="https://www.education2conf.com" target="_blank" style="text-decoration: none; color: inherit;"> <div class="flip-card-inner"> <div class="flip-card-front"> <img src="https://www.education2conf.com/sites/ifel.com/themes/contrib/ifel/images/logoeducation_Revised.svg" alt="Education Conference"> <p> December 8–10, 2025 <br />InterContinental, Dubai FC, Dubai <br />April 7–9, 2026 <br />Bellagio Hotel & Casino, Las Vegas </div> <div class="flip-card-back"> <p>Our education event brings thought leaders together for three days to shape the future of learning.</p> </div> </div> </a> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-xl-6 flip-card mb-5"> <a href="https://www.fueldconf.com" target="_blank" style="text-decoration: none; color: inherit;"> <div class="flip-card-inner"> <div class="flip-card-front"> <img src="https://www.fueldconf.com/sites/mkint.com/themes/contrib/imaf/logo.svg" alt="FUELD Conference"> <p> December 8–10, 2025 <br />InterContinental, Dubai FC, Dubai <br />April 7–9, 2026 <br />Bellagio Hotel & Casino, Las Vegas </div> <div class="flip-card-back"> <p>Be a part of our marketing and tech event that unites global leaders to reshape industries.</p> </div> </div> </a> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-xl-6 flip-card mb-5"> <a href="https://www.founders2conf.com" target="_blank" style="text-decoration: none; color: inherit;"> <div class="flip-card-inner"> <div class="flip-card-front"> <img src="https://founders2conf.com/images/logo_toggle.svg" alt="Founders Conference"> <p> December 8–10, 2025 <br />InterContinental, Dubai FC, Dubai <br />April 7–9, 2026 <br />Bellagio Hotel & Casino, Las Vegas </div> <div class="flip-card-back"> <p>Join visionary entrepreneurs for three days of growth, networking, and business insights!</p> </div> </div></a> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-xl-6 flip-card mb-5"> <a href="https://www.health2conf.com" target="_blank" style="text-decoration: none; color: inherit;"> <div class="flip-card-inner"> <div class="flip-card-front"> <img src="https://www.health2conf.com/sites/gfah.com/themes/contrib/gfah/images/logo-new-health.svg" alt="Health 2.0 Conference"> <p> December 8–10, 2025 <br />InterContinental, Dubai FC, Dubai <br />April 7–9, 2026 <br />Bellagio Hotel & Casino, Las Vegas </div> <div class="flip-card-back"> <p>A global platform that unites industry professionals to redefine the healthcare sector. </p> </div> </div></a> </div> </div> </div> </div> </div> <script> $(document).ready(function() { var input = document.querySelector("#phone"); var iti = window.intlTelInput(input, { initialCountry: "us", separateDialCode: true, preferredCountries: ["us", "gb", "in"], utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js" }); // Get the current domain dynamically var currentDomain = window.location.hostname; $('#domain').val(currentDomain); // Set the domain in the hidden field $('#contact-form').on('submit', function(event) { event.preventDefault(); // var formData = { // first_name: $('#first_name').val(), // email: $('#email').val(), // phone: iti.getNumber(), // message: $('#message').val(), // }; // var jsonData = { // "webform_id": "law_form", // "first_name": formData.first_name, // "phone": formData.phone, // "email": formData.email, // "message": formData.message, // }; // Correctly capture form data using name attributes var formData = { first_name: $('[name="first_name"]').val(), email: $('[name="email"]').val(), phone: iti.getNumber(), message: $('[name="message"]').val(), domain: $('#domain').val(), // Get domain value }; var jsonData = { "webform_id": "law_form", "first_name": formData.first_name, "phone": formData.phone, "email": formData.email, "message": formData.message, "domain": formData.domain, }; $.ajax({ url: 'https://portal.thearabdesk.com/webform_rest/submit', type: 'POST', contentType: 'application/json', headers: { 'Content-Type': 'application/json', 'Authorization': 'Basic ' + btoa('resource-api:Restresource@conference#2022') }, data: JSON.stringify(jsonData), success: function(response) { alert('Form submitted successfully!'); $('#contact-form')[0].reset(); }, error: function(xhr, status, error) { alert('Form submission failed! Please try again.'); console.error('Error:', xhr.responseText); } }); }); }); </script> <script> document.addEventListener("DOMContentLoaded", function () { // Get the current domain name var domain = window.location.hostname; // Define configurations for different domains var config = { "www.law2conf.com": { logo: "https://www.law2conf.com/sites/law.com/themes/contrib/breeze/images/LAW%202.0_Logo(white)-01.svg", name: "Law 2.0 Conference Has Been Indefinitely Postponed", paragraph: "The Law 2.0 Conference is currently on hold for the foreseeable future. We remain committed to keeping you informed and will update this page as new information becomes available. In the meantime, we invite you to explore our other events, which continue to provide valuable opportunities for professional engagement and networking. Thank you for your understanding and continued support." }, "www.money2conf.com": { logo: "https://www.money2conf.com/sites/icif.com/files/scorecards/Money-2.0-Conference(green).png", name: "Money 2.0 Conference Has Been Indefinitely Postponed", paragraph: "The Money 2.0 Conference is currently on hold for the foreseeable future. We remain committed to keeping you informed and will update this page as new information becomes available. In the meantime, we invite you to explore our other events, which continue to provide valuable opportunities for professional engagement and networking. Thank you for your understanding and continued support." }, "www.more2conf.com": { logo: "https://www.education2conf.com/sponsor/MoRe_1.png", name: "MORE 2.0 Conference Has Been Indefinitely Postponed", paragraph: "The MoRE 2.0 Conference is currently on hold for the foreseeable future. We remain committed to keeping you informed and will update this page as new information becomes available. In the meantime, we invite you to explore our other events, which continue to provide valuable opportunities for professional engagement and networking. Thank you for your understanding and continued support." }, "www.food2conf.com": { logo: "https://www.education2conf.com/sponsor/Food2.0_1.png", name: "Food 2.0 Conference Has Been Indefinitely Postponed", paragraph: "The Food 2.0 Conference is currently on hold for the foreseeable future. We remain committed to keeping you informed and will update this page as new information becomes available. In the meantime, we invite you to explore our other events, which continue to provide valuable opportunities for professional engagement and networking. Thank you for your understanding and continued support." }, "www.realty2conf.com": { logo: "https://www.education2conf.com/sponsor/Realty2.0_2.png", name: "Realty 2.0 Conference Has Been Indefinitely Postponed", paragraph: "The Realty 2.0 Conference is currently on hold for the foreseeable future. We remain committed to keeping you informed and will update this page as new information becomes available. In the meantime, we invite you to explore our other events, which continue to provide valuable opportunities for professional engagement and networking. Thank you for your understanding and continued support." }, "www.internet2conf.com": { logo: "https://www.internet2conf.com/sites/wits.com/themes/contrib/wits/images/mlogo.png", name: "Internet 2.0 Conference Has Been Indefinitely Postponed", paragraph: "The Internet 2.0 Conference is currently on hold for the foreseeable future. We remain committed to keeping you informed and will update this page as new information becomes available. In the meantime, we invite you to explore our other events, which continue to provide valuable opportunities for professional engagement and networking. Thank you for your understanding and continued support." }, "www.marketing2conf.com": { logo: "https://www.education2conf.com/sponsor/marketing_white.png", name: "Marketing 2.0 Conference Has Been Indefinitely Postponed", paragraph: "The Marketing 2.0 Conference is currently on hold for the foreseeable future. We remain committed to keeping you informed and will update this page as new information becomes available. In the meantime, we invite you to explore our other events, which continue to provide valuable opportunities for professional engagement and networking. Thank you for your understanding and continued support." }, "www.wblconf.com": { logo: "https://www.education2conf.com/sponsor/WBL.png", name: "WBL Conference Has Been Indefinitely Postponed", paragraph: "The World Business Leaders Conference is currently on hold for the foreseeable future. We remain committed to keeping you informed and will update this page as new information becomes available. In the meantime, we invite you to explore our other events, which continue to provide valuable opportunities for professional engagement and networking. Thank you for your understanding and continued support." }, "www.arabdesk.com": { logo: "https://www.education2conf.com/sponsor/ArabDesk.png", name: "Arab Desk Has Been Indefinitely Postponed", paragraph: "The Arab Desk is currently on hold for the foreseeable future. We remain committed to keeping you informed and will update this page as new information becomes available. In the meantime, we invite you to explore our other events, which continue to provide valuable opportunities for professional engagement and networking. Thank you for your understanding and continued support." }, }; // Check if the current domain has a configuration if (config[domain]) { var siteConfig = config[domain]; // Update logo and name document.getElementById("logo").src = siteConfig.logo; document.getElementById("conference-name").textContent = siteConfig.name; var paragraph = document.getElementById("conference-named"); // if (paragraph) { // paragraph.innerHTML = `The ${siteConfig.name} is currently suspended until further notice. We will update this page as new information becomes available. In the meantime, we invite you to explore our other events for valuable networking and professional growth. Thank you for your support and understanding.`; // } if (paragraph) { paragraph.innerHTML = siteConfig.paragraph; } } else { console.log("No configuration found for this domain. Using default values."); } }); </script> <script> document.addEventListener("DOMContentLoaded", function () { // Get the current domain name var domain = window.location.hostname; // Set the domain value in the hidden field var domainField = document.querySelector('input[name="domain"]'); if (domainField) { domainField.value = domain; } else { console.error("Hidden domain field not found."); } }); </script> </body> </html>

CINXE.COM

Law 2.0 Conference