{"id":526,"date":"2026-08-07T06:13:15","date_gmt":"2026-08-07T06:13:15","guid":{"rendered":"https:\/\/training27.persistenttechnology.in\/?page_id=526"},"modified":"2026-08-12T06:05:51","modified_gmt":"2026-08-12T06:05:51","slug":"countries","status":"publish","type":"page","link":"https:\/\/training27.persistenttechnology.in\/?page_id=526","title":{"rendered":"Countries"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Canada Visa Information | VisaVerse<\/title>\r\n <style>\r\n \/* CSS Variables for Consistent Branding *\/\r\n :root {\r\n --primary-color: #003366;\r\n --secondary-color: #00509e;\r\n --accent-color: #ffcc00;\r\n --text-color: #333333;\r\n --light-bg: #f4f7f6;\r\n --white: #ffffff;\r\n --transition: all 0.3s ease;\r\n }\r\n\r\n \/* Reset & Base Styles *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n body {\r\n color: var(--text-color);\r\n background-color: var(--light-bg);\r\n line-height: 1.6;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n \/* Header (No Sub-pages, Logo Top Left) *\/\r\n header {\r\n background-color: var(--primary-color);\r\n color: var(--white);\r\n padding: 1rem 5%;\r\n display: flex;\r\n justify-content: flex-start; \/* Aligns the logo to the left *\/\r\n align-items: center;\r\n position: sticky;\r\n top: 0;\r\n z-index: 1000;\r\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\r\n }\r\n\r\n .logo {\r\n font-size: 2.2rem;\r\n font-weight: bold;\r\n color: var(--white);\r\n letter-spacing: 1px;\r\n }\r\n\r\n .logo span {\r\n color: var(--accent-color);\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n background: linear-gradient(rgba(0, 51, 102, 0.7), rgba(0, 51, 102, 0.7)), url('https:\/\/images.unsplash.com\/photo-1503614472-8c93d56e92ce?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80') center\/cover;\r\n height: 400px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n color: var(--white);\r\n padding: 0 20px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 3rem;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .hero p {\r\n font-size: 1.2rem;\r\n max-width: 600px;\r\n }\r\n\r\n \/* Main Content Grid *\/\r\n .container {\r\n max-width: 1200px;\r\n margin: 40px auto;\r\n padding: 0 20px;\r\n display: grid;\r\n grid-template-columns: 2fr 1fr;\r\n gap: 40px;\r\n }\r\n\r\n \/* Info Sections *\/\r\n .info-card {\r\n background: var(--white);\r\n padding: 30px;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 6px rgba(0,0,0,0.05);\r\n margin-bottom: 30px;\r\n }\r\n\r\n .info-card h2 {\r\n color: var(--primary-color);\r\n margin-bottom: 20px;\r\n border-bottom: 2px solid var(--accent-color);\r\n display: inline-block;\r\n padding-bottom: 5px;\r\n }\r\n\r\n .visa-types {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n .visa-type {\r\n background: var(--light-bg);\r\n padding: 20px;\r\n border-radius: 6px;\r\n text-align: center;\r\n border: 1px solid #e0e0e0;\r\n transition: var(--transition);\r\n }\r\n\r\n .visa-type:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n border-color: var(--secondary-color);\r\n }\r\n\r\n .visa-type h3 {\r\n color: var(--secondary-color);\r\n margin-bottom: 10px;\r\n }\r\n\r\n \/* Sidebar \/ Mock Backend Form *\/\r\n .sidebar {\r\n background: var(--primary-color);\r\n color: var(--white);\r\n padding: 30px;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\r\n height: fit-content;\r\n }\r\n\r\n .sidebar h3 {\r\n margin-bottom: 20px;\r\n color: var(--accent-color);\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 15px;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n margin-bottom: 5px;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .form-group input, .form-group select {\r\n width: 100%;\r\n padding: 10px;\r\n border: none;\r\n border-radius: 4px;\r\n font-size: 1rem;\r\n }\r\n\r\n button {\r\n width: 100%;\r\n background-color: var(--accent-color);\r\n color: var(--primary-color);\r\n padding: 12px;\r\n border: none;\r\n border-radius: 4px;\r\n font-size: 1.1rem;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: var(--transition);\r\n }\r\n\r\n button:hover {\r\n background-color: #e6b800;\r\n }\r\n\r\n \/* Simulated Backend Response Area *\/\r\n #response-area {\r\n margin-top: 20px;\r\n padding: 15px;\r\n border-radius: 4px;\r\n display: none;\r\n font-weight: 500;\r\n }\r\n\r\n .success {\r\n background-color: #d4edda;\r\n color: #155724;\r\n border: 1px solid #c3e6cb;\r\n }\r\n\r\n \/* Footer *\/\r\n footer {\r\n background: #1a1a1a;\r\n color: var(--white);\r\n text-align: center;\r\n padding: 20px;\r\n margin-top: 40px;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .container {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Header (Logo aligned to Top Left) -->\r\n <header>\r\n <div class=\"logo\">Visa<span>Verse<\/span><\/div>\r\n <\/header>\r\n\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <h1>Welcome to Canada<\/h1>\r\n <p>Discover the requirements, processing times, and eligibility for your journey to the Great White North.<\/p>\r\n <\/section>\r\n\r\n <!-- Main Layout -->\r\n <div class=\"container\">\r\n <!-- Left Column: Information -->\r\n <div class=\"main-content\">\r\n <div class=\"info-card\">\r\n <h2>Available Visa Types<\/h2>\r\n <div class=\"visa-types\">\r\n <div class=\"visa-type\">\r\n <h3>Tourist Visa<\/h3>\r\n <p>For leisure, family visits, and short-term travel. Valid up to 10 years.<\/p>\r\n <\/div>\r\n <div class=\"visa-type\">\r\n <h3>Student Visa<\/h3>\r\n <p>Study at top-tier universities. Includes post-graduation work rights.<\/p>\r\n <\/div>\r\n <div class=\"visa-type\">\r\n <h3>Work Permit<\/h3>\r\n <p>For skilled professionals with valid job offers or Express Entry profiles.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <h2>General Requirements<\/h2>\r\n <ul style=\"list-style-position: inside; margin-top: 10px;\">\r\n <li>Valid Passport (minimum 6 months validity)<\/li>\r\n <li>Completed Application Form<\/li>\r\n <li>Proof of Financial Support<\/li>\r\n <li>Passport-sized Photographs<\/li>\r\n <li>Biometrics & Medical Examination (if applicable)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right Column: Interactive \"Backend\" Form -->\r\n <aside class=\"sidebar\">\r\n <h3>Check Your Eligibility<\/h3>\r\n <p style=\"margin-bottom: 20px; font-size: 0.9rem;\">Fill out this form to query our database in real-time.<\/p>\r\n \r\n <form id=\"eligibilityForm\">\r\n <div class=\"form-group\">\r\n <label for=\"fullName\">Full Name<\/label>\r\n <input type=\"text\" id=\"fullName\" required placeholder=\"John Doe\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"nationality\">Nationality<\/label>\r\n <input type=\"text\" id=\"nationality\" required placeholder=\"e.g. Indian, American\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label for=\"visaCategory\">Visa Category<\/label>\r\n <select id=\"visaCategory\" required>\r\n <option value=\"\">Select a category...<\/option>\r\n <option value=\"tourist\">Tourist (Visitor)<\/option>\r\n <option value=\"student\">Student<\/option>\r\n <option value=\"work\">Work Permit<\/option>\r\n <\/select>\r\n <\/div>\r\n <button type=\"submit\">Submit to Server<\/button>\r\n <\/form>\r\n\r\n <!-- This div simulates the response from a backend -->\r\n <div id=\"response-area\"><\/div>\r\n <\/aside>\r\n <\/div>\r\n\r\n <!-- Footer -->\r\n <footer>\r\n <p>© 2026 VisaVerse. All rights reserved. Your trusted immigration partner.<\/p>\r\n <\/footer>\r\n\r\n <!-- Simulated Backend Logic using JavaScript -->\r\n <script>\r\n document.getElementById('eligibilityForm').addEventListener('submit', function(event) {\r\n event.preventDefault(); \/\/ Prevent page reload\r\n\r\n \/\/ Get form values \r\n const name = document.getElementById('fullName').value;\r\n const category = document.getElementById('visaCategory').value;\r\n const responseArea = document.getElementById('response-area');\r\n\r\n \/\/ Change button text to simulate loading\r\n const btn = document.querySelector('button');\r\n const originalText = btn.innerText;\r\n btn.innerText = \"Processing...\";\r\n btn.disabled = true;\r\n\r\n \/\/ Simulate server processing time (1.5 seconds)\r\n setTimeout(() => {\r\n let categoryName = \"\";\r\n if(category === \"tourist\") categoryName = \"Tourist Visa\";\r\n if(category === \"student\") categoryName = \"Student Visa\";\r\n if(category === \"work\") categoryName = \"Work Permit\";\r\n\r\n \/\/ Generate success response\r\n responseArea.innerHTML = `\u2705 <strong>Success, ${name}!<\/strong><br>Your preliminary profile for the ${categoryName} has been logged in our system. An agent will contact you shortly with the exact document checklist.`;\r\n responseArea.className = \"success\";\r\n responseArea.style.display = \"block\";\r\n\r\n \/\/ Reset button and form\r\n btn.innerText = originalText;\r\n btn.disabled = false;\r\n document.getElementById('eligibilityForm').reset();\r\n }, 1500);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Canada Visa Information | VisaVerse VisaVerse Welcome to Canada Discover the requirements, processing times, and eligibility for your journey to … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-526","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/training27.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages\/526","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/training27.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/training27.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/training27.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/training27.persistenttechnology.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=526"}],"version-history":[{"count":4,"href":"https:\/\/training27.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages\/526\/revisions"}],"predecessor-version":[{"id":611,"href":"https:\/\/training27.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages\/526\/revisions\/611"}],"wp:attachment":[{"href":"https:\/\/training27.persistenttechnology.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}