{"id":16,"date":"2026-02-03T06:08:00","date_gmt":"2026-02-03T06:08:00","guid":{"rendered":"https:\/\/webodoctor.in\/?page_id=16"},"modified":"2026-04-23T10:53:34","modified_gmt":"2026-04-23T10:53:34","slug":"contact","status":"publish","type":"page","link":"https:\/\/webodoctor.in\/?page_id=16","title":{"rendered":"Contact"},"content":{"rendered":"\n<div class=\"wp-block-cover is-light has-custom-content-position is-position-center-left wp-duotone-unset-1\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1707\" class=\"wp-block-cover__image-background wp-image-62 size-full\" alt=\"\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/contact-1-1-scaled.jpg\" style=\"object-position:16% 36%\" data-object-fit=\"cover\" data-object-position=\"16% 36%\" srcset=\"https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/contact-1-1-scaled.jpg 2560w, https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/contact-1-1-300x200.jpg 300w, https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/contact-1-1-1024x683.jpg 1024w, https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/contact-1-1-768x512.jpg 768w, https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/contact-1-1-1536x1024.jpg 1536w, https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/contact-1-1-2048x1366.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<h1 class=\"wp-block-heading has-text-align-left has-white-color has-text-color has-link-color has-large-font-size wp-elements-76b2d78ab40717536999cfa249a23d74\">Contact<\/h1>\n\n\n\n<p class=\"has-white-color has-text-color has-link-color wp-elements-933297f2532b0e19a77b8e80fbbab6f8\">Get in touch with us to see how our company can help you grow<\/p>\n\n\n\n<p class=\"has-white-color has-text-color has-link-color wp-elements-dc635d15cda59e62c0899fe0a0c147a0\">your business online.<\/p>\n<\/div><\/div>\n\n\n\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<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.6.2\/css\/font-awesome.min.css\">\n\n\n<style>\n*{\n    margin:0;\n    padding:0;\n    box-sizing:border-box;\n    font-family: 'Poppins', sans-serif;\n}\n\nbody{\n    background:#fff;\n}\n\n.contact-section{\n    width:100%;\n    padding:60px 80px 0px 80px;\n}\n\n.contact-title{\n    font-size:30px;\n    color:#4a7db3;\n    font-weight:500;\n    margin-bottom:40px;\n    border-bottom:1px solid #ccc;\n    padding-bottom:10px;\n}\n\n.contact-container{\n    display:flex;\n    justify-content:space-between;\n    gap:40px;\n}\n\n.contact-left{\n    flex:2;\n}\n\n.form-row{\n    display:flex;\n    gap:40px;\n    margin-bottom:30px;\n}\n\n.input-group{\n    flex:1;\n}\n\n.input-group label{\n    display:flex;\n    align-items:center;\n    gap:10px;\n    font-size:14px;\n    color:#777;\n    margin-bottom:8px;\n}\n\n.input-group label i{\n    color:#4a7db3;\n    font-size:20px;\n    width:18px;\n}\n\n.input-group input,\n.input-group textarea{\n    width:100%;\n    border:none;\n    border-bottom:1px solid #ccc;\n    background:transparent;\n    padding:10px 5px;\n    font-size:15px;\n    outline:none;\n}\n\n.input-group textarea{\n    resize:none;\n    height:100px;\n}\n\n.contact-btn{\n    margin-top:20px;\n    background:#4a7db3;\n    color:#fff;\n    border:none;\n    padding:15px 30px;\n    font-size:14px;\n    cursor:pointer;\n    transition:0.3s;\n}\n\n.contact-btn:hover{\n    background:#3b6896;\n}\n\n\/* Right Side *\/\n.contact-right{\n    flex:1;\n    display:flex;\n    flex-direction:column;\n    gap:30px;\n}\n\n.info-box{\n    background:#fff;\n    padding:30px;\n    border:1px solid #ddd;\n}\n\n.info-box h3{\n    font-size:19px;\n    margin-bottom:10px;\n    color:#444;\n}\n\n.info-box p{\n    font-size:14px;\n    color:#666;\n    line-height:1.7;\n}\n\n.custom-box{\n    display:flex;\n    align-items:center;\n    border:1px solid #ddd;\n    padding:17px;\n    gap:25px;\n}\n\n.icon-area{\n    font-size:32px;\n    color:#4a7db3;\n    min-width:60px;\n    text-align:center;\n}\n\n.divider{\n    width:1px;\n    height:60px;\n    background:#ccc;\n}\n\n.info-content h3{\n    font-size:23px;\n    color:#444;\n    margin-bottom:10px;\n}\n\n.info-content p:hover{\n    color: #4a7db3;\n    cursor: pointer;\n}\n\n.social-box{\n    background:#fff;\n    padding:30px;\n    border:1px solid #ddd;\n    text-align:center;\n}\n\n.social-icons{\n    display:flex;\n    justify-content:center;\n    gap:15px;\n}\n\n.social-icons a{\n    width:40px;\n    height:40px;\n    background:#eee;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border-radius:50%;\n    text-decoration:none;\n    color:#777;\n    font-size:18px;\n    transition:0.3s;\n}\n\n.social-icons a:hover{\n    background:#4a7db3;\n    color:#fff;\n}\n\n\/* Purane media query ko hata kar ise lagayein *\/\n@media (max-width: 768px) {\n    .contact-section {\n        padding: 40px 20px; \/* Mobile par side space kam karne ke liye *\/\n    }\n\n    .contact-title {\n        font-size: 24px;\n        text-align: left;\n    }\n\n    .contact-container {\n        flex-direction: column; \/* Content ko ek ke neeche ek karne ke liye *\/\n        gap: 30px;\n    }\n\n    .form-row {\n        flex-direction: column; \/* Name\/Email aur Phone\/Website ko stack karne ke liye *\/\n        gap: 25px;\n        margin-bottom: 25px;\n    }\n\n    .input-group label {\n        font-size: 16px; \/* Mobile par readability ke liye thoda bada *\/\n    }\n\n    .contact-btn {\n        width: 100%; \/* Button ko full width karne ke liye jaisa image mein hai *\/\n        padding: 18px;\n        font-weight: bold;\n    }\n\n    .custom-box {\n        padding: 20px; \/* Choti screen par padding kam *\/\n        flex-direction: row; \/* Icon aur text side-by-side hi rahega *\/\n        gap: 15px;\n    }\n\n    .icon-area {\n        font-size: 24px;\n        min-width: 40px;\n    }\n\n    .divider {\n        height: 40px; \/* Divider ki height icon ke hisaab se choti *\/\n    }\n\n    .info-content h3 {\n        font-size: 18px;\n    }\n\n    .info-content p {\n        font-size: 13px;\n        word-break: break-all; \/* Lambe numbers ya email wrap ho sakein *\/\n    }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<section class=\"contact-section\">\n    <h2 class=\"contact-title\">Send Us A Message<\/h2>\n\n    <div class=\"contact-container\">\n        \n        <!-- Left Form -->\n        <form action=\"send-mail.php\" method=\"POST\" class=\"contact-left\">\n    \n    <div class=\"form-row\">\n        <div class=\"input-group\">\n            <label>Name<\/label>\n            <input type=\"text\" name=\"name\" required>\n        <\/div>\n        <div class=\"input-group\">\n            <label>Email<\/label>\n            <input type=\"email\" name=\"email\" required>\n        <\/div>\n    <\/div>\n\n    <div class=\"form-row\">\n        <div class=\"input-group\">\n            <label>Phone<\/label>\n            <input type=\"text\" name=\"phone\">\n        <\/div>\n        <div class=\"input-group\">\n            <label>Website<\/label>\n            <input type=\"text\" name=\"website\">\n        <\/div>\n    <\/div>\n\n    <div class=\"input-group\">\n        <label>Message<\/label>\n        <textarea name=\"message\" required><\/textarea>\n    <\/div>\n\n    <button type=\"submit\" class=\"contact-btn\">CONTACT US NOW!<\/button>\n\n<\/form>\n\n        <!-- Right Info -->\n        <div class=\"contact-right\">\n    \n            <div class=\"info-box custom-box\">\n                <div class=\"icon-area\">\n                    <i class=\"fa fa-phone\"><\/i>\n                <\/div>\n                <div class=\"divider\"><\/div>\n                <div class=\"info-content\">\n                    <h3>Give us a call<\/h3>\n                    <p>\n                        +91-7000926009 +91-9755574880<br>\n                         +91-8269103662\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"info-box custom-box\">\n                <div class=\"icon-area\">\n                    <i class=\"fa fa-envelope\"><\/i>\n                <\/div>\n                <div class=\"divider\"><\/div>\n                <div class=\"info-content\">\n                    <h3>Send an email<\/h3>\n                    <p>info@webodoctor.in<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"social-box\">\n                <div class=\"social-icons\">\n                    <a href=\"#\"><i class=\"fa fa-facebook\"><\/i><\/a>\n                    <a href=\"#\"><i class=\"fa fa-twitter\"><\/i><\/a>\n                    <a href=\"#\"><i class=\"fa fa-pinterest\"><\/i><\/a>\n                    <a href=\"#\"><i class=\"fa fa-linkedin\"><\/i><\/a>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\n\n\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\n\n<style>\n\n.workplace-section{\n    padding:70px 20px;\n    text-align:center;\n}\n\n.workplace-title{\n    font-size:35px;\n    color:#4a7db3;\n    margin-bottom:10px;\n}\n\n.title-line{\n    height:1px;\n    background:#ddd;\n    max-width:1000px;\n    margin:0 auto 50px auto;\n}\n\n.workplace-container{\n    display:flex;\n    justify-content:center;\n    gap:80px;\n    margin-bottom:10px;\n}\n\n.workplace-item{\n    cursor:pointer;\n    text-align:center;\n    max-width:250px;\n}\n\n.circle{\n    width:70px;\n    height:70px;\n    border-radius:50%;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    margin:0 auto 15px;\n    font-size:14px;\n    font-weight:500;\n    transition:0.3s;\n}\n\n.active .circle{\n    border:2px solid #4a7db3;\n    background:#fff;\n    color:#4a7db3;\n}\n\n.active .workplace-name{\n    color:#4a7db3;\n    font-weight:600;\n}\n\n.inactive .circle{\n    border:2px solid #ccc;\n    background:#e9e9e9;\n    color:#666;\n}\n\n.inactive .workplace-name{\n    color:#777;\n}\n\n.workplace-name{\n    font-size:16px;\n    margin-bottom:8px;\n}\n\n.workplace-address{\n    font-size:14px;\n    color:#666;\n    line-height:1.5;\n    margin-bottom: 25px;\n}\n\n.map-container{\n    max-width:1000px;\n    margin:0 auto;\n}\n\niframe{\n    width:100%;\n    height:450px;\n    border:0;\n    display:none;\n}\n\niframe.active-map{\n    display:block;\n}\n.workplace-address {\n    display: none;\n}\n\n.active-address {\n    display: block;\n}\n\n\n@media(max-width:768px){\n    .workplace-container{\n        flex-direction:row;\n        gap:40px;\n    }\n\n\n.workplace-title{\nfont-size:25px;}\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"workplace-section\">\n\n    <h2 class=\"workplace-title\">Visit Our Workplaces<\/h2>\n    <div class=\"title-line\"><\/div>\n\n    <div class=\"workplace-container\">\n\n        <!-- Bhopal -->\n        <div class=\"workplace-item active\" onclick=\"showMap('bhopal',this)\">\n            <div class=\"circle\">Bhopal<\/div>\n            \n        <\/div>\n\n        <!-- Bellevue -->\n        <div class=\"workplace-item inactive\" onclick=\"showMap('bellevue',this)\">\n            <div class=\"circle\">BELLEVUE<\/div>\n            \n        <\/div>\n\n    <\/div>\n          <div id=\"address-bhopal\" class=\"workplace-address active-address\">\n    A1, E-3\/114 10 NUMBER,\n    ARERA COLONY BHOPAL (MP, INDIA)\n<\/div>  \n\n<div id=\"address-bellevue\" class=\"workplace-address\">\n    BELLEVUE (WA, USA)\n<\/div>\n\n    <div class=\"map-container\">\n\n        <iframe id=\"bhopal\" class=\"active-map\"\n        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3666.8153134577697!2d77.4342792738728!3d23.213400309182727!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x397c424f07f884d7%3A0x46b1b064182bd553!2swebOdoctor%20Inc!5e0!3m2!1sen!2sin!4v1770793687371!5m2!1sen!2sin\"\n        loading=\"lazy\" allowfullscreen><\/iframe>\n\n        <iframe id=\"bellevue\"\n        src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d86094.73701456694!2d-122.2211715549051!3d47.59773418320744!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54906bcfa3a66041%3A0xbacf5482ead00765!2sBellevue%2C+WA%2C+USA!5e0!3m2!1sen!2sin!4v1530357226778\"\n        loading=\"lazy\" allowfullscreen><\/iframe>\n\n    <\/div>\n\n<\/section>\n\n<script>\nfunction showMap(location, element) {\n\n    \/\/ Hide all maps\n    document.querySelectorAll(\"iframe\").forEach(map => {\n        map.classList.remove(\"active-map\");\n    });\n\n    \/\/ Show selected map\n    document.getElementById(location).classList.add(\"active-map\");\n\n    \/\/ Hide all addresses\n    document.querySelectorAll(\".workplace-address\").forEach(address => {\n        address.classList.remove(\"active-address\");\n    });\n\n    \/\/ Show selected address\n    document.getElementById(\"address-\" + location).classList.add(\"active-address\");\n\n    \/\/ Update active circle\n    document.querySelectorAll(\".workplace-item\").forEach(item => {\n        item.classList.remove(\"active\");\n        item.classList.add(\"inactive\");\n    });\n\n    element.classList.add(\"active\");\n    element.classList.remove(\"inactive\");\n}\n<\/script>\n\n\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Send Us A Message Name Email Phone Website Message CONTACT US NOW! Give us a call +91-7000926009 +91-9755574880 +91-8269103662 Send an email info@webodoctor.in Visit Our Workplaces Bhopal BELLEVUE A1, E-3\/114 10 NUMBER, ARERA COLONY BHOPAL (MP, INDIA) BELLEVUE (WA, USA)<\/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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webodoctor.in\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webodoctor.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webodoctor.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webodoctor.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webodoctor.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":7,"href":"https:\/\/webodoctor.in\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":987,"href":"https:\/\/webodoctor.in\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/987"}],"wp:attachment":[{"href":"https:\/\/webodoctor.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}