{"id":655,"date":"2023-08-17T08:07:52","date_gmt":"2023-08-17T08:07:52","guid":{"rendered":"https:\/\/demosites.royal-elementor-addons.com\/nature-v2\/?page_id=29"},"modified":"2025-04-03T09:29:35","modified_gmt":"2025-04-03T09:29:35","slug":"blog-nature-v2","status":"publish","type":"page","link":"https:\/\/yogeshbhandari7753.com.np\/?page_id=655","title":{"rendered":"Blog"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"655\" class=\"elementor elementor-655\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dda4d77 e-con-full e-flex e-con e-parent\" data-id=\"dda4d77\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6c1827 elementor-widget elementor-widget-html\" data-id=\"f6c1827\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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>Navbar with Fixed Position & Dropdown<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: Arial, sans-serif;\n        }\n\n        body {\n            padding-top: 70px; \/* Prevents content from hiding behind the navbar *\/\n        }\n\n        .nav {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 1.5rem 5%;\n            background-color: white;\n            width: 100%;\n            position: fixed;\n            top: 0;\n            left: 0;\n            z-index: 9999; \/* Ensures navbar stays on top *\/\n            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\n        }\n\n        .nav-container {\n            display: flex;\n            align-items: center;\n            width: 100vw;\n            max-width: 1200px;\n            justify-content: space-between;\n            position: relative;\n        }\n\n        .left-links, .right-links {\n            display: flex;\n            gap: 2rem;\n            flex: 1;\n        }\n\n        .left-links {\n            justify-content: flex-start;\n        }\n\n        .right-links {\n            justify-content: flex-end;\n        }\n\n        .nav-logo {\n            flex: 0 1 auto;\n            display: flex;\n            justify-content: center;\n            min-width: 180px;\n        }\n\n        .nav-logo img {\n            height: 40px;\n            width: auto;\n            transition: transform 0.3s ease;\n        }\n\n        a {\n            text-decoration: none;\n            color: black;\n            font-weight: 500;\n            text-transform: uppercase;\n            font-size: 0.9rem;\n            letter-spacing: 0.5px;\n            white-space: nowrap;\n        }\n\n        .dropdown {\n            position: relative;\n        }\n\n        .dropdown-content {\n            display: none;\n            position: absolute;\n            background-color: white;\n            min-width: 160px;\n            box-shadow: 0px 8px 16px rgba(0,0,0,0.1);\n            z-index: 9999;\n            top: 100%;\n            left: 0;\n        }\n\n        .dropdown:hover .dropdown-content {\n            display: block;\n        }\n\n        .dropdown-content a {\n            padding: 12px 16px;\n            display: block;\n            font-size: 0.85rem;\n        }\n\n        .dropdown-content a:hover {\n            background-color: #f8f8f8;\n        }\n\n        .hamburger {\n            display: none;\n            cursor: pointer;\n            flex-direction: column;\n            gap: 5px;\n        }\n\n        .hamburger div {\n            width: 25px;\n            height: 3px;\n            background-color: black;\n            transition: 0.3s;\n        }\n\n        .mobile-menu {\n            display: none;\n            flex-direction: column;\n            position: absolute;\n            top: 100%;\n            left: 0;\n            width: 100%;\n            background-color: white;\n            box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);\n            z-index: 9999;\n        }\n\n        .mobile-menu a {\n            padding: 12px 16px;\n            border-bottom: 1px solid #ddd;\n            text-align: center;\n        }\n\n        .media-dropdown-content {\n            display: none;\n            flex-direction: column;\n            background-color: #f9f9f9;\n        }\n\n        .media-dropdown-content a {\n            padding: 10px;\n            border-bottom: 1px solid #ddd;\n        }\n\n        .media-dropdown.active .media-dropdown-content {\n            display: flex;\n        }\n\n        @media (max-width: 768px) {\n            .nav-container {\n                flex-direction: row;\n                align-items: center;\n            }\n\n            .left-links, .right-links {\n                display: none;\n            }\n\n            .hamburger {\n                display: flex;\n            }\n\n            .mobile-menu.active {\n                display: flex;\n            }\n\n            .media-dropdown-btn {\n                display: block;\n                cursor: pointer;\n                padding: 12px 16px;\n                text-align: center;\n                border-bottom: 1px solid #ddd;\n            }\n        }\n        \n        \/*blogs*\/\n        .blogs-row {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            height: auto;\n            background-color: #fff;\n        }\n\n        .blogs-text {\n            font-size: 2rem;\n            font-weight: bold;\n            text-transform: uppercase;\n            color: black;\n            position: relative;\n            cursor: pointer;\n            padding: 54px 12px 0px 184px;\n        }\n\n        \/* Underline animation *\/\n        .blogs-text::after {\n            content: \"\";\n            position: absolute;\n            left: 124px;\n            bottom: -5px;\n            width: 100%;\n            height: 3px;\n            background-color: #dd0404;\n            transform: scaleX(0);\n            transform-origin: right;\n            transition: transform 0.3s ease-out;\n        }\n\n        .blogs-text:hover::after {\n            transform: scaleX(1);\n            transform-origin: left;\n        }\n\n        \/* Responsive font size *\/\n        @media (max-width: 768px) {\n            .blogs-text {\n                font-size: 1.5rem;\n            }\n            \n            .blogs-text {\n            font-size: 2rem;\n            font-weight: bold;\n            text-transform: uppercase;\n            color: black;\n            position: relative;\n            cursor: pointer;\n            padding: 54px 12px 0px 12px;\n        }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"nav\">\n        <div class=\"nav-container\">\n            <div class=\"hamburger\" onclick=\"toggleMenu()\">\n                <div><\/div>\n                <div><\/div>\n                <div><\/div>\n            <\/div>\n\n            <div class=\"left-links\">\n                <a href=\"#services\">Services<\/a>\n                <div class=\"dropdown\">\n                    <a href=\"#\">Media<\/a>\n                    <div class=\"dropdown-content\">\n                        <a href=\"https:\/\/yogeshbhandari7753.com.np\/?page_id=441\">Gallery<\/a>\n                        <a href=\"https:\/\/yogeshbhandari7753.com.np\/?page_id=655\">Blogs<\/a>\n                        <a href=\"https:\/\/yogeshbhandari7753.com.np\/#testi\">Testimonials<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"nav-logo\">\n                <a href=\"https:\/\/yogeshbhandari7753.com.np\/\">\n                    <img decoding=\"async\" src=\"https:\/\/yogeshbhandari7753.com.np\/wp-content\/uploads\/2025\/03\/cropped-Untitled_design-10-removebg-preview.png\" alt=\"Logo\">\n                <\/a>\n            <\/div>\n\n            <div class=\"right-links\">\n                <a href=\"https:\/\/yogeshbhandari7753.com.np\/#contact\" class=\"contact-link\">Contact<\/a>\n            <\/div>\n\n            <div class=\"mobile-menu\" id=\"mobileMenu\">\n                <a href=\"#services\">Services<\/a>\n                \n                <!-- Mobile Dropdown for Media -->\n                <div class=\"media-dropdown\" onclick=\"toggleMediaDropdown()\">\n                    <div class=\"media-dropdown-btn\">Media \u25bc<\/div>\n                    <div class=\"media-dropdown-content\">\n                        <a href=\"https:\/\/yogeshbhandari7753.com.np\/?page_id=441\">Gallery<\/a>\n                        <a href=\"https:\/\/yogeshbhandari7753.com.np\/?page_id=655\">Blogs<\/a>\n                        <a href=\"https:\/\/yogeshbhandari7753.com.np\/#testi\">Testimonials<\/a>\n                    <\/div>\n                <\/div>\n\n                <a href=\"#\" class=\"contact-link\">Contact<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"blogs-row\">\n        <div class=\"blogs-text\">BLOGS<\/div>\n    <\/div>\n\n    <script>\n        function toggleMenu() {\n            document.getElementById(\"mobileMenu\").classList.toggle(\"active\");\n        }\n\n        function toggleMediaDropdown() {\n            document.querySelector(\".media-dropdown\").classList.toggle(\"active\");\n        }\n    <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4e52e5eb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4e52e5eb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2fc2b94b\" data-id=\"2fc2b94b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6bc43a9 elementor-widget elementor-widget-elementskit-blog-posts\" data-id=\"6bc43a9\" data-element_type=\"widget\" data-widget_type=\"elementskit-blog-posts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >        <div id=\"post-items--6bc43a9\" class=\"row post-items\">\n                    <div class=\"col-md-12\">\n\n                                    <div class=\"elementskit-blog-block-post\">\n                        <div class=\"row no-gutters\">\n                                                            <div class=\"col-md-6 order-1\">\n                                    <a href=\"https:\/\/yogeshbhandari7753.com.np\/?p=469\" class=\"elementskit-entry-thumb\">\n                                        <img decoding=\"async\" src=\"https:\/\/yogeshbhandari7753.com.np\/wp-content\/uploads\/2023\/08\/Post-1.jpg\" alt=\"Nurturing the Bond Between Humans and Nature\">\n                                    <\/a><!-- .elementskit-entry-thumb END -->\n                                <\/div>\n                            \n                            <div class=\"col-md-6 order-2\">\n                                <div class=\"elementskit-post-body \">\n                                    <div class=\"elementskit-entry-header\">\n                                        \n                                                                                            \t\t\t\t\t                                            \n                                            \n                                                                                            \t\t\t\t<h2 class=\"entry-title\">\n\t\t\t\t\t<a href=\"https:\/\/yogeshbhandari7753.com.np\/?p=469\">\n\t\t\t\t\t\tNurturing the Bond Between Humans and Nature\t\t\t\t\t<\/a>\n\t\t\t\t<\/h2>\n\t\t\t                                                                                <\/div><!-- .elementskit-entry-header END -->\n\n                                                                            <div class=\"elementskit-post-footer\">\n                                                                                            <p>Did shy say mention enabled through elderly improve. As at so believe account evening behaved hearted is. House is tiled [&hellip;]<\/p>\n                                                                                                                                <\/div><!-- .elementskit-post-footer END -->\n                                                                    <\/div><!-- .elementskit-post-body END -->\n                            <\/div>\n                        <\/div>\n                    <\/div><!-- .elementskit-blog-block-post .radius .gradient-bg END -->\n                \n            <\/div>\n                    <div class=\"col-md-12\">\n\n                                    <div class=\"elementskit-blog-block-post\">\n                        <div class=\"row no-gutters\">\n                                                            <div class=\"col-md-6 order-1\">\n                                    <a href=\"https:\/\/yogeshbhandari7753.com.np\/?p=468\" class=\"elementskit-entry-thumb\">\n                                        <img decoding=\"async\" src=\"https:\/\/yogeshbhandari7753.com.np\/wp-content\/uploads\/2023\/08\/Post-2.jpg\" alt=\"Into the Wild: Adventures in the Heart of Nature\">\n                                    <\/a><!-- .elementskit-entry-thumb END -->\n                                <\/div>\n                            \n                            <div class=\"col-md-6 order-2\">\n                                <div class=\"elementskit-post-body \">\n                                    <div class=\"elementskit-entry-header\">\n                                        \n                                                                                            \t\t\t\t\t                                            \n                                            \n                                                                                            \t\t\t\t<h2 class=\"entry-title\">\n\t\t\t\t\t<a href=\"https:\/\/yogeshbhandari7753.com.np\/?p=468\">\n\t\t\t\t\t\tInto the Wild: Adventures in the Heart of Nature\t\t\t\t\t<\/a>\n\t\t\t\t<\/h2>\n\t\t\t                                                                                <\/div><!-- .elementskit-entry-header END -->\n\n                                                                            <div class=\"elementskit-post-footer\">\n                                                                                            <p>Did shy say mention enabled through elderly improve. As at so believe account evening behaved hearted is. House is tiled [&hellip;]<\/p>\n                                                                                                                                <\/div><!-- .elementskit-post-footer END -->\n                                                                    <\/div><!-- .elementskit-post-body END -->\n                            <\/div>\n                        <\/div>\n                    <\/div><!-- .elementskit-blog-block-post .radius .gradient-bg END -->\n                \n            <\/div>\n                    <div class=\"col-md-12\">\n\n                                    <div class=\"elementskit-blog-block-post\">\n                        <div class=\"row no-gutters\">\n                                                            <div class=\"col-md-6 order-1\">\n                                    <a href=\"https:\/\/yogeshbhandari7753.com.np\/?p=467\" class=\"elementskit-entry-thumb\">\n                                        <img decoding=\"async\" src=\"https:\/\/yogeshbhandari7753.com.np\/wp-content\/uploads\/2023\/08\/Post-5.jpg\" alt=\"Connecting with Nature&#8217;s Tranquil Essence\">\n                                    <\/a><!-- .elementskit-entry-thumb END -->\n                                <\/div>\n                            \n                            <div class=\"col-md-6 order-2\">\n                                <div class=\"elementskit-post-body \">\n                                    <div class=\"elementskit-entry-header\">\n                                        \n                                                                                            \t\t\t\t\t                                            \n                                            \n                                                                                            \t\t\t\t<h2 class=\"entry-title\">\n\t\t\t\t\t<a href=\"https:\/\/yogeshbhandari7753.com.np\/?p=467\">\n\t\t\t\t\t\tConnecting with Nature&#8217;s Tranquil Essence\t\t\t\t\t<\/a>\n\t\t\t\t<\/h2>\n\t\t\t                                                                                <\/div><!-- .elementskit-entry-header END -->\n\n                                                                            <div class=\"elementskit-post-footer\">\n                                                                                            <p>Did shy say mention enabled through elderly improve. As at so believe account evening behaved hearted is. House is tiled [&hellip;]<\/p>\n                                                                                                                                <\/div><!-- .elementskit-post-footer END -->\n                                                                    <\/div><!-- .elementskit-post-body END -->\n                            <\/div>\n                        <\/div>\n                    <\/div><!-- .elementskit-blog-block-post .radius .gradient-bg END -->\n                \n            <\/div>\n                <\/div>\n       <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Navbar with Fixed Position &#038; Dropdown Services Media Gallery Blogs Testimonials Contact Services Media \u25bc Gallery Blogs Testimonials Contact BLOGS [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-655","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yogeshbhandari7753.com.np\/index.php?rest_route=\/wp\/v2\/pages\/655","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yogeshbhandari7753.com.np\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yogeshbhandari7753.com.np\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yogeshbhandari7753.com.np\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yogeshbhandari7753.com.np\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=655"}],"version-history":[{"count":66,"href":"https:\/\/yogeshbhandari7753.com.np\/index.php?rest_route=\/wp\/v2\/pages\/655\/revisions"}],"predecessor-version":[{"id":1857,"href":"https:\/\/yogeshbhandari7753.com.np\/index.php?rest_route=\/wp\/v2\/pages\/655\/revisions\/1857"}],"wp:attachment":[{"href":"https:\/\/yogeshbhandari7753.com.np\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=655"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}