<div style="display: flex; width: 100%; height: 100%; border-radius: 16px; font-family: sans-serif; box-shadow: 0 10px 30px rgba(0,0,0,0.12); border: none; overflow: hidden;">
<!-- LEFT SIDE -->
<div style="flex: 1; padding: 20px; ; background: linear-gradient(135deg,#f1f5f9,#e0f2fe);">
<h2 style="margin: 0; font-size: 24px; line-height: 1.3;">🚀 Start Your <span style="color: #2563eb;">IT Career</span> Today!</h2>
<p style="color: #555; margin: 5px 0 5px; font-size: 14px;">Book a Free Demo Class & take the first step towards your bright future.</p>
<!-- FORM -->
[contact-form-7 id="49836d4" title="popup form"]
<!-- FEATURES --> <!-- TRUST TEXT -->
<p style="font-size: 13px; color: #555;">✔ 100% Secure ✔ No Spam ✔ Instant Response</p>
</div>
<!-- RIGHT SIDE IMAGE -->
<div style="flex: 1;"><img style="height: 100%; object-fit: cover;" src="https://grootsoftware.com/wp-content/uploads/2026/04/student-with-laptop.png" /></div>
</div>
<!-- BUTTON STYLE -->
<style>
.wpcf7-submit { width:60%; background:linear-gradient(90deg,#2563eb,#1d4ed8); color:#fff; padding:11px; border-radius:25px; border:none; font-size:16px; font-weight:bold; cursor:pointer; } </style>
<script>
document.addEventListener("DOMContentLoaded", function() {
const getField = (name) => document.querySelector('[name="'+name+'"]');
/* URL PARAMS */
const params = new URLSearchParams(window.location.search);
if(params.get("name")) getField("your-name").value = params.get("name");
if(params.get("email")) getField("your-email").value = params.get("email");
if(params.get("phone")) getField("phone").value = params.get("phone");
if(params.get("city")) getField("city").value = params.get("city");
if(params.get("message")) getField("message").value = params.get("message");
/* LOCAL STORAGE LOAD */
if(localStorage.getItem("name")) getField("your-name").value ||= localStorage.getItem("name");
if(localStorage.getItem("email")) getField("your-email").value ||= localStorage.getItem("email");
if(localStorage.getItem("phone")) getField("phone").value ||= localStorage.getItem("phone");
if(localStorage.getItem("city")) getField("city").value ||= localStorage.getItem("city");
if(localStorage.getItem("message")) getField("message").value ||= localStorage.getItem("message");
/* SAVE ON SUBMIT */
document.addEventListener('wpcf7submit', function() {
localStorage.setItem("name", getField("your-name").value);
localStorage.setItem("email", getField("your-email").value);
localStorage.setItem("phone", getField("phone").value);
localStorage.setItem("city", getField("city").value);
localStorage.setItem("message", getField("message").value);
}, false);
});
</script>
