{"id":28,"date":"2025-05-07T14:58:58","date_gmt":"2025-05-07T14:58:58","guid":{"rendered":"https:\/\/aemonline.net\/blog\/?page_id=28"},"modified":"2025-09-06T15:30:56","modified_gmt":"2025-09-06T15:30:56","slug":"contact","status":"publish","type":"page","link":"https:\/\/aemonline.net\/blog\/contact\/","title":{"rendered":"contact"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Contact Us &#8211; AEM Institute<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&#038;display=swap\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Poppins', sans-serif;\n        }\n        \n        body {\n            background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);\n            color: #333;\n            line-height: 1.6;\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            padding: 20px;\n        }\n        \n        .contact-container {\n            max-width: 1200px;\n            width: 100%;\n            background: white;\n            border-radius: 15px;\n            overflow: hidden;\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n            margin: 40px auto;\n        }\n        \n        .contact-header {\n            background: linear-gradient(120deg, #1a56db 0%, #0d3eab 100%);\n            color: white;\n            padding: 40px 30px;\n            text-align: center;\n        }\n        \n        .contact-header h1 {\n            font-size: 2.8rem;\n            margin-bottom: 15px;\n            font-weight: 700;\n        }\n        \n        .contact-header p {\n            font-size: 1.2rem;\n            max-width: 700px;\n            margin: 0 auto;\n            opacity: 0.9;\n        }\n        \n        .contact-content {\n            display: flex;\n            flex-wrap: wrap;\n        }\n        \n        .contact-info {\n            flex: 1;\n            min-width: 300px;\n            padding: 40px 30px;\n            background: #f9fafc;\n        }\n        \n        .info-card {\n            background: white;\n            border-radius: 12px;\n            padding: 30px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            margin-bottom: 30px;\n        }\n        \n        .contact-info h2 {\n            color: #1a56db;\n            margin-bottom: 25px;\n            font-size: 1.8rem;\n            position: relative;\n            padding-bottom: 10px;\n        }\n        \n        .contact-info h2:after {\n            content: '';\n            position: absolute;\n            width: 50px;\n            height: 4px;\n            background: #1a56db;\n            bottom: 0;\n            left: 0;\n            border-radius: 2px;\n        }\n        \n        .info-item {\n            display: flex;\n            align-items: flex-start;\n            margin-bottom: 25px;\n        }\n        \n        .info-icon {\n            width: 55px;\n            height: 55px;\n            background: #e8f0fe;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 20px;\n            color: #1a56db;\n            font-size: 1.4rem;\n            flex-shrink: 0;\n        }\n        \n        .info-details h3 {\n            font-size: 1.2rem;\n            margin-bottom: 8px;\n            color: #222;\n        }\n        \n        .info-details p {\n            color: #555;\n        }\n        \n        .action-buttons {\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n            margin-top: 20px;\n        }\n        \n        .btn {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 16px 25px;\n            border-radius: 50px;\n            font-size: 1.1rem;\n            font-weight: 600;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            text-align: center;\n        }\n        \n        .btn-call {\n            background: #1a56db;\n            color: white;\n            border: 2px solid #1a56db;\n        }\n        \n        .btn-call:hover {\n            background: #0d3eab;\n            border-color: #0d3eab;\n            transform: translateY(-3px);\n            box-shadow: 0 5px 15px rgba(26, 86, 219, 0.4);\n        }\n        \n        .btn-whatsapp {\n            background: #25D366;\n            color: white;\n            border: 2px solid #25D366;\n        }\n        \n        .btn-whatsapp:hover {\n            background: #128C7E;\n            border-color: #128C7E;\n            transform: translateY(-3px);\n            box-shadow: 0 5px 15px rgba(37, 211, 102, 0.4);\n        }\n        \n        .btn-email {\n            background: #ea4335;\n            color: white;\n            border: 2px solid #ea4335;\n        }\n        \n        .btn-email:hover {\n            background: #d33426;\n            border-color: #d33426;\n            transform: translateY(-3px);\n            box-shadow: 0 5px 15px rgba(234, 67, 53, 0.4);\n        }\n        \n        .btn-icon {\n            margin-right: 10px;\n            font-size: 1.3rem;\n        }\n        \n        .contact-map {\n            flex: 1.5;\n            min-width: 300px;\n            position: relative;\n        }\n        \n        .map-container {\n            width: 100%;\n            height: 100%;\n            min-height: 500px;\n        }\n        \n        .map-overlay {\n            position: absolute;\n            bottom: 20px;\n            left: 20px;\n            background: white;\n            padding: 15px 20px;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n            max-width: 280px;\n            z-index: 100;\n        }\n        \n        .map-overlay h3 {\n            color: #1a56db;\n            margin-bottom: 10px;\n            font-size: 1.2rem;\n        }\n        \n        .map-overlay p {\n            color: #555;\n            font-size: 0.95rem;\n            line-height: 1.5;\n        }\n        \n        .business-hours {\n            background: white;\n            padding: 30px;\n            border-radius: 12px;\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\n            margin-top: 20px;\n        }\n        \n        .business-hours h2 {\n            color: #1a56db;\n            margin-bottom: 20px;\n            font-size: 1.6rem;\n            position: relative;\n            padding-bottom: 10px;\n        }\n        \n        .business-hours h2:after {\n            content: '';\n            position: absolute;\n            width: 50px;\n            height: 4px;\n            background: #1a56db;\n            bottom: 0;\n            left: 0;\n            border-radius: 2px;\n        }\n        \n        .hours-table {\n            width: 100%;\n            border-collapse: collapse;\n        }\n        \n        .hours-table tr {\n            border-bottom: 1px solid #eee;\n        }\n        \n        .hours-table tr:last-child {\n            border-bottom: none;\n        }\n        \n        .hours-table td {\n            padding: 12px 5px;\n        }\n        \n        .hours-table td:first-child {\n            font-weight: 600;\n            color: #333;\n        }\n        \n        .hours-table td:last-child {\n            text-align: right;\n            color: #555;\n        }\n        \n        .footer-note {\n            text-align: center;\n            margin-top: 30px;\n            color: #777;\n            font-size: 0.95rem;\n        }\n        \n        @media (max-width: 900px) {\n            .contact-content {\n                flex-direction: column;\n            }\n            \n            .contact-header h1 {\n                font-size: 2.2rem;\n            }\n            \n            .contact-header p {\n                font-size: 1.1rem;\n            }\n            \n            .map-container {\n                min-height: 400px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .contact-header {\n                padding: 30px 20px;\n            }\n            \n            .contact-header h1 {\n                font-size: 1.8rem;\n            }\n            \n            .contact-info {\n                padding: 25px 20px;\n            }\n            \n            .info-item {\n                flex-direction: column;\n                text-align: center;\n            }\n            \n            .info-icon {\n                margin-right: 0;\n                margin-bottom: 15px;\n            }\n            \n            .map-overlay {\n                left: 50%;\n                transform: translateX(-50%);\n                max-width: 90%;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"contact-container\">\n        <div class=\"contact-header\">\n            <h1>GET IN TOUCH WITH AEM INSTITUTE<\/h1>\n            <p>We&#8217;re here to answer your questions and help you achieve your educational goals. Reach out to us through any of the following channels.<\/p>\n        <\/div>\n        \n        <div class=\"contact-content\">\n            <div class=\"contact-info\">\n                <div class=\"info-card\">\n                    <h2>Contact Information<\/h2>\n                    \n                    <div class=\"info-item\">\n                        <div class=\"info-icon\">\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\n                        <\/div>\n                        <div class=\"info-details\">\n                            <h3>Our Address<\/h3>\n                            <p>8B Lake Road<br>Beside Lake Mall<br>Near Kalighat Metro Station<br>Kolkata \u2013 700029<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"info-item\">\n                        <div class=\"info-icon\">\n                            <i class=\"fas fa-phone-alt\"><\/i>\n                        <\/div>\n                        <div class=\"info-details\">\n                            <h3>Phone Number<\/h3>\n                            <p>+91 93309 25622<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"info-item\">\n                        <div class=\"info-icon\">\n                            <i class=\"fas fa-envelope\"><\/i>\n                        <\/div>\n                        <div class=\"info-details\">\n                            <h3>Email Address<\/h3>\n                            <p>contact@aemonline.net<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"action-buttons\">\n                    <a href=\"tel:+919330925622\" class=\"btn btn-call\">\n                        <i class=\"fas fa-phone btn-icon\"><\/i> Call Now\n                    <\/a>\n                    <a href=\"https:\/\/wa.me\/919330925622?text=Hello%20AEM%20Institute,%20I%20would%20like%20more%20information%20about%20your%20courses.\" target=\"_blank\" class=\"btn btn-whatsapp\">\n                        <i class=\"fab fa-whatsapp btn-icon\"><\/i> WhatsApp Message\n                    <\/a>\n                    <a href=\"mailto:contact@aemonline.net\" class=\"btn btn-email\">\n                        <i class=\"fas fa-envelope btn-icon\"><\/i> Send Email\n                    <\/a>\n                <\/div>\n                \n                <div class=\"business-hours\">\n                    <h2>Business Hours<\/h2>\n                    <table class=\"hours-table\">\n                        <tr>\n                            <td>Tuesday &#8211; Friday<\/td>\n                            <td>10:00 AM &#8211; 6:00 PM<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Saturday<\/td>\n                            <td>10:00 AM &#8211; 4:00 PM<\/td>\n                        <\/tr>\n                        <tr>\n                            <td>Sunday<\/td>\n                            <td>10:00 AM &#8211; 4:00 PM<\/td>\n                        <\/tr>\n                         <tr>\n                            <td>Monday<\/td>\n                            <td>Closed<\/td>\n                        <\/tr>\n                    <\/table>\n                <\/div>\n            <\/div>\n            \n            <div class=\"contact-map\">\n                <div class=\"map-container\">\n                    <iframe style=\"border: 0; width: 100%; height: 312px;\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d14742.763005403813!2d88.3499271!3d22.5157831!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a0270d2b541e611%3A0x675d3bc02946076f!2sAEM%20Institute!5e0!3m2!1sen!2sin!4v1676006843831!5m2!1sen!2sin\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe>\n                <\/div>\n                <div class=\"map-overlay\">\n                    <h3>Our Location<\/h3>\n                    <p>We are located beside Lake Mall, near Kalighat Metro Station in Kolkata.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <p class=\"footer-note\">\u00a9 2023 AEM Institute. All rights reserved.<\/p>\n\n    <script>\n        \/\/ Simple interactive effect for buttons\n        document.addEventListener('DOMContentLoaded', function() {\n            const buttons = document.querySelectorAll('.btn');\n            \n            buttons.forEach(button => {\n                button.addEventListener('mousedown', function() {\n                    this.style.transform = 'scale(0.98)';\n                });\n                \n                button.addEventListener('mouseup', function() {\n                    this.style.transform = '';\n                });\n                \n                button.addEventListener('mouseleave', function() {\n                    this.style.transform = '';\n                });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Contact Us &#8211; AEM Institute GET IN TOUCH WITH AEM INSTITUTE We&#8217;re here to answer your questions and help you achieve your educational goals. Reach out to us through any<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Devraj Sarkar","author_link":"https:\/\/aemonline.net\/blog\/author\/devraj\/"},"uagb_comment_info":0,"uagb_excerpt":"Contact Us &#8211; AEM Institute GET IN TOUCH WITH AEM INSTITUTE We&#8217;re here to answer your questions and help you achieve your educational goals. Reach out to us through any","_links":{"self":[{"href":"https:\/\/aemonline.net\/blog\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aemonline.net\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aemonline.net\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aemonline.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aemonline.net\/blog\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":6,"href":"https:\/\/aemonline.net\/blog\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":290,"href":"https:\/\/aemonline.net\/blog\/wp-json\/wp\/v2\/pages\/28\/revisions\/290"}],"wp:attachment":[{"href":"https:\/\/aemonline.net\/blog\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}