{"id":161,"date":"2026-03-25T12:54:16","date_gmt":"2026-03-25T12:54:16","guid":{"rendered":"https:\/\/www.ytds.org\/blog\/?templately_library=header"},"modified":"2026-03-25T13:03:05","modified_gmt":"2026-03-25T13:03:05","slug":"header","status":"publish","type":"templately_library","link":"https:\/\/www.ytds.org\/blog\/?templately_library=header","title":{"rendered":"Header"},"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\nYTDS<\/title>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@10\/swiper-bundle.min.css\">\r\n<link rel=\"stylesheet\" href=\"asset\/css\/style.css\">\r\n<!-- amCharts -->\r\n<script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/index.js\"><\/script>\r\n<!--<script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/map.js\"><\/script>-->\r\n<script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/geodata\/indiaLow.js\"><\/script>\r\n<script src=\"https:\/\/cdn.amcharts.com\/lib\/5\/themes\/Animated.js\"><\/script>\r\n \r\n<!-- <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\">-->\r\n<!--<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>-->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/7.0.1\/css\/all.min.css\">\r\n<\/head>\r\n<style>\r\n \r\n\/*********************************************************************** TOPBAR *********************************************************************************************\/\r\n.topbar{\r\n min-height:42px;\r\n background:var(--navy);\r\n font-size:14px;\r\n color:white;\r\n}\r\n\r\n.topbar-inner{\r\n max-width:90%;\r\n margin:auto;\r\n min-height:42px;\r\n display:flex;\r\n justify-content:space-between;\r\n align-items:center;\r\n flex-wrap:wrap;\r\n gap:8px;\r\n}\r\n\r\n.topbar a{\r\n color:var(--yellow);\r\n margin-left:10px;\r\n font-weight:700;\r\n text-decoration:none;\r\n}\r\n\r\n\r\n@media (max-width:1024px){\r\n\r\n.topbar-inner{\r\n max-width:95%;\r\n font-size:13px;\r\n}\r\n\r\n.topbar-inner div{\r\n display:flex;\r\n flex-wrap:wrap;\r\n align-items:center;\r\n}\r\n\r\n}\r\n\r\n@media (max-width:768px){\r\n\r\n.topbar{\r\n padding:8px 0;\r\n height:auto;\r\n}\r\n\r\n.topbar-inner{\r\n flex-direction:column;\r\n text-align:center;\r\n gap:6px;\r\n}\r\n\r\n.topbar-inner div{\r\n justify-content:center;\r\n flex-wrap:wrap;\r\n}\r\n\r\n.topbar a{\r\n display:inline-block;\r\n margin-left:6px;\r\n}\r\n\r\n}\r\n\r\n\r\n@media (max-width:480px){\r\n\r\n.topbar{\r\n font-size:12px;\r\n}\r\n\r\n.topbar-inner{\r\n gap:4px;\r\n}\r\n\r\n.topbar img{\r\n height:12px;\r\n width:12px;\r\n}\r\n\r\n.topbar a{\r\n margin-left:4px;\r\n}\r\n\r\n}\r\n\r\n\/******************************************************************** HEADER (TRANSPARENT) ***********************************************************************************\/\r\n\/* ================= HEADER ================= *\/\r\n\r\n.site-header{\r\n position:absolute;\r\n top:42px;\r\n left:0;\r\n right:0;\r\n z-index:10;\r\n background:#00000045;\r\n transition:background .25s ease, box-shadow .25s ease, top .25s ease;\r\n}\r\n\r\n\/* STICKY HEADER ONLY *\/\r\n.site-header.sticky{\r\n position:fixed;\r\n top:0;\r\n background:rgba(27,47,90,.92);\r\n backdrop-filter: blur(6px);\r\n box-shadow: 0 10px 24px rgba(0,0,0,.22);\r\n}\r\n\r\n.header-inner{\r\n max-width:90%;\r\n margin:auto;\r\n height:90px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n}\r\n\r\n.logo{\r\n height:55px;\r\n}\r\n\r\n\/* ================= NAVIGATION ================= *\/\r\n\r\n.nav{\r\n display:flex;\r\n align-items:center;\r\n}\r\n\r\n\/* KEEPING YOUR ORIGINAL NAV STYLE *\/\r\n.nav > a,\r\n.nav > .dropdown > a{\r\n margin:0 14px;\r\n color:#fff;\r\n text-decoration:none;\r\n font-size:18px;\r\n font-weight:500;\r\n cursor:pointer;\r\n}\r\n\r\n.header-donate-btn{\r\n background:var(--blue);\r\n padding:10px 18px;\r\n border-radius:30px;\r\n color:#fff;\r\n text-decoration:none;\r\n font-weight:700;\r\n}\r\n\r\n\/* ================= DROPDOWN BASE ================= *\/\r\n\r\n.dropdown{\r\n position:relative;\r\n display:inline-block;\r\n}\r\n\r\n\/* ABOUT US DROPDOWN *\/\r\n.dropdown-menu{\r\n position:absolute;\r\n top:100%;\r\n left:0;\r\n background:#fff;\r\n min-width:200px;\r\n box-shadow:0 10px 25px rgba(0,0,0,0.15);\r\n border-radius:8px;\r\n padding:10px 0;\r\n z-index:999;\r\n\r\n margin-top:35px;\r\n}\r\n\r\n.dropdown-menu a{\r\n display:block;\r\n padding:10px 18px;\r\n color:#333;\r\n text-decoration:none;\r\n font-size: 17px;\r\n transition:background .2s ease;\r\n font-weight: 600;\r\n font-size: 16px;\r\n}\r\n\r\n.dropdown-menu a:hover{\r\n background:#f3f3f3;\r\n}\r\n\r\n.dropdown:hover .dropdown-menu{\r\n display:block;\r\n}\r\n\r\n\/* ================= MEGA MENU (4E\u2019s) ================= *\/\r\n\r\n.mega{\r\n position:relative;\r\n}\r\n\r\n.mega-menu{\r\n position:absolute;\r\n left:50%;\r\n transform:translateX(-50%);\r\n padding:35px;\r\n box-shadow:0 15px 35px rgba(0,0,0,0.2);\r\n z-index:999;\r\n gap:40px;\r\n width:1150px;\r\n background:transparent;\r\n border-radius:25px;\r\n\r\n top:calc(100% + 35px); \/* space *\/\r\n}\r\n\r\n\/* Show mega menu on hover *\/\r\n.mega:hover .mega-menu{\r\n display:flex;\r\n}\r\n\r\n\/* Columns inside mega *\/\r\n.mega-column{\r\n flex:1;\r\n min-width:200px;\r\n padding-top:10px;\r\n}\r\n\r\n.mega-column h4{\r\n margin-bottom:15px;\r\n font-weight:700;\r\n font-size:18px;\r\n color:#1b2f5a;\r\n}\r\n\r\n.mega-column a{\r\n display:block;\r\n margin-bottom:10px;\r\n color:#333;\r\n text-decoration:none;\r\n font-size:17px;\r\n transition:color .2s ease;\r\n}\r\n\r\n.mega-column a:hover{\r\n color:#1b2f5a;\r\n}\r\n\r\n\/* ================= SMOOTH ANIMATION ================= *\/\r\n\r\n.dropdown-menu,\r\n.mega-menu{\r\n opacity:0;\r\n visibility:hidden;\r\n transition:opacity .25s ease, transform .25s ease;\r\n border: 2px solid #1b2f5a;\r\n}\r\n\r\n.dropdown:hover .dropdown-menu{\r\n opacity:1;\r\n visibility:visible;\r\n}\r\n\r\n.mega:hover .mega-menu{\r\n opacity:1;\r\n visibility:visible;\r\n}\r\n\r\n\/* ================= PREVENT HEADER JUMP ================= *\/\r\n\r\n\/*.site-header.sticky .mega-menu,*\/\r\n\/*.site-header.sticky .dropdown-menu{*\/\r\n\/* top:100%;*\/\r\n\/*}*\/\r\n\r\n\r\n\r\n\/* =========================================\r\n 4E\u2019s MEGA MENU ENHANCEMENTS\r\n========================================= *\/\r\n\r\n\/* 1\ufe0f\u20e3 Horizontal line below each title *\/\r\n.mega-column h4{\r\n position: relative;\r\n padding-bottom: 12px;\r\n margin-bottom: 18px;\r\n font-size: 21px;\r\n}\r\n\r\n.mega-column h4::after{\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n bottom: 0;\r\n width: 100%;\r\n height: 2px;\r\n background: #e0e0e0; \/* thin subtle line *\/\r\n}\r\n\r\n\r\n\/* 2\ufe0f\u20e3 Vertical divider after each column *\/\r\n.mega-column{\r\n position: relative;\r\n padding-right: 25px;\r\n}\r\n\r\n\/* Add vertical line except last column *\/\r\n.mega-column:not(:last-child)::after{\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 1px;\r\n height: 100%;\r\n background: #e6e6e6;\r\n}\r\n\r\n\r\n\/* =========================================\r\n 3\ufe0f\u20e3 CATEGORY BASED HOVER COLORS\r\n========================================= *\/\r\n\r\n\/* ENVIRONMENT *\/\r\n.mega-column:nth-child(1) a:hover{\r\n color: #4f8b41;\r\n}\r\n\r\n\/* EMPOWERMENT *\/\r\n.mega-column:nth-child(2) a:hover{\r\n color: #6a2d91;\r\n}\r\n\r\n\/* EDUCATION *\/\r\n.mega-column:nth-child(3) a:hover{\r\n color: #3a77b9;\r\n}\r\n\r\n\/* EMPLOYMENT *\/\r\n.mega-column:nth-child(4) a:hover{\r\n color: #f07a28;\r\n}\r\n\r\n\r\n\r\n\/* Hover bridge to prevent dropdown closing *\/\r\n.mega::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n top:100%;\r\n height:35px; \/* SAME as gap *\/\r\n}\r\n\/* =========================================\r\n MEGA MENU CARD STYLE (LIKE SCREENSHOT)\r\n========================================= *\/\r\n\/* ================================\r\n UPDATED MEGA MENU STYLE\r\n================================ *\/\r\n\r\n.mega-menu{\r\n width:1150px;\r\n background:#f3f3f3;\r\n border-radius:25px;\r\n top:calc(100% + 35px);\r\n}\r\n\r\n\/* Cards *\/\r\n\r\n.mega-card{\r\n display:flex;\r\n align-items:center;\r\n gap:12px;\r\n padding:12px;\r\n border-radius:10px;\r\n background:transparent; \/* no background *\/\r\n border:2px solid transparent; \/* hidden border *\/\r\n transition:all .25s ease;\r\n cursor:pointer;\r\n width: 227px;\r\n}\r\n\r\n\/* Icons *\/\r\n\r\n.mega-card i{\r\n font-size:18px;\r\n width:32px;\r\n height:32px;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n border-radius:50%;\r\n}\r\n\r\n\/* Text *\/\r\n\r\n.mega-card span{\r\n font-weight:600;\r\n font-size:16px;\r\n display:block;\r\n}\r\n\r\n.mega-card small{\r\n font-size:12px;\r\n color:#555;\r\n}\r\n\r\n\/* Hover Colors *\/\r\n\r\n\/* Environment *\/\r\n\r\n.env:hover{\r\n border-color:#4f8b41;\r\n}\r\n\r\n.env i{\r\n color:#4f8b41;\r\n}\r\n\r\n\/* Empowerment *\/\r\n\r\n.emp:hover{\r\n border-color:#6a2d91;\r\n}\r\n\r\n.emp i{\r\n color:#6a2d91;\r\n}\r\n\r\n\/* Education *\/\r\n\r\n.edu:hover{\r\n border-color:#3a77b9;\r\n}\r\n\r\n.edu i{\r\n color:#3a77b9;\r\n}\r\n\r\n\/* Employment *\/\r\n\r\n.emp3:hover{\r\n border-color:#f07a28;\r\n}\r\n\r\n.emp3 i{\r\n color:#f07a28;\r\n}\r\n\r\n\/* Upcoming *\/\r\n\r\n.upcoming{\r\n justify-content:center;\r\n font-weight:600;\r\n color:#555;\r\n}\r\n\r\n\/* Hover *\/\r\n\r\n.mega-card:hover{\r\n transform:translateY(-3px);\r\n box-shadow:0 6px 15px rgba(0,0,0,0.12);\r\n}\r\n\r\n\r\n.dropdown::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n right:0;\r\n top:100%;\r\n height:35px; \/* same as gap *\/\r\n}\r\n\r\n\r\n@media (max-width:1024px){\r\n\r\n.header-inner{\r\n max-width:95%;\r\n}\r\n\r\n.logo{\r\n height:50px;\r\n}\r\n\r\n\/* Navigation spacing *\/\r\n\r\n.nav > a,\r\n.nav > .dropdown > a{\r\n margin:0 10px;\r\n font-size:16px;\r\n}\r\n\r\n\/* Donate button *\/\r\n\r\n.header-donate-btn{\r\n padding:8px 14px;\r\n font-size:14px;\r\n}\r\n\r\n\/* Mega menu width *\/\r\n\r\n.mega-menu{\r\n width:900px;\r\n padding:25px;\r\n}\r\n\r\n\/* Mega cards *\/\r\n\r\n.mega-card{\r\n width:auto;\r\n}\r\n\r\n}\r\n\r\n\r\n\r\n@media (max-width:900px){\r\n\r\n.header-inner{\r\n flex-wrap:wrap;\r\n height:auto;\r\n padding:10px 0;\r\n}\r\n\r\n.logo{\r\n height:45px;\r\n}\r\n\r\n\/* Reduce nav font *\/\r\n\r\n.nav > a,\r\n.nav > .dropdown > a{\r\n font-size:15px;\r\n}\r\n\r\n.mega-menu{\r\n width:95%;\r\n}\r\n\r\n}\r\n\r\n\r\n@media (max-width:768px){\r\n\r\n.site-header{\r\n top:69px;\r\n}\r\n\r\n.header-inner{\r\n flex-direction:column;\r\n align-items:flex-start;\r\n height:auto;\r\n padding:12px 0;\r\n}\r\n\r\n\/* NAVIGATION STACK *\/\r\n\r\n.nav{\r\n flex-direction:column;\r\n width:100%;\r\n margin-top:10px;\r\n}\r\n\r\n.nav > a,\r\n.nav > .dropdown > a{\r\n width:100%;\r\n padding:10px 0;\r\n margin:0;\r\n border-bottom:none;\r\n}\r\n\r\n\r\n\r\n\r\n\/* Donate button *\/\r\n\r\n.header-donate-btn{\r\n margin-top:10px;\r\n align-self:flex-start;\r\n}\r\n\r\n\/* Disable mega hover layout *\/\r\n\r\n.mega-menu{\r\n position:static;\r\n transform:none;\r\n width:100%;\r\n flex-direction:column;\r\n padding:15px;\r\n box-shadow:none;\r\n}\r\n\r\n\/* Remove vertical lines *\/\r\n\r\n.mega-column:not(:last-child)::after{\r\n display:none;\r\n}\r\n\r\n.mega-column{\r\n padding-right:0;\r\n}\r\n\r\n}\r\n\r\n\r\n\r\n\/* ===============================\r\nHAMBURGER\r\n=============================== *\/\r\n.menu-toggle {\r\n display: none;\r\n flex-direction: column;\r\n gap: 5px;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n z-index: 1001;\r\n margin-top: 11px;\r\n}\r\n\r\n.menu-toggle span {\r\n width: 25px;\r\n height: 3px;\r\n background: #fff;\r\n display: block;\r\n transition: 0.3s ease;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .menu-toggle {\r\n display: flex;\r\n }\r\n\r\n .header-inner {\r\n max-width: 95%;\r\n height: 80px;\r\n position: relative;\r\n }\r\n\r\n .nav {\r\n position: fixed;\r\n top: 0;\r\n right: -100%;\r\n width: 320px;\r\n max-width: 85%;\r\n height: 100vh;\r\n background: #1b2f5a;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 90px 20px 30px;\r\n overflow-y: auto;\r\n transition: right 0.35s ease;\r\n z-index: 1000;\r\n }\r\n\r\n .nav.active {\r\n right: 0;\r\n }\r\n\r\n .nav > a,\r\n .nav > .dropdown > a {\r\n width: 100%;\r\n margin: 0;\r\n padding: 14px 0;\r\n font-size: 16px;\r\n \/*border-bottom: 1px solid rgba(255, 255, 255, 0.15);*\/\r\n }\r\n\r\n .dropdown {\r\n width: 100%;\r\n }\r\n\r\n .dropdown-menu,\r\n .mega-menu {\r\n position: static;\r\n opacity: 1;\r\n visibility: visible;\r\n transform: none;\r\n display: none;\r\n width: 100%;\r\n margin-top: 0;\r\n padding: 10px 0 10px 12px;\r\n background: transparent;\r\n box-shadow: none;\r\n border: none;\r\n border-radius: 0;\r\n }\r\n\r\n .dropdown-menu.open,\r\n .mega-menu.open {\r\n display: block;\r\n }\r\n\r\n .dropdown-menu a,\r\n .mega-column a {\r\n color: #fff;\r\n }\r\n\r\n .mega-column {\r\n min-width: 100%;\r\n padding-right: 0;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .mega-column:not(:last-child)::after {\r\n display: none;\r\n }\r\n\r\n .mega-column h4 {\r\n color: #fff;\r\n font-size: 18px;\r\n }\r\n\r\n .mega-column h4::after {\r\n background: rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .mega-card {\r\n width: 100%;\r\n padding: 10px;\r\n }\r\n\r\n .mega-card small {\r\n color: #ddd;\r\n }\r\n\r\n .header-donate-btn {\r\n display: none;\r\n }\r\n}\r\n\r\n\r\n\r\n@media (max-width:768px){\r\n\r\n.nav{\r\n display:none;\r\n width:100%;\r\n}\r\n\r\n.nav.active{\r\n display:flex;\r\n}\r\n\r\n}\r\n\r\n\r\n@media (max-width:768px){\r\n\r\n.nav .mega{\r\n \/*margin-top:15px;*\/\r\n padding-top:28px;\r\n padding-bottom: 15px;\r\n \/*border-top:1px solid rgba(255,255,255,0.2);*\/\r\n}\r\n\r\n}\r\n\r\n@media (max-width:768px){\r\n\r\n\/* Dropdown container padding *\/\r\n.dropdown-menu{\r\n padding:10px;\r\n}\r\n\r\n\/* Each dropdown item as a box *\/\r\n.dropdown-menu a{\r\n display:block;\r\n margin:8px 0;\r\n padding:12px 16px;\r\n background:#ffffff;\r\n border-radius:8px;\r\n box-shadow:0 3px 10px rgba(0,0,0,0.08);\r\n color:#1b2f5a;\r\n border-bottom:none; \/* remove old line *\/\r\n}\r\n\r\n\/* Hover effect *\/\r\n.dropdown-menu a:hover{\r\n box-shadow:0 6px 16px rgba(0,0,0,0.15);\r\n}\r\n\r\n}\r\n\r\n@media (max-width:768px){\r\n\r\n\/* ABOUT US dropdown boxes *\/\r\n\r\n.dropdown-menu{\r\n padding:10px 0;\r\n}\r\n\r\n.dropdown-menu a{\r\n display:block;\r\n margin:8px 0;\r\n padding:12px 16px;\r\n background:#fff;\r\n border-radius:8px;\r\n box-shadow:0 4px 12px rgba(0,0,0,0.08);\r\n color:#1b2f5a;\r\n font-weight:600;\r\n border-bottom:none;\r\n}\r\n\r\n\r\n\/* 4E's MEGA MENU CARDS *\/\r\n\r\n.mega-card{\r\n background:#ffffff;\r\n border-radius:10px;\r\n box-shadow:0 4px 12px rgba(0,0,0,0.08);\r\n margin:8px 0;\r\n padding:14px;\r\n}\r\n\r\n.mega-card span{\r\n color:#1b2f5a;\r\n font-weight:600;\r\n}\r\n\r\n.mega-card small{\r\n color:#666;\r\n}\r\n\r\n}\r\n<\/style>\r\n<body>\r\n\r\n<div class=\"topbar\">\r\n <div class=\"topbar-inner\">\r\n <div>\r\n <img decoding=\"async\" src=\"https:\/\/ytds.org\/ytds_2\/asset\/images\/Location.png\" height=\"15px\" width=\"15px\" style=\"margin-bottom: -2px;\"> Kharadi, Pune, Maharashtra - 411014\r\n   <img decoding=\"async\" src=\"https:\/\/ytds.org\/ytds_2\/asset\/images\/Contact.png\" height=\"15px\" width=\"15px\" style=\"margin-bottom: -2px;\"> +91-9881904974\r\n   <img decoding=\"async\" src=\"https:\/\/ytds.org\/ytds_2\/asset\/images\/Mail.png\" height=\"15px\" width=\"15px\" style=\"margin-bottom: -2px;\"> info@ytds.org\r\n <\/div>\r\n <div>\r\n From Hope to Real Possibilities\r\n <a href=\"#\">MAKE AN IMPACT<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<header class=\"site-header\" id=\"siteHeader\">\r\n <div class=\"header-inner\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/ytds.org\/ytds_2\/asset\/images\/Youthtalent (1).webp\" class=\"logo\" alt=\"YouthTalent\">\r\n \r\n <button class=\"menu-toggle\" id=\"menuToggle\">\r\n <span><\/span>\r\n <span><\/span>\r\n <span><\/span>\r\n<\/button>\r\n\r\n<nav class=\"nav\" id=\"mainNav\">\r\n <a href=\"https:\/\/ytds.org\/ytds_2\/index.php\" style=\"padding-top: 32px;\r\n padding-bottom: 29px;\">Home<\/a>\r\n\r\n\r\n <!-- ABOUT US DROPDOWN -->\r\n <div class=\"dropdown\">\r\n <a href=\"about.php\">About Us<\/a>\r\n <div class=\"dropdown-menu\">\r\n <a href=\"milestone.php\">Milestone<\/a>\r\n <a href=\"our_team.php\">Our Team<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 4E\u2019s MEGA DROPDOWN -->\r\n <div class=\"dropdown mega\">\r\n <a style=\"cursor: auto;\">4E\u2019s<\/a>\r\n\r\n <div class=\"mega-menu\">\r\n\r\n <!-- Environment -->\r\n <div class=\"mega-column\">\r\n <a href=\"environment.php\"><h4>Environment<\/h4><\/a>\r\n\r\n <div class=\"mega-card env\">\r\n <i class=\"fa-solid fa-seedling\"><\/i>\r\n <a href=\"plantamilliontrees.php\">\r\n <div>\r\n <span>#PlantAMillionTrees<\/span>\r\n <small>Large-scale plantation with long-term survival focus.<\/small>\r\n <\/div><\/a>\r\n <\/div>\r\n\r\n <div class=\"mega-card env\">\r\n <i class=\"fa-solid fa-mountain\"><\/i>\r\n <a href=\"cleanthehills.php\"><div>\r\n <span>#CleanTheHills<\/span>\r\n <small>Large-scale plantation with long-term survival focus.<\/small>\r\n <\/div><\/a>\r\n <\/div>\r\n\r\n <div class=\"mega-card env\">\r\n <i class=\"fa-solid fa-seedling\"><\/i>\r\n <a href=\"seedthefuture.php\"><div>\r\n <span>#SeedTheFuture<\/span>\r\n <small>Large-scale plantation with long-term survival focus.<\/small>\r\n <\/div><\/a> \r\n <\/div>\r\n\r\n <div class=\"mega-card env\">\r\n <i class=\"fa-solid fa-tree\"><\/i>\r\n <a href=\"miyawaki.php\">\r\n <div>\r\n <span>#Miyawaki<\/span>\r\n <small>Large-scale plantation with long-term survival focus.<\/small>\r\n <\/div><\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- Empowerment -->\r\n <div class=\"mega-column\">\r\n <a href=\"empowerment.php\"><h4>Empowerment<\/h4><\/a>\r\n\r\n <div class=\"mega-card emp\">\r\n <i class=\"fa-solid fa-user-shield\"><\/i>\r\n <a href=\"safeherindia.php\"><div>\r\n <span>#SafeHerIndia<\/span>\r\n <small>Large-scale plantation with long-term survival focus.<\/small>\r\n <\/div><\/a>\r\n <\/div>\r\n\r\n <div class=\"mega-card emp\">\r\n <i class=\"fa-solid fa-droplet\"><\/i>\r\n <a href=\"donatebloodsavelife.php\"><div>\r\n <span>#DonateBloodSaveLives<\/span>\r\n <small>Large-scale plantation with long-term survival focus.<\/small>\r\n <\/div><\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- Education -->\r\n <div class=\"mega-column\">\r\n <a href=\"education.php\"><h4>Education<\/h4><\/a>\r\n\r\n <div class=\"mega-card edu\">\r\n <i class=\"fa-solid fa-book\"><\/i>\r\n <a href=\"eachoneteachone.php\"><div>\r\n <span>#EachOneTeachOne<\/span>\r\n <small>Large-scale plantation with long-term survival focus.<\/small>\r\n <\/div><\/a>\r\n <\/div>\r\n\r\n <div class=\"mega-card edu\">\r\n <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n <a href=\"thinkbeforeyouclick.php\"><div>\r\n <span>#ThinkBeforeYouClick<\/span>\r\n <small>Large-scale plantation with long-term survival focus.<\/small>\r\n <\/div><\/a>\r\n <\/div>\r\n\r\n <div class=\"mega-card edu\">\r\n <i class=\"fa-solid fa-calculator\"><\/i>\r\n <a href=\"tallythatemploys.php\"><div>\r\n <span>#TallyThatEmploys<\/span>\r\n <small>Large-scale plantation with long-term survival focus.<\/small>\r\n <\/div><\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- Employment -->\r\n <div class=\"mega-column\">\r\n <a href=\"employment.php\"><h4>Employment<\/h4><\/a> \r\n\r\n <div class=\"mega-card emp3\">\r\n <i class=\"fa-solid fa-utensils\"><\/i>\r\n <a href=\"feedingindia.php\"><div>\r\n <span>#FeedingIndia<\/span>\r\n <small>Large-scale plantation with long-term survival focus.<\/small>\r\n <\/div><\/a>\r\n <\/div>\r\n\r\n <div class=\"mega-card emp3\">\r\n <i class=\"fa-solid fa-car\"><\/i>\r\n <a href=\"driveher.php\"><div>\r\n <span>#DriveHer<\/span>\r\n <small>Large-scale plantation with long-term survival focus.<\/small>\r\n <\/div><\/a> \r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <a>Join us<\/a>\r\n \r\n <div class=\"dropdown\">\r\n <a style=\"cursor: auto;\">Resources<\/a>\r\n <div class=\"dropdown-menu\">\r\n <a href=\"case_study.php\">Case Study<\/a>\r\n <a href=\"blog.php\">Blog<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <a href=\"career.php\">Careers<\/a>\r\n <a href=\"contact.php\">Contact us<\/a>\r\n<\/nav>\r\n\r\n <a href=\"donation.php\" class=\"header-donate-btn\">DONATE NOW<\/a>\r\n\r\n <\/div>\r\n<\/header>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n const toggle = document.getElementById(\"menuToggle\");\r\n const nav = document.getElementById(\"mainNav\");\r\n\r\n if (toggle && nav) {\r\n toggle.addEventListener(\"click\", function () {\r\n nav.classList.toggle(\"active\");\r\n toggle.classList.toggle(\"active\");\r\n });\r\n }\r\n\r\n const dropdownLinks = document.querySelectorAll(\".dropdown > a\");\r\n\r\n dropdownLinks.forEach(function (item) {\r\n item.addEventListener(\"click\", function (e) {\r\n if (window.innerWidth <= 1024) {\r\n const menu = this.nextElementSibling;\r\n\r\n if (\r\n menu &&\r\n (menu.classList.contains(\"dropdown-menu\") ||\r\n menu.classList.contains(\"mega-menu\"))\r\n ) {\r\n e.preventDefault();\r\n menu.classList.toggle(\"open\");\r\n }\r\n }\r\n });\r\n });\r\n});\r\n<\/script>\r\n\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},"author":1,"featured_media":0,"template":"elementor_header_footer","class_list":["post-161","templately_library","type-templately_library","status-publish","hentry"],"templately_type":"header","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Header - YTDS Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ytds.org\/blog\/?templately_library=header\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Header - YTDS Blog\" \/>\n<meta property=\"og:description\" content=\"YTDS Kharadi, Pune, Maharashtra – 411014    +91-9881904974    info@ytds.org From Hope to Real Possibilities MAKE AN IMPACT Home About Us Milestone Our Team 4E\u2019s Environment #PlantAMillionTrees Large-scale plantation with long-term survival focus. #CleanTheHills Large-scale plantation with long-term survival focus. #SeedTheFuture Large-scale plantation with long-term survival focus. #Miyawaki Large-scale plantation with long-term survival focus. Empowerment #SafeHerIndia...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ytds.org\/blog\/?templately_library=header\" \/>\n<meta property=\"og:site_name\" content=\"YTDS Blog\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-25T13:03:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ytds.org\/ytds_2\/asset\/images\/Location.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ytds.org\\\/blog\\\/?templately_library=header\",\"url\":\"https:\\\/\\\/www.ytds.org\\\/blog\\\/?templately_library=header\",\"name\":\"Header - YTDS Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ytds.org\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.ytds.org\\\/blog\\\/?templately_library=header#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ytds.org\\\/blog\\\/?templately_library=header#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ytds.org\\\/ytds_2\\\/asset\\\/images\\\/Location.png\",\"datePublished\":\"2026-03-25T12:54:16+00:00\",\"dateModified\":\"2026-03-25T13:03:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ytds.org\\\/blog\\\/?templately_library=header#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ytds.org\\\/blog\\\/?templately_library=header\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.ytds.org\\\/blog\\\/?templately_library=header#primaryimage\",\"url\":\"https:\\\/\\\/ytds.org\\\/ytds_2\\\/asset\\\/images\\\/Location.png\",\"contentUrl\":\"https:\\\/\\\/ytds.org\\\/ytds_2\\\/asset\\\/images\\\/Location.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ytds.org\\\/blog\\\/?templately_library=header#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.ytds.org\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Header\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.ytds.org\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.ytds.org\\\/blog\\\/\",\"name\":\"YTDS Blog\",\"description\":\"Social Impact, Environment & NGO Insights\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.ytds.org\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Header - YTDS Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ytds.org\/blog\/?templately_library=header","og_locale":"en_US","og_type":"article","og_title":"Header - YTDS Blog","og_description":"YTDS Kharadi, Pune, Maharashtra – 411014    +91-9881904974    info@ytds.org From Hope to Real Possibilities MAKE AN IMPACT Home About Us Milestone Our Team 4E\u2019s Environment #PlantAMillionTrees Large-scale plantation with long-term survival focus. #CleanTheHills Large-scale plantation with long-term survival focus. #SeedTheFuture Large-scale plantation with long-term survival focus. #Miyawaki Large-scale plantation with long-term survival focus. Empowerment #SafeHerIndia...","og_url":"https:\/\/www.ytds.org\/blog\/?templately_library=header","og_site_name":"YTDS Blog","article_modified_time":"2026-03-25T13:03:05+00:00","og_image":[{"url":"https:\/\/ytds.org\/ytds_2\/asset\/images\/Location.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ytds.org\/blog\/?templately_library=header","url":"https:\/\/www.ytds.org\/blog\/?templately_library=header","name":"Header - YTDS Blog","isPartOf":{"@id":"https:\/\/www.ytds.org\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ytds.org\/blog\/?templately_library=header#primaryimage"},"image":{"@id":"https:\/\/www.ytds.org\/blog\/?templately_library=header#primaryimage"},"thumbnailUrl":"https:\/\/ytds.org\/ytds_2\/asset\/images\/Location.png","datePublished":"2026-03-25T12:54:16+00:00","dateModified":"2026-03-25T13:03:05+00:00","breadcrumb":{"@id":"https:\/\/www.ytds.org\/blog\/?templately_library=header#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ytds.org\/blog\/?templately_library=header"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ytds.org\/blog\/?templately_library=header#primaryimage","url":"https:\/\/ytds.org\/ytds_2\/asset\/images\/Location.png","contentUrl":"https:\/\/ytds.org\/ytds_2\/asset\/images\/Location.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.ytds.org\/blog\/?templately_library=header#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ytds.org\/blog\/"},{"@type":"ListItem","position":2,"name":"Header"}]},{"@type":"WebSite","@id":"https:\/\/www.ytds.org\/blog\/#website","url":"https:\/\/www.ytds.org\/blog\/","name":"YTDS Blog","description":"Social Impact, Environment & NGO Insights","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ytds.org\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.ytds.org\/blog\/wp-json\/wp\/v2\/templately_library\/161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ytds.org\/blog\/wp-json\/wp\/v2\/templately_library"}],"about":[{"href":"https:\/\/www.ytds.org\/blog\/wp-json\/wp\/v2\/types\/templately_library"}],"author":[{"embeddable":true,"href":"https:\/\/www.ytds.org\/blog\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":9,"href":"https:\/\/www.ytds.org\/blog\/wp-json\/wp\/v2\/templately_library\/161\/revisions"}],"predecessor-version":[{"id":172,"href":"https:\/\/www.ytds.org\/blog\/wp-json\/wp\/v2\/templately_library\/161\/revisions\/172"}],"wp:attachment":[{"href":"https:\/\/www.ytds.org\/blog\/wp-json\/wp\/v2\/media?parent=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}