added Sydney

This commit is contained in:
Oliver committed 2026-03-06 10:45:30 -03:00
1 parent d4482e753f
commit 864cc2ed15
6 files changed
+164 -2

No files matched your search

+1
View File
@@ -76,6 +76,7 @@ function createModal() {
<option value="Mumbai">IN, Mumbai</option>
<option value="Saopaulo">BR, Sao Paulo</option>
<option value="Meppel">NL, Meppel</option>
<option value="Sydney">AU, Sydney</option>
</select>
<input type="text" name="name" placeholder="Name" required style="padding: 12px 15px; border: 1px solid #ccc; border-radius: 8px;">
+1 -1
View File
@@ -1 +1 @@
const CATEGORY_CONFIG={3:{showLocation:!1,webhook:""},4:{showLocation:!0,webhook:"https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/c76e6b4e-af2f-4bc3-9875-6460d0ffc8e3"},5:{showLocation:!1,webhook:"https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/fd20e194-b821-4b1f-814f-7bb93ae16046"},7:{showLocation:!1,webhook:""}};function getCookie(e){const t=document.cookie.match(new RegExp("(^| )"+e+"=([^;]+)"));return t?decodeURIComponent(t[2]):null}function setCookieIfEmpty(e,t,o=90){if(!t)return;if(getCookie(e))return;const n=new Date;n.setTime(n.getTime()+24*o*60*60*1e3),document.cookie=`${e}=${encodeURIComponent(t)}; expires=${n.toUTCString()}; path=/; SameSite=Lax`}function addUtmFields(e){const t={utm_source:"homepage",utm_medium:"direct",utm_campaign:"none",utm_term:"",utm_content:""};["utm_source","utm_medium","utm_campaign","utm_term","utm_content"].forEach(o=>{let n=e.querySelector(`input[name="${o}"]`);n||(n=document.createElement("input"),n.type="hidden",n.name=o,e.appendChild(n)),n.value=getCookie(o)||t[o]})}function createModal(){const e=document.createElement("div");return e.id="buyNowModal",Object.assign(e.style,{position:"fixed",top:"0",left:"0",width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,0.6)",display:"none",justifyContent:"center",alignItems:"center",zIndex:"1000"}),e.innerHTML='\n <div style="background: #fff; padding: 40px 30px; border-radius: 16px; max-width: 500px; width: 90%; position: relative; font-family: \'Arial\', sans-serif; box-shadow: 0 10px 25px rgba(0,0,0,0.2);">\n <span id="closeModal" style="position: absolute; top: 15px; right: 20px; cursor: pointer; font-weight: bold; font-size: 24px; color: #555;">&times;</span>\n <h2 style="margin-bottom: 15px; font-size: 24px; color: #333;">Order Details</h2>\n <p id="productText" style="margin-bottom: 25px; font-weight: 500; color: #555;"></p>\n\n <form id="buyForm" style="display: flex; flex-direction: column; gap: 15px;">\n <select name="location" id="locationSelect" required style="display: none; padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">\n <option value="">Select Location</option>\n <option value="Boston">US, Boston</option>\n <option value="Manchester">UK, Manchester</option>\n <option value="Mumbai">IN, Mumbai</option>\n <option value="Saopaulo">BR, Sao Paulo</option>\n <option value="Meppel">NL, Meppel</option>\n </select>\n\n <input type="text" name="name" placeholder="Name" required style="padding: 12px 15px; border: 1px solid #ccc; border-radius: 8px;">\n <input type="text" name="company" placeholder="Company" required style="padding: 12px 15px; border: 1px solid #ccc; border-radius: 8px;">\n <input type="text" name="country" placeholder="Country" required style="padding: 12px 15px; border: 1px solid #ccc; border-radius: 8px;">\n <input type="text" name="street" placeholder="Street" required style="padding: 12px 15px; border: 1px solid #ccc; border-radius: 8px;">\n <div style="display: flex; gap: 10px;">\n <input type="text" name="zip" placeholder="ZIP" required style="max-width: 100px; flex: 1 1 0; padding: 12px 10px; border: 1px solid #ccc; border-radius: 8px;">\n <input type="text" name="town" placeholder="Town" required style="flex: 2 1 0; padding: 12px 10px; border: 1px solid #ccc; border-radius: 8px;">\n </div>\n <input type="email" name="email" placeholder="Email" required style="padding: 12px 15px; border: 1px solid #ccc; border-radius: 8px;">\n <input type="hidden" name="product">\n <input type="hidden" name="price">\n <input type="hidden" name="id">\n <input type="hidden" name="category">\n\n <button id="submitBuy" type="submit" style="padding: 14px; background: #007BFF; color: #fff; border: none; border-radius: 8px; cursor: pointer; font-size: 18px; font-weight: bold;">Send Order</button>\n </form>\n\n <div id="confirmation" style="display: none; margin-top: 20px; padding: 20px; background-color: #e6ffed; color: #056608; border-radius: 12px; text-align: center; font-weight: 500;">\n <p>Thank you for your purchase! 🎉</p>\n <button id="closeConfirmation" style="margin-top: 10px; padding: 10px 20px; background: #007BFF; color: #fff; border: none; border-radius: 8px; cursor: pointer;">Close</button>\n </div>\n </div>\n ',document.body.appendChild(e),document.getElementById("closeModal").onclick=()=>e.style.display="none",document.getElementById("closeConfirmation").onclick=()=>{document.getElementById("confirmation").style.display="none",e.style.display="none"},e.onclick=t=>{t.target===e&&(e.style.display="none")},e}function openModal(e){const t=document.getElementById("buyNowModal"),o=t.querySelector("#buyForm"),n=t.querySelector("#confirmation");t.style.display="flex",o.styleLine truncated
const CATEGORY_CONFIG={3:{showLocation:!1,webhook:""},4:{showLocation:!0,webhook:"https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/c76e6b4e-af2f-4bc3-9875-6460d0ffc8e3"},5:{showLocation:!1,webhook:"https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/fd20e194-b821-4b1f-814f-7bb93ae16046"},7:{showLocation:!1,webhook:""}};function getCookie(e){const o=document.cookie.match(new RegExp("(^| )"+e+"=([^;]+)"));return o?decodeURIComponent(o[2]):null}function setCookieIfEmpty(e,o,t=90){if(!o)return;if(getCookie(e))return;const n=new Date;n.setTime(n.getTime()+24*t*60*60*1e3),document.cookie=`${e}=${encodeURIComponent(o)}; expires=${n.toUTCString()}; path=/; SameSite=Lax`}function addUtmFields(e){const o={utm_source:"homepage",utm_medium:"direct",utm_campaign:"none",utm_term:"",utm_content:""};["utm_source","utm_medium","utm_campaign","utm_term","utm_content"].forEach(t=>{let n=e.querySelector(`input[name="${t}"]`);n||(n=document.createElement("input"),n.type="hidden",n.name=t,e.appendChild(n)),n.value=getCookie(t)||o[t]})}function createModal(){const e=document.createElement("div");return e.id="buyNowModal",Object.assign(e.style,{position:"fixed",top:"0",left:"0",width:"100%",height:"100%",backgroundColor:"rgba(0,0,0,0.6)",display:"none",justifyContent:"center",alignItems:"center",zIndex:"1000"}),e.innerHTML='\n <div style="background: #fff; padding: 40px 30px; border-radius: 16px; max-width: 500px; width: 90%; position: relative; font-family: \'Arial\', sans-serif; box-shadow: 0 10px 25px rgba(0,0,0,0.2);">\n <span id="closeModal" style="position: absolute; top: 15px; right: 20px; cursor: pointer; font-weight: bold; font-size: 24px; color: #555;">&times;</span>\n <h2 style="margin-bottom: 15px; font-size: 24px; color: #333;">Order Details</h2>\n <p id="productText" style="margin-bottom: 25px; font-weight: 500; color: #555;"></p>\n\n <form id="buyForm" style="display: flex; flex-direction: column; gap: 15px;">\n <select name="location" id="locationSelect" required style="display: none; padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">\n <option value="">Select Location</option>\n <option value="Boston">US, Boston</option>\n <option value="Manchester">UK, Manchester</option>\n <option value="Mumbai">IN, Mumbai</option>\n <option value="Saopaulo">BR, Sao Paulo</option>\n <option value="Meppel">NL, Meppel</option>\n <option value="Sydney">AU, Sydney</option>\n </select>\n\n <input type="text" name="name" placeholder="Name" required style="padding: 12px 15px; border: 1px solid #ccc; border-radius: 8px;">\n <input type="text" name="company" placeholder="Company" required style="padding: 12px 15px; border: 1px solid #ccc; border-radius: 8px;">\n <input type="text" name="country" placeholder="Country" required style="padding: 12px 15px; border: 1px solid #ccc; border-radius: 8px;">\n <input type="text" name="street" placeholder="Street" required style="padding: 12px 15px; border: 1px solid #ccc; border-radius: 8px;">\n <div style="display: flex; gap: 10px;">\n <input type="text" name="zip" placeholder="ZIP" required style="max-width: 100px; flex: 1 1 0; padding: 12px 10px; border: 1px solid #ccc; border-radius: 8px;">\n <input type="text" name="town" placeholder="Town" required style="flex: 2 1 0; padding: 12px 10px; border: 1px solid #ccc; border-radius: 8px;">\n </div>\n <input type="email" name="email" placeholder="Email" required style="padding: 12px 15px; border: 1px solid #ccc; border-radius: 8px;">\n <input type="hidden" name="product">\n <input type="hidden" name="price">\n <input type="hidden" name="id">\n <input type="hidden" name="category">\n\n <button id="submitBuy" type="submit" style="padding: 14px; background: #007BFF; color: #fff; border: none; border-radius: 8px; cursor: pointer; font-size: 18px; font-weight: bold;">Send Order</button>\n </form>\n\n <div id="confirmation" style="display: none; margin-top: 20px; padding: 20px; background-color: #e6ffed; color: #056608; border-radius: 12px; text-align: center; font-weight: 500;">\n <p>Thank you for your purchase! 🎉</p>\n <button id="closeConfirmation" style="margin-top: 10px; padding: 10px 20px; background: #007BFF; color: #fff; border: none; border-radius: 8px; cursor: pointer;">Close</button>\n </div>\n </div>\n ',document.body.appendChild(e),document.getElementById("closeModal").onclick=()=>e.style.display="none",document.getElementById("closeConfirmation").onclick=()=>{document.getElementById("confirmation").style.display="none",e.style.display="none"},e.onclick=o=>{o.target===e&&(e.style.display="none")},e}function openModal(e){const o=document.getElementById("buyNowModal"),t=o.querySelector("#buyForm"),n=o.querySeLine truncated
+1
View File
@@ -79,6 +79,7 @@ function tryNow_createModal() {
<option value="Mumbai">IN, Mumbai</option>
<option value="saopaulo">BR, Sao Paulo</option>
<option value="Meppel">NL, Meppel</option>
<option value="Sydney">AU, Sydney</option>
</select>
<select name="product" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">
+1 -1
View File
@@ -1 +1 @@
const TRYNOW_WEBHOOK_URL="https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/c25169c6-4234-4b47-8e74-612b9539da0a";function getCookie(n){const t=`; ${document.cookie}`.split(`; ${n}=`);return 2===t.length?t.pop().split(";").shift():null}function addUtmFields(n){const t={utm_source:"homepage",utm_medium:"direct",utm_campaign:"none"};["utm_source","utm_medium","utm_campaign","utm_term","utm_content"].forEach(o=>{let e=n.querySelector(`input[name="${o}"]`);e||(e=document.createElement("input"),e.type="hidden",e.name=o,n.appendChild(e));const i=getCookie(o);e.value=i||t[o]||""})}function tryNow_createModal(){const n=document.createElement("div");n.id="trynowModal",n.style.position="fixed",n.style.top="0",n.style.left="0",n.style.width="100%",n.style.height="100%",n.style.backgroundColor="rgba(0,0,0,0.6)",n.style.display="none",n.style.justifyContent="center",n.style.alignItems="center",n.style.zIndex="1000",n.innerHTML='\n <div style="\n background: #ffffff; \n padding: 40px 30px; \n border-radius: 16px; \n max-width: 400px; \n width: 90%; \n position: relative; \n font-family: \'Arial\', sans-serif; \n box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n ">\n <span id="trynowCloseModal" style="\n position: absolute; \n top: 15px; \n right: 20px; \n cursor: pointer; \n font-weight: bold; \n font-size: 24px;\n color: #555;\n ">&times;</span>\n \n <h2 style="margin-bottom: 20px; font-size: 24px; color: #333;">Order Details</h2>\n\n <form id="trynowForm" style="display: flex; flex-direction: column; gap: 15px;">\n <input type="email" name="email" placeholder="Email" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">\n\n <select name="location" id="trynowLocationSelect" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">\n <option value="">Select Location</option>\n <option value="Boston">US, Boston</option>\n <option value="Manchester">UK, Manchester</option>\n <option value="Mumbai">IN, Mumbai</option>\n <option value="saopaulo">BR, Sao Paulo</option>\n <option value="Meppel">NL, Meppel</option>\n </select>\n\n <select name="product" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">\n <option value="odoo_19" selected>ODOO</option>\n <option value="N8N">n8n</option>\n </select>\n\n <button type="submit" style="\n padding: 14px; \n background: #007BFF; \n color: #fff; \n border: none; \n border-radius: 8px; \n cursor: pointer; \n font-size: 18px; \n font-weight: bold;\n transition: background 0.3s;\n ">Start free Trial</button>\n </form>\n\n <div id="trynowConfirmation" style="\n display: none;\n margin-top: 20px;\n padding: 20px;\n background-color: #e6ffed;\n color: #056608;\n border-radius: 12px;\n text-align: center;\n font-weight: 500;\n ">\n <p>Thank you for your submission! 🎉</p>\n <button id="trynowCloseConfirmation" style="\n margin-top: 10px;\n padding: 10px 20px;\n background: #007BFF;\n color: #fff;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n font-size: 16px;\n transition: background 0.3s;\n ">Close</button>\n </div>\n </div>\n ',document.body.appendChild(n);return addUtmFields(n.querySelector("#trynowForm")),document.getElementById("trynowCloseModal").onclick=()=>{n.style.display="none"},document.getElementById("trynowCloseConfirmation").onclick=()=>{document.getElementById("trynowConfirmation").style.display="none",n.style.display="none"},n.onclick=t=>{t.target===n&&(n.style.display="none")},n}function tryNow_handleFormSubmit(){const n=document.getElementById("trynowForm"),t=document.getElementById("trynowConfirmation");n.addEventListener("submit",async o=>{o.preventDefault(),addUtmFields(n);const e={};new FormData(n).forEach((n,t)=>e[t]=n);try{(await fetch(TRYNOW_WEBHOOK_URL,{method:"POST",headers:{"Content-Type":"appliLine truncated
const TRYNOW_WEBHOOK_URL="https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/c25169c6-4234-4b47-8e74-612b9539da0a";function getCookie(n){const t=`; ${document.cookie}`.split(`; ${n}=`);return 2===t.length?t.pop().split(";").shift():null}function addUtmFields(n){const t={utm_source:"homepage",utm_medium:"direct",utm_campaign:"none"};["utm_source","utm_medium","utm_campaign","utm_term","utm_content"].forEach(o=>{let e=n.querySelector(`input[name="${o}"]`);e||(e=document.createElement("input"),e.type="hidden",e.name=o,n.appendChild(e));const i=getCookie(o);e.value=i||t[o]||""})}function tryNow_createModal(){const n=document.createElement("div");n.id="trynowModal",n.style.position="fixed",n.style.top="0",n.style.left="0",n.style.width="100%",n.style.height="100%",n.style.backgroundColor="rgba(0,0,0,0.6)",n.style.display="none",n.style.justifyContent="center",n.style.alignItems="center",n.style.zIndex="1000",n.innerHTML='\n <div style="\n background: #ffffff; \n padding: 40px 30px; \n border-radius: 16px; \n max-width: 400px; \n width: 90%; \n position: relative; \n font-family: \'Arial\', sans-serif; \n box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n ">\n <span id="trynowCloseModal" style="\n position: absolute; \n top: 15px; \n right: 20px; \n cursor: pointer; \n font-weight: bold; \n font-size: 24px;\n color: #555;\n ">&times;</span>\n \n <h2 style="margin-bottom: 20px; font-size: 24px; color: #333;">Order Details</h2>\n\n <form id="trynowForm" style="display: flex; flex-direction: column; gap: 15px;">\n <input type="email" name="email" placeholder="Email" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">\n\n <select name="location" id="trynowLocationSelect" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">\n <option value="">Select Location</option>\n <option value="Boston">US, Boston</option>\n <option value="Manchester">UK, Manchester</option>\n <option value="Mumbai">IN, Mumbai</option>\n <option value="saopaulo">BR, Sao Paulo</option>\n <option value="Meppel">NL, Meppel</option>\n <option value="Sydney">AU, Sydney</option>\n </select>\n\n <select name="product" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">\n <option value="odoo_19" selected>ODOO</option>\n <option value="N8N">n8n</option>\n </select>\n\n <button type="submit" style="\n padding: 14px; \n background: #007BFF; \n color: #fff; \n border: none; \n border-radius: 8px; \n cursor: pointer; \n font-size: 18px; \n font-weight: bold;\n transition: background 0.3s;\n ">Start free Trial</button>\n </form>\n\n <div id="trynowConfirmation" style="\n display: none;\n margin-top: 20px;\n padding: 20px;\n background-color: #e6ffed;\n color: #056608;\n border-radius: 12px;\n text-align: center;\n font-weight: 500;\n ">\n <p>Thank you for your submission! 🎉</p>\n <button id="trynowCloseConfirmation" style="\n margin-top: 10px;\n padding: 10px 20px;\n background: #007BFF;\n color: #fff;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n font-size: 16px;\n transition: background 0.3s;\n ">Close</button>\n </div>\n </div>\n ',document.body.appendChild(n);return addUtmFields(n.querySelector("#trynowForm")),document.getElementById("trynowCloseModal").onclick=()=>{n.style.display="none"},document.getElementById("trynowCloseConfirmation").onclick=()=>{document.getElementById("trynowConfirmation").style.display="none",n.style.display="none"},n.onclick=t=>{t.target===n&&(n.style.display="none")},n}function tryNow_handleFormSubmit(){const n=document.getElementById("trynowForm"),t=document.getElementById("trynowConfirmation");n.addEventListener("submit",async o=>{o.preventDefault(),addUtmFields(n);const e={};new FormData(n).forEach((n,t)=>e[t]=n);try{(await fetch(Line truncated
+159
View File
@@ -0,0 +1,159 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Odoo Database Upload</title>
<style>
body {
font-family: Arial, sans-serif;
background: #f4f6f8;
display: flex;
justify-content: center;
align-items: flex-start;
padding: 50px 0;
}
.container {
background: #fff;
padding: 30px;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
width: 400px;
}
h2 {
text-align: center;
margin-bottom: 20px;
color: #333;
}
label {
font-weight: bold;
margin-top: 15px;
display: block;
}
input, select, textarea, button {
width: 100%;
padding: 10px;
margin-top: 5px;
border-radius: 6px;
border: 1px solid #ccc;
box-sizing: border-box;
}
button {
background: #007bff;
color: white;
border: none;
margin-top: 20px;
cursor: pointer;
font-size: 16px;
}
button:hover {
background: #0056b3;
}
.progress-container {
margin-top: 15px;
display: none;
}
.progress-bar {
width: 0;
height: 12px;
background: #007bff;
border-radius: 6px;
}
.progress-bg {
width: 100%;
background: #e0e0e0;
border-radius: 6px;
}
</style>
</head>
<body>
<div class="container">
<h2>Upload Odoo Database</h2>
<form id="uploadForm">
<label for="uuid">UUID</label>
<input type="text" id="uuid" name="uuid" required placeholder="Enter UUID">
<label for="serverLocation">Server Location</label>
<select id="serverLocation" name="serverLocation" required>
<option value="">Select a location</option>
<option value="Mumbai">Mumbai</option>
<option value="Sao Paulo">Sao Paulo</option>
<option value="Meppel">Meppel</option>
<option value="Boston">Boston</option>
<option value="Manchester">Manchester</option>
</select>
<label for="email">Email</label>
<input type="email" id="email" name="email" required placeholder="Enter your email">
<label for="sshKey">Public SSH Key</label>
<textarea id="sshKey" name="sshKey" rows="4" placeholder="Paste your public SSH key here"></textarea>
<label for="fileInput">Odoo Database File</label>
<input type="file" id="fileInput" required>
<button type="submit">Upload</button>
<div class="progress-container">
<div class="progress-bg">
<div class="progress-bar" id="progressBar"></div>
</div>
</div>
</form>
</div>
<script>
document.getElementById("uploadForm").addEventListener("submit", function(e) {
e.preventDefault();
const file = document.getElementById("fileInput").files[0];
if (!file) return alert("Please select a file");
const uuid = document.getElementById("uuid").value;
const serverLocation = document.getElementById("serverLocation").value;
const email = document.getElementById("email").value;
const sshKey = document.getElementById("sshKey").value;
const webhookUrl = "https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/98984f8f-37f1-45f3-8df5-ad1bf0fc7fcd";
const xhr = new XMLHttpRequest();
xhr.open("POST", webhookUrl, true);
xhr.setRequestHeader("Content-Type", "application/octet-stream");
xhr.setRequestHeader("X-UUID", uuid);
xhr.setRequestHeader("X-Server-Location", serverLocation);
xhr.setRequestHeader("X-Email", email);
xhr.setRequestHeader("X-SSH-Key", sshKey);
xhr.setRequestHeader("X-Filename", encodeURIComponent(file.name));
const progressContainer = document.querySelector(".progress-container");
const progressBar = document.getElementById("progressBar");
progressContainer.style.display = "block";
xhr.upload.onprogress = function(e) {
if (e.lengthComputable) {
const percent = (e.loaded / e.total) * 100;
progressBar.style.width = percent + "%";
}
};
xhr.onload = function() {
if (xhr.status >= 200 && xhr.status < 300) {
alert("Upload complete!");
progressBar.style.width = "0%";
progressContainer.style.display = "none";
document.getElementById("uploadForm").reset();
} else {
alert("Upload failed: " + xhr.statusText);
}
};
xhr.onerror = function() {
alert("Upload error. Please try again.");
};
xhr.send(file);
});
</script>
</body>
</html>
+1
View File
@@ -135,6 +135,7 @@
<option value="mumbai">IN, Mumbai</option>
<option value="saopaulo">BR, Sao Paulo</option>
<option value="Meppel">NL, Meppel</option>
<option value="Sydney">AU, Sydney</option>
</select>
<label for="email">Work Email</label>