{"id":26,"date":"2026-02-03T06:26:32","date_gmt":"2026-02-03T06:26:32","guid":{"rendered":"https:\/\/webodoctor.in\/?page_id=26"},"modified":"2026-03-11T10:07:10","modified_gmt":"2026-03-11T10:07:10","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/webodoctor.in\/?page_id=26","title":{"rendered":"Portfolio"},"content":{"rendered":"\n<div class=\"wp-block-cover\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"680\" class=\"wp-block-cover__image-background wp-image-94\" alt=\"\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/portfolio-1024x680.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/portfolio-1024x680.jpg 1024w, https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/portfolio-300x199.jpg 300w, https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/portfolio-768x510.jpg 768w, https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/portfolio-1536x1020.jpg 1536w, https:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/portfolio-2048x1360.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><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<p class=\"has-text-align-left has-large-font-size\"><strong>Portfolio<\/strong><\/p>\n\n\n\n<p><strong>We use strategic approaches to provide our clients with high-end.<br>services that ensure superior customer satisfaction.<\/strong><\/p>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"> Full Portfolio<\/h2>\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<style>\nbody {\n    margin: 0;\n    background: #fff;\n}\n\n.container-g {\n    width: 90%;\n    margin: auto;\n    padding: 40px 0;\n}\n\n\n.menu {\n    text-align: center;\n    margin-bottom: 40px;\n}\n\n.menu a {\n    text-decoration: none;\n    color: #777;\n    margin: 0 15px;\n    font-size: 14px;\n    transition: 0.3s;\n}\n\n.menu a:hover,\n.menu .active {\n    color: #0073e6;\n    font-weight: bold;\n}\n\n\n.grid {\n    margin-right: 100px;\n    margin-left:100px ;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px 25px;\n}\n\n.item {\n    text-align: center;\n}\n\n.img-box {\n    position: relative;\n    max-width: 280px;\n    margin: auto;\n    overflow: hidden;\n}\n\n.img-box img {\n    width: 100%;\n    display: block;\n    transition: 0.4s ease;\n}\n\n.overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.65);\n    opacity: 0;\n    transition: 0.4s ease;\n}\n\n\n.img-box:hover img {\n    transform: scale(1.05);\n}\n\n.img-box:hover .overlay {\n    opacity: 1;\n    cursor: pointer;\n}\n\n\n@media (max-width: 992px) {\n    .grid {\n  \n        margin-right: 20px; \n        margin-left: 20px;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n}\n\n@media (max-width: 600px) {\n    .grid {\n        margin-right: 10px;\n        margin-left: 10px;\n        grid-template-columns: 1fr; \n        gap: 25px;\n    }\n\n    .img-box {\n        max-width: 100%; \n    }\n\n    .container-g {\n        width: 95%; \n    }\n\n    .menu {\n        display: flex;\n        flex-wrap: wrap; \n        justify-content: center;\n        gap: 10px;\n    }\n\n    .menu a {\n        margin: 5px;\n        font-size: 13px;\n    }\n}\n<\/style>\n\n<\/head>\n<body>\n\n<div class=\"container-g\">\n\n    <!-- Top Menu -->\n    <div class=\"menu\">\n        <a href=\"#\" class=\"active\" data-filter=\"all\">All Work<\/a>\n        <a href=\"#\" data-filter=\"content\">Content<\/a>\n        <a href=\"#\" data-filter=\"logo_w\">Logo<\/a>\n        <a href=\"#\" data-filter=\"apps\">Mobile Apps<\/a>\n        <a href=\"#\" data-filter=\"social\">Social Media<\/a>\n        <a href=\"#\" data-filter=\"website\">Website<\/a>\n    <\/div>\n\n    <!-- Image Grid -->\n    <div class=\"grid\">\n\n        <div class=\"item apps\">\n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/Brain_adda_app.png\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"item logo_w website\">\n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/athanaad1.png\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"item website\">\n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/db_jblpr_ngpr.png\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n         <div class=\"item logo_w website\">\n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/happening_box_logo.png\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"item website\">\n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/mp_breaking_logo.png\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"item social\">\n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/aakriti_logo.png\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n         <div class=\"item logo_w\">\n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/brain_adda_logo.png\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"item website\">\n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/BhaskarHindi-360x260-1.jpg\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"item content\">\n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/db_logo.png\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n         <div class=\"item apps\">\n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/Bhaskar_hindi_app.png\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"item website\">\n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/vipin_chouhan.png\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"item content social website\">\n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/SOM_India_logo.png\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n         <div class=\"item content logo_w social website\">\n             \n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/webCWS_logo.png\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"item website\">\n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/urbantohfa.png\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"item logo_w\">\n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/signature_group_logo.png\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n         <div class=\"item logo_w\">\n            <div class=\"img-box\">\n                <img decoding=\"async\" src=\"http:\/\/webodoctor.in\/wp-content\/uploads\/2026\/02\/trident_logo.png\" alt=\"\">\n                <div class=\"overlay\"><\/div>\n            <\/div>\n        <\/div>\n\n\n    <\/div>\n\n<\/div>\n\n\n<script>\n    const menuLinks = document.querySelectorAll('.menu a');\n\n    menuLinks.forEach(link => {\n        link.addEventListener('click', function(e) {\n            e.preventDefault();\n            menuLinks.forEach(item => item.classList.remove('active'));\n            this.classList.add('active');\n        });\n    });\n\nconst items = document.querySelectorAll('.item');\n\nmenuLinks.forEach(link => {\n    link.addEventListener('click', function(e) {\n        e.preventDefault();\n\n        \/\/ Active class change\n        menuLinks.forEach(item => item.classList.remove('active'));\n        this.classList.add('active');\n\n        const filter = this.getAttribute('data-filter');\n\n        items.forEach(item => {\n            if (filter === 'all' || item.classList.contains(filter)) {\n                item.style.display = \"block\";\n            } else {\n                item.style.display = \"none\";\n            }\n        });\n    });\n});\n<\/script>\n\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Full Portfolio All Work Content Logo Mobile Apps Social Media Website<\/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-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webodoctor.in\/index.php?rest_route=\/wp\/v2\/pages\/26","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=26"}],"version-history":[{"count":0,"href":"https:\/\/webodoctor.in\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"wp:attachment":[{"href":"https:\/\/webodoctor.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}