Help
RSS
API
Feed
Maltego
Contact
Domain > satyavani.org
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2024-05-23
82.180.142.63
(
ClassC
)
2026-02-15
84.32.84.32
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyDate: Sun, 15 Feb 2026 22:45:33 GMTContent-Type: text/htmlContent-Length: 795Connection: keep-aliveLocation: https://satyavani.org/platform: hostingerpanel: hpanelContent-Security-Policy: upgrade-insecure-requestsServer: hcdnalt-svc: h3:443; ma86400x-hcdn-request-id: 7e458eace58be241a98a7bda6317e35c-bos-edge1x-hcdn-cache-status: MISSx-hcdn-upstream-rt: 0.587 !DOCTYPE html>html styleheight:100%>head>meta nameviewport contentwidthdevice-width, initial-scale1, shrink-to-fitno />title> 301 Moved Permanently/title>style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}/style>/head>body stylecolor: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;>div styleheight:auto; min-height:100%; > div styletext-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;> h1 stylemargin:0; font-size:150px; line-height:150px; font-weight:bold;>301/h1>h2 stylemargin-top:20px;font-size: 30px;>Moved Permanently/h2>p>The document has been permanently moved./p>/div>/div>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Sun, 15 Feb 2026 22:45:34 GMTContent-Type: text/html; charsetUTF-8Transfer-Encoding: chunkedConnection: keep-aliveVary: Accept-EncodingX-Powered-By: PHP/8.1.32platform: hostingerpanel: hpanelRetry-After: 60Content-Security-Policy: upgrade-insecure-requestsServer: hcdnalt-svc: h3:443; ma86400x-hcdn-request-id: 2918da453f28eacdbabd2f016ed1adbb-bos-edge2x-hcdn-cache-status: DYNAMICx-hcdn-upstream-rt: 0.955 !DOCTYPE html>html langen>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>Satyavani/title> link relcanonical hrefhttps://satyavani.org/> script srchttps://kit.fontawesome.com/eaa0f4722e.js crossoriginanonymous>/script> link relstylesheet hrefhttps://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css> script srchttps://cdn.tailwindcss.com>/script> script> tailwind.config { theme: { extend: { colors: { clifford: #da373d, }, boxShadow: { custom: 0px 25px 20px -20px rgb(0 0 0 / 5%), }, } } }/script> link hrefhttps://fonts.googleapis.com/css2?familyPoppins:wght@400;200,300,500;600;700&displayswap relstylesheet> style> * { box-sizing: border-box; font-family: Poppins, sans-serif; } .carousel-control { cursor: pointer; border: none; outline: none; z-index: 10; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .animate-fadeInUp { animation: fadeInUp 0.8s ease-out forwards; } .delay-200 { animation-delay: 0.2s; } .delay-400 { animation-delay: 0.4s; } .delay-600 { animation-delay: 0.6s; } #typing-text { display: inline-block; border-right: 2px solid black; /* Cursor effect */ white-space: nowrap; overflow: hidden; /* Optional, for a more typed look */ } .typing-caret { animation: blink-caret 0.75s step-end infinite; } @keyframes blink-caret { from, to { border-color: transparent; } 50% { border-color: black; } } .modal { visibility: hidden; opacity: 0; transition: opacity 0.25s linear; position: fixed; z-index: 9999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0 0 0 / 65%); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); } .modal-content { margin: auto; display: block; width: 80%; max-width: 700px; border-radius: 5px; } .close { display: flex; align-items: center; justify-content: center; position: absolute; padding: 0px 0px 6px 0px; top: 35px; right: 35px; width: 40px; height: 40px; border-radius: 50%; color: #f1f1f1; font-size: 40px; font-weight: bold; border: none; cursor: pointer; transition: transform 0.3s; } button { background: none; border: none; } .close:hover { transform: scale(0.9); } #caption { margin: auto; display: block; width: 90%; max-width: 700px; white-space: pre-line; text-align: center; color: #ccc; padding: 25px 0px 42px 0px; height: 150px; opacity: 0; visibility: hidden; transition: opacity 0.25s ease, visibility 0.25s; } #fullImage { height: 70%; /* width: 100%; */ } /style>/head>body classposition-relative> !-- navbar -->script srchttps://kit.fontawesome.com/f364b180c9.js crossoriginanonymous>/script>style> @import url(https://fonts.googleapis.com/css2?familyPoppins:wght@100;200;300;400;500;600;700;800;900&displayswap); :root { --clr-bg-header: white; --clr-btn: white; --clr-dropdown: #1C6758; --clr-nav-hover: #1E6F5C; --clr-dropdown-hov: #289672; --clr-dropdown-link-hov: #29BB89; --clr-light: #facc15; } * { padding: 0; margin: 0; } body { font-family: Poppins, sans-serif; /* overflow: hidden; */ } ul { list-style: none; } a { text-decoration: none; } header { position: sticky; top: 0px; background-color: var(--clr-bg-header); width: 100%; z-index: 1000; } .content__container { font-weight: 600; overflow: hidden; height: 76px; padding: 0 40px; position: relative; } .content__container:before { left: 0; position: absolute; top: 0; color: #16a085; font-size: 42px; line-height: 60px; -webkit-animation-name: opacity; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-name: opacity; animation-duration: 3s; animation-iteration-count: infinite; } .content__container:after { right: 0; position: absolute; top: 0; color: #16a085; font-size: 42px; line-height: 60px; -webkit-animation-name: opacity; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-name: opacity; animation-duration: 3s; animation-iteration-count: infinite; } .content__container__text { display: inline; float: left; margin: 0; } .content__container__list { margin-top: 0; padding-left: 110px; text-align: left; list-style: none; -webkit-animation-name: change; -webkit-animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-name: change; animation-duration: 10s; animation-iteration-count: infinite; } .content__container__list__item { line-height: 80px; margin: 0; font-size: 4rem; font-weight: 600; text-align: center; } @-webkit-keyframes opacity { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } @-webkit-keyframes change { 0%, 12.66%, 100% { transform: translate3d(0, 0, 0); } 16.66%, 29.32% { transform: translate3d(0, -25%, 0); } 33.32%, 45.98% { transform: translate3d(0, -50%, 0); } 49.98%, 62.64% { transform: translate3d(0, -75%, 0); } 66.64%, 79.3% { transform: translate3d(0, -50%, 0); } 83.3%, 95.96% { transform: translate3d(0, -25%, 0); } } @-o-keyframes opacity { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } @-o-keyframes change { 0%, 12.66%, 100% { transform: translate3d(0, 0, 0); } 16.66%, 29.32% { transform: translate3d(0, -25%, 0); } 33.32%, 45.98% { transform: translate3d(0, -50%, 0); } 49.98%, 62.64% { transform: translate3d(0, -75%, 0); } 66.64%, 79.3% { transform: translate3d(0, -50%, 0); } 83.3%, 95.96% { transform: translate3d(0, -25%, 0); } } @-moz-keyframes opacity { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } @-moz-keyframes change { 0%, 12.66%, 100% { transform: translate3d(0, 0, 0); } 16.66%, 29.32% { transform: translate3d(0, -25%, 0); } 33.32%, 45.98% { transform: translate3d(0, -50%, 0); } 49.98%, 62.64% { transform: translate3d(0, -75%, 0); } 66.64%, 79.3% { transform: translate3d(0, -50%, 0); } 83.3%, 95.96% { transform: translate3d(0, -25%, 0); } } @keyframes opacity { 0%, 100% { opacity: 0; } 50% { opacity: 1; } } @keyframes change { 0%, 12.66%, 100% { transform: translate3d(0, 0, 0); } 16.66%, 29.32% { transform: translate3d(0, -25%, 0); } 33.32%, 45.98% { transform: translate3d(0, -50%, 0); } 49.98%, 62.64% { transform: translate3d(0, -75%, 0); } 66.64%, 79.3% { transform: translate3d(0, -50%, 0); } 83.3%, 95.96% { transform: translate3d(0, -25%, 0); } } .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(30, 130, 95, 0.5); } .nav-container { height: 10vh; max-width: 90%; /* padding: 0 2rem; */ margin: 0 auto; display: flex; position: relative; } .logo-container { display: flex; align-items: center; } .nav-btn { flex: 3; display: flex; } .nav-links { display: flex; align-items: center; justify-content: center; flex: 2; } .log-sign { display: flex; justify-content: center; align-items: center; } .logo { font-size: 1.4rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } .logo span { font-weight: 300; } .btn { display: inline-block; padding: .8rem 1.3rem; font-size: .8rem; border: 2px solid var(--clr-light); border-radius: 2rem; line-height: 1; margin: 0 .2rem; transition: .3s; text-transform: uppercase; } .transparent { color: #facc15; } .transparent:hover {} .btn.solid:hover { background-color: yellow; /* color: var(--clr-btn); */ } .btn.transparent, .btn.solid:hover { background-color: transparent; color: var(--clr-light); } .nav-links>ul { display: flex; justify-content: center; align-items: center; } .nav-link { position: relative; } .nav-link>a { line-height: 3rem; /* color: var(--clr-light); */ padding: 0 .8rem; letter-spacing: 1px; font-size: .95rem; display: flex; align-items: center; justify-content: space-between; transition: .5s; } .nav-link>a>i { margin-left: .2rem; } .nav-link:hover>a { transform: scale(1.1); } .dropdown { position: absolute; top: 100%; left: 0; width: 16rem; /* padding-top: 10%; */ transform: translateY(10px); opacity: 0; pointer-events: none; transition: .5s; } .dropdown ul { position: relative; } .dropdown-link>a { display: flex; background-color: white; padding: .5rem 1rem; font-size: .9rem; align-items: center; justify-content: space-between; transition: .3s; } .dropdown-link:hover>a { background-color: aliceblue; } .dropdown-link:not(:nth-last-child(2)) { border-bottom: 1px solid aliceblue; } .dropdown-link i { transform: rotate(-90deg); } .arrow { position: absolute; width: 11px; height: 11px; top: -5.5px; left: 32px; background-color: white; transform: rotate(45deg); cursor: pointer; transition: .3s; z-index: -1; } .dropdown-link:first-child:hover~.arrow { background-color: white; } .dropdown-link { position: relative; } .dropdown.second { top: 0; left: 100%; padding-left: .8rem; cursor: pointer; transform: translateX(10px); } .dropdown.second .arrow { top: 10px; left: -5.5px; } .nav-link:hover>.dropdown, .dropdown-link:hover>.dropdown { transform: translate(0, 0); opacity: 1; pointer-events: auto; } .hamburger-menu-container { flex: 1; display: none; align-items: center; justify-content: flex-end; } .hamburger-menu { width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: flex-end; } .hamburger-menu div { width: 1.6rem; height: 3px; border-radius: 3px; background-color: var(--clr-light); position: relative; z-index: 1001; transition: .5s; } .hamburger-menu div:before, .hamburger-menu div:after { content: ; position: absolute; width: inherit; height: inherit; background-color: var(--clr-light); border-radius: 3px; transition: .5s; } .hamburger-menu div:before { transform: translateY(-7px); } .hamburger-menu div:after { transform: translateY(7px); } #check { position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); width: 2.5rem; height: 2.5rem; z-index: 90000; cursor: pointer; opacity: 0; display: none; } #check:checked~.hamburger-menu-container .hamburger-menu div { background-color: transparent; } #check:checked~.hamburger-menu-container .hamburger-menu div:before { transform: translateY(0) rotate(-45deg); } #check:checked~.hamburger-menu-container .hamburger-menu div:after { transform: translateY(0) rotate(45deg); } @keyframes animation { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0px); } } @media (max-width: 920px) { .hamburger-menu-container { display: flex; } #check { display: block; } .nav-btn { position: fixed; height: calc(100vh - 3rem); top: 4rem; left: 0; width: 100%; background-color: var(--clr-btn); flex-direction: column; align-items: center; justify-content: space-between; overflow-x: hidden; overflow-y: auto; transform: translateX(100%); transition: .65s; } #check:checked~.nav-btn { transform: translateX(0); } #check:checked~.nav-btn .nav-link, #check:checked~.nav-btn .log-sign { animation: animation .5s ease forwards var(--i); } .nav-container { max-width: 100%; padding: 0 1rem; } .nav-links { flex: initial; display: block; width: 100%; } .nav-links>ul { flex-direction: column; } .nav-link { width: 100%; opacity: 0; transform: translateY(15px); } .nav-link>a { line-height: 1; padding: 1.6rem 2rem; } .nav-link:hover>a { transform: scale(1); background-color: aliceblue; } .dropdown, .dropdown.second { position: initial; top: initial; left: initial; transform: initial; opacity: 1; pointer-events: auto; width: 100%; padding: 0; background-color: var(--clr-dropdown-hov); display: none; } .nav-link:hover>.dropdown, .dropdown-link:hover>.dropdown { display: block; } .nav-link:hover>a>i, .dropdown-link:hover>a>i { transform: rotate(360deg); } .dropdown-link>a { background-color: whitesmoke; color: black; padding: 1.2rem 3.5rem; line-height: 1; } .dropdown.second .dropdown-link>a { padding: 1.2rem 2rem 1.2rem 4.6rem; } .dropdown.second .dropdown.second .dropdown-link>a { padding: 1.2rem 2rem 1.2rem 4rem; } .dropdown-link:not(:nth-last-child(2)) { border-bottom: none; } .arrow { z-index: 1; background-color: var(--clr-btn); left: 10%; transform: scale(1.1) rotate(45deg); transition: .5s; } .nav-link:hover .arrow { background-color: aliceblue; } .dropdown .dropdown .arrow { display: none; } .dropdown-link:hover>a { background-color: whitesmoke; } .dropdown-link:first-child:hover~.arrow { background-color: var(--clr-nav-hover); } .nav-link>a>i { font-size: 1.1rem; transform: rotate(-90deg); transition: .7s; } .dropdown i { font-size: 1rem; transition: .7s; } .log-sign { flex: initial; width: 100%; padding: 1.5rem 1.9rem; justify-content: flex-start; opacity: 0; transform: translateY(15px); } .nav-links { display: none; } } .spinner { width: 120px; height: 50px; text-align: center; font-size: 30px; } .spinner>div { background-color: #fff; height: 100%; width: 8px; display: inline-block; animation: meregang 1.2s infinite ease-in-out; } .spinner .react2 { animation-delay: -1.1s; } .spinner .react3 { animation-delay: -1s; } .spinner .react4 { animation-delay: -0.9s; } .spinner .react5 { animation-delay: -0.8s; } @keyframes meregang { 0%, 40%, 100% { transform: scaleY(0.4); } 20% { background-color: #ed7058; transform: scaleY(1); } }/style>header classshadow-custom > div classflex w-full items-center justify-center border border-gray-200 bg-slate-100 py-1 max-md:hidden> div classflex items-center justify-between w-90% > div classflex items-center justify-start gap-6> a hreftel:+91-8828248471 classtext-13px text-gray-700>i classfa-solid fa-phone fa-sm>/i> +(91) 8828248471/a> a hreftel:+91-9594317727 classtext-13px text-gray-700>i classfa-solid fa-phone fa-sm>/i> +(91) 9594317727/a> /div> div classflex items-center justify-end gap-3 text-gray-700> p classtext-lg text-blue-500>i classfa-brands fa-facebook>/i>/p> p classtext-lg text-pink-500>i classfa-brands fa-instagram>/i>/p> p classtext-lg text-red-500>i classfa-brands fa-youtube>/i>/p> p classtext-lg text-green-500>i classfa-brands fa-whatsapp>/i>/p> /div> /div> /div> div classnav-container> input typecheckbox namecheck idcheck> a href/> div classlogo-container> img src/assets/images/logo - Copy (1).jpg altSatyavani Foundation Logo classh-16 w-auto mr-4 p-1 max-md:h-16 max-md:mr-0> div classlogo-text flex items-center justify-center flex-col> h3 classlogo text-#facc15>SATYAVANI/h3> span classtext-10px text-#aaabac max-md:text-sm max-md:mt--8px>MAKE A DIFFERENCE/span> /div> /div> /a> div classnav-btn> div classnav-links> ul> li classnav-link style--i: .6s> a href/>Home/a> /li> li classnav-link style--i: .85s> a href/pages/aboutus.php>About Us/a> /li> li classnav-link style--i: 1.1s> a href#>Initiatives i classfa-solid fa-chevron-down fa-xs>/i>/a> div classdropdown pt-10%> ul> li classdropdown-link> a href#>Projectsi classfa-solid fa-chevron-down fa-xs>/i>/a> div classdropdown second> ul> li classdropdown-link> a href/pages/savaasthy_seva.php>Healthcare Initiatives/a> /li> li classdropdown-link> a href/pages/stri_shaktikaran.php>Women Empowerment/a> /li> li classdropdown-link> a href/pages/shiksha_seva.php>Education Initiatives/a> /li> li classdropdown-link> a href/pages/sanrakshan_paryavaran.php>Environmental Conservation/a> /li> li classdropdown-link> a href/pages/sanvardhan_ajeevika.php>Livelihood Enhancement/a> /li> li classdropdown-link> a href/pages/Foodpack-to-Footpath.php>Foodpack to Footpath/a> /li> li classdropdown-link> a href/pages/home-for-orphanage.php>Home for orphanages/a> /li> li classdropdown-link> a href/pages/stray_animal_feeding.php>Feeding Animals/a> /li> li classdropdown-link> a href/pages/disaster-relief-program.php>Disaster Relief/a> /li> li classdropdown-link> a href/pages/youth-and-counseling.php>Youth and Counseling/a> /li> div classarrow>/div> /ul> /div> /li> li classdropdown-link> a href#>Campaignsi classfa-solid fa-chevron-down fa-xs>/i>/a> div classdropdown second> ul> li classdropdown-link> a href#>Health Campaigns/a> /li> li classdropdown-link> a href#>Shiksha Sahayak/a> /li> div classarrow>/div> /ul> /div> /li> div classarrow>/div> /ul> /div> /li> li classnav-link style--i: 1.35s> a href#>News & Media i classfa-solid fa-chevron-down fa-xs>/i>/a> div classdropdown pt-10%> ul> li classdropdown-link> a href/pages/blog.php>Blog/a> /li> li classdropdown-link> a href/pages/media_gallery.php>Gallery/a> /li> li classdropdown-link> a href/pages/event.php>Events/a> /li> div classarrow>/div> /ul> /div> /li> li classnav-link style--i: 1.6s> a href#>Certificates i classfa-solid fa-chevron-down fa-xs>/i>/a> div classdropdown pt-10%> ul> li classdropdown-link> a href# classflex items-center justify-start flex-col w-full>span classw-full>12AA Certificate/span>span classtext-0.7rem text-gray-500 w-full>Registration to take Money/span> /a> /li> li classdropdown-link> a href# classflex items-center justify-start flex-col w-full>span classw-full>80G Certificate/span>span classtext-0.7rem text-gray-500 w-full>50% Discount/span> /a> /li> li classdropdown-link> a href# classflex items-center justify-start flex-col w-full>span classw-full>NITI IO/span>span classtext-0.7rem text-gray-500 w-full>NITI Aayog Certificate/span> /a> /li> li classdropdown-link> a href# classflex items-center justify-start flex-col w-full>span classw-full>CSR1/span>span classtext-0.7rem text-gray-500 w-full>Corporate Social Responsibility/span> /a> /li> div classdropdown pt-20%> ul> div classarrow>/div> /ul> /div> div classarrow>/div> /ul> /div> /li> li classnav-link style--i: 1.9s> a href/>CSR/a> /li> /ul> /div> div classw-full items-center justify-center flex-col py-4 hidden max-md:flex> div classw-full flex items-center justify-start flex-col gap-6> a href/ classtext-lg text-gray-700 w-90% style--i: .6s>Home/a> a href/pages/aboutus.php classtext-lg text-gray-700 w-90% style--i: .85s>About Us/a> div idkitch onclickdikha(chupa,drop,right) classflex text-lg items-center justify-between w-90% style--i: 1.1s> span>Initiatives /span> i iddrop classfa-solid fa-angle-down styledisplay:none;>/i> i classfa-solid fa-chevron-right idright>/i> /div> div classw-full bg-gray-100 flex items-center justify-center idchupa styledisplay:none;> div classflex flex-col items-center justify-center w-90% gap-3 py-3 > div classw-full border-b border-gray-200 pb-2 flex items-center justify-between onclickdikha(chupa1,drop1,right1)> span classw-80% pl-6>Projects /span> i iddrop1 classfa-solid fa-angle-down styledisplay:none>/i> i classfa-solid fa-chevron-right idright1>/i> /div> div classw-full bg-gray-100 flex items-center justify-center> div classflex flex-col items-center justify-center w-full gap-3 py-3 idchupa1 styledisplay:none;> span classw-90% border-b border-gray-200 pb-2> a href/pages/savaasthy_seva.php classpx-4>Healthcare Initiatives/a> /span> span classw-90% border-b border-gray-200 pb-2> a href/pages/stri_shaktikaran.php classpx-4>Women Empowerment/a> /span> span classw-90% border-b border-gray-200 pb-2> a href/pages/shiksha_seva.php classpx-4>Education Initiatives/a> /span> span classw-90% border-b border-gray-200 pb-2> a href/pages/sanrakshan_paryavaran.php classpx-4>Environmental Conservation/a> /span> span classw-90% border-b border-gray-200 pb-2> a href/pages/sanvardhan_ajeevika.php classpx-4>Livelihood Enhancement/a> /span> span classw-90% border-b border-gray-200 pb-2> a href/pages/Foodpack-to-Footpath.php classpx-4>Foodpack to Footpath/a> /span> span classw-90% border-b border-gray-200 pb-2> a href/pages/home-for-orphanage.php classpx-4>Home for orphanages/a> /span> span classw-90% border-b border-gray-200 pb-2> a href/pages/stray_animal_feeding.php classpx-4>Feeding Animals/a> /span> span classw-90% border-b border-gray-200 pb-2> a href/pages/disaster-relief-program.php classpx-4>Disaster Relief/a> /span> span classw-90% border-b border-gray-200 pb-2> a href/pages/youth-and-counseling.php classpx-4>Youth and Counseling/a> /span> /div> /div> span classw-full border-b border-gray-200 pb-2> a href# classpx-6>Campaign/a> /span> /div> /div> div idkitch onclickdikha(chupa2,drop2,right2) classflex text-lg items-center justify-between w-90% style--i: 1.35s> span>News & Media /span> i iddrop2 classfa-solid fa-angle-down styledisplay:none>/i> i classfa-solid fa-chevron-right idright2>/i> /div> div classw-full bg-gray-100 flex items-center justify-center idchupa2 styledisplay:none;> div classflex flex-col items-center justify-center w-90% gap-3 py-3 > span classw-full border-b border-gray-200 pb-2> a href/pages/blog.php classpx-6>Blog/a> /span> span classw-full border-b border-gray-200 pb-2> a href/pages/media_gallery.php classpx-6>Gallery/a> /span> span classw-full border-b border-gray-200 pb-2> a href/pages/event.php classpx-6>Events/a> /span> /div> /div> div idkitch onclickdikha(chupa3,drop3,right3) classflex text-lg items-center justify-between w-90% style--i: 1.6s> span>Certificates /span> i iddrop3 classfa-solid fa-angle-down styledisplay:none>/i> i classfa-solid fa-chevron-right idright3>/i> /div> div classw-full bg-gray-100 flex items-center justify-center idchupa3 styledisplay:none;> div classflex flex-col items-center justify-center w-90% gap-3 py-3 > span classw-full border-b border-gray-200 pb-2 flex flex-col items-center justify-center> a href# classpx-6 w-full>12AA Certificate/a> span classtext-sm text-gray-500 w-full px-6>Registration to take Money/span> /span> span classw-full border-b border-gray-200 pb-2 flex flex-col items-center justify-center> a href# classpx-6 w-full>80G Certificate/a> span classtext-sm text-gray-500 w-full px-6>50% Discount/span> /span> span classw-full border-b border-gray-200 pb-2 flex flex-col items-center justify-center> a href# classpx-6 w-full>NITI IO/a> span classtext-sm text-gray-500 w-full px-6>NITI Aayog Certificate/span> /span> span classw-full border-b border-gray-200 pb-2 flex flex-col items-center justify-center> a href# classpx-6 w-full>CSR1/a> span classtext-sm text-gray-500 w-full px-6>Corporate Social Responsibility/span> /span> /div> /div> a href/pages/joinus.php classtext-lg text-gray-700 w-90% style--i: 1.9s>CSR/a> /div> /div> div classlog-sign style--i: 1.8s> a href/pages/donate.php classbtn transparent>Donate Now i classfa-solid fa-piggy-bank fa-xl>/i>/a> a href/pages/joinus.php classbtn solid text-black>Join Us/a> /div> /div> div classhamburger-menu-container> div classhamburger-menu> div>/div> /div> /div> /div>/header>style> body { position: relative; }/style>div idloadingScreen classabsolute top-0 w-full h-100vh flex flex-col gap-6 items-center justify-center overflow-hidden bg-white z-99999> img src/assets/images/logo.webp alt classw-32> div classspinner> div classreact1>/div> div classreact2>/div> div classreact3>/div> div classreact4>/div> div classreact5>/div> /div>/div>script> // Disable body overflow on page load document.body.style.overflow hidden; // Hide the loading screen and restore body overflow after 2 seconds window.onload function() { setTimeout(function() { document.getElementById(loadingScreen).style.display none; // Re-enable body overflow document.body.style.overflowY auto; }, 2000); }; function dikha(show, down, right) { var show document.getElementById(show); var down document.getElementById(down); var right document.getElementById(right); if (show.style.display none) { show.style.display flex; down.style.display flex; right.style.display none; } else { show.style.display none; down.style.display none; right.style.display flex; } }/script>script srcassets/script/dropdown.js>/script> style> .dot { height: 8px; width: 8px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active { background-color: #717171; } .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1.5s ease-in-out; z-index: 1; } .slide.active { opacity: 1; z-index: 2; } #main-content { position: relative; overflow: hidden; } /style> div idmain-content classh-80vh w-full md:text-center max-md:w-full max-md:h-96> div classw-full h-full relative items-center flex flex-col justify-center> div idbanner-index-left classabsolute top-1/2 -translate-y-1/2 left-5 w-20 h-20 rounded-full flex items-center justify-center aspect-square text-slate-900 z-30 cursor-pointer> i classfa-solid fa-chevron-left text-white max-md:hidden>/i> /div> div idbanner-index-right classabsolute top-1/2 -translate-y-1/2 right-5 w-20 h-20 rounded-full flex items-center justify-center aspect-square text-slate-900 z-30 cursor-pointer> i classfa-solid fa-chevron-right text-white max-md:hidden>/i> /div> div classslide> img srcassets/images/b1.jpeg classw-full h-full object-cover alt> /div> div classslide> img srcassets/images/b2.jpeg classw-full h-full object-cover alt> /div> div classslide> img srcassets/images/photo_6278384757117140334_y.jpg classw-full h-full object-cover alt> /div> div classslide> img srcassets/images/photo_6278384757117140332_y.jpg classw-full h-full object-cover alt> /div> div classslide> img srcassets/images/photo_6278384757117140331_y.jpg classw-full h-full object-cover alt> /div> div classabsolute left-0 top-0 w-full h-full z-10 bg-black opacity-30>/div> div classabsolute left-0 top-0 z-20 w-full h-full flex items-center flex-col justify-center text-left max-md:text-center> !-- The dots/circles --> div classabsolute bottom-5 w-full flex justify-center z-40> span classdot onclickcurrentSlide(1)>/span> span classdot onclickcurrentSlide(2)>/span> span classdot onclickcurrentSlide(3)>/span> span classdot onclickcurrentSlide(4)>/span> span classdot onclickcurrentSlide(5)>/span> /div> /div> /div> /div> script> let slideIndex 1; let slideInterval; // Initialize with the first slide showSlide(slideIndex); function plusSlides(n) { showSlide(slideIndex + n); } function currentSlide(n) { showSlide(slideIndex n); } function showSlide(n) { const slides document.querySelectorAll(.slide); const dots document.querySelectorAll(.dot); if (n > slides.length) { slideIndex 1 } if (n 1) { slideIndex slides.length } slides.forEach((slide) > { slide.classList.remove(active); }); dots.forEach((dot) > { dot.classList.remove(active); }); slidesslideIndex - 1.classList.add(active); dotsslideIndex - 1.classList.add(active); // Reset the interval clearInterval(slideInterval); startSlideShow(); } function startSlideShow() { slideInterval setInterval(() > { plusSlides(1); }, 2500); // Change slide every 5 seconds } // Event listeners for chevrons document.getElementById(banner-index-left).addEventListener(click, () > plusSlides(-1)); document.getElementById(banner-index-right).addEventListener(click, () > plusSlides(1)); // Start the slideshow startSlideShow(); /script> div class min-h-screen flex items-center justify-center max-md:mt-5> div classw-90% container mx-auto> h1 classfont-semibold text-5xl text-blue-950 text-center mb-12 max-md:mb-5 max-md:text-3xl>Our Charity Profile Project /h1> div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8> a href/pages/savaasthy_seva.php> div classbg-gradient-to-br from-blue-100 to-purple-100 bg-opacity-50 rounded-lg p-6 backdrop-filter backdrop-blur-sm hover:to-purple-200 transition-all duration-300 transform hover:-translate-y-2 > div classflex flex-col items-center > svg xmlnshttp://www.w3.org/2000/svg classh-16 w-16 mb-4 viewBox0 -960 960 960 width24px fillblack> path dM420-340h120v-100h100v-120H540v-100H420v100H320v120h100v100Zm60 260q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z /> /svg> h3 classtext-xl font-semibold mb-2>Healthcare Initiative/h3> !-- p classtext-center text-sm>Crafting intuitive and responsive user interfaces/p> --> /div> /div> /a> a href/pages/stri_shaktikaran.php> div classbg-gradient-to-br from-blue-100 to-purple-100 bg-opacity-50 rounded-lg p-6 backdrop-filter backdrop-blur-sm hover:to-purple-200 transition-all duration-300 transform hover:-translate-y-2 > div classflex flex-col items-center > svg xmlnshttp://www.w3.org/2000/svg classh-16 w-16 mb-4 viewBox0 -960 960 960 width24px fillblack> path dM400-80v-240H280l122-308q10-24 31-38t47-14q26 0 47 14t31 38l122 308H560v240H400Zm80-640q-33 0-56.5-23.5T400-800q0-33 23.5-56.5T480-880q33 0 56.5 23.5T560-800q0 33-23.5 56.5T480-720Z /> /svg> h3 classtext-xl font-semibold mb-2>Women Empowerment/h3> !-- p classtext-center text-sm>Building robust and scalable server-side solutions/p> --> /div> /div> /a> a href/pages/shiksha_seva.php> div classbg-gradient-to-br from-blue-100 to-purple-100 bg-opacity-50 rounded-lg p-6 backdrop-filter backdrop-blur-sm hover:to-purple-200 transition-all duration-300 transform hover:-translate-y-2 > div classflex flex-col items-center > svg xmlnshttp://www.w3.org/2000/svg classh-16 w-16 mb-4 viewBox0 -960 960 960 width24px fillblack> path dM480-120 200-272v-240L40-600l440-240 440 240v320h-80v-276l-80 44v240L480-120Zm0-332 274-148-274-148-274 148 274 148Zm0 241 200-108v-151L480-360 280-470v151l200 108Zm0-241Zm0 90Zm0 0Z /> /svg> h3 classtext-xl font-semibold mb-2>Education Initiative/h3> !-- p classtext-center text-sm>Creating seamless experiences for iOS and Android/p> --> /div> /div> /a> a href/pages/sanrakshan_paryavaran.php> div classbg-gradient-to-br from-blue-100 to-purple-100 bg-opacity-50 rounded-lg p-6 backdrop-filter backdrop-blur-sm hover:to-purple-200 transition-all duration-300 transform hover:-translate-y-2 > div classflex flex-col items-center > svg xmlnshttp://www.w3.org/2000/svg classh-16 w-16 mb-4 viewBox0 -960 960 960 width24px fillblack> path dM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm-40-82v-78q-33 0-56.5-23.5T360-320v-40L168-552q-3 18-5.5 36t-2.5 36q0 121 79.5 212T440-162Zm276-102q20-22 36-47.5t26.5-53q10.5-27.5 16-56.5t5.5-59q0-98-54.5-179T600-776v16q0 33-23.5 56.5T520-680h-80v80q0 17-11.5 28.5T400-560h-80v80h240q17 0 28.5 11.5T600-440v120h40q26 0 47 15.5t29 40.5Z /> /svg> h3 classtext-xl font-semibold mb-2>Enviromental Conservation/h3> !-- p classtext-center text-sm>Optimizing data storage and retrieval systems/p> --> /div> /div> /a> a href/pages/sanvardhan_ajeevika.php> div classbg-gradient-to-br from-blue-100 to-purple-100 bg-opacity-50 rounded-lg p-6 backdrop-filter backdrop-blur-sm hover:to-purple-200 transition-all duration-300 transform hover:-translate-y-2 > div classflex flex-col items-center > svg xmlnshttp://www.w3.org/2000/svg classh-16 w-16 mb-4 fillblack viewBox0 0 512 512>!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--> path dM176 0c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16c-44.2 0-80-35.8-80-80c0-8.8 7.2-16 16-16zM56 16l48 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L56 64C42.7 64 32 53.3 32 40s10.7-24 24-24zM24 88l112 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L24 136c-13.3 0-24-10.7-24-24S10.7 88 24 88zm8 96c0-13.3 10.7-24 24-24l48 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-48 0c-13.3 0-24-10.7-24-24zM272 16c0-8.8 7.2-16 16-16c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16c-44.2 0-80-35.8-80-80zM400 0c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16c-44.2 0-80-35.8-80-80c0-8.8 7.2-16 16-16zm80 144c0 44.2-35.8 80-80 80c-8.8 0-16-7.2-16-16c0-44.2 35.8-80 80-80c8.8 0 16 7.2 16 16zM352 128c8.8 0 16 7.2 16 16c0 44.2-35.8 80-80 80c-8.8 0-16-7.2-16-16c0-44.2 35.8-80 80-80zm-96 16c0 44.2-35.8 80-80 80c-8.8 0-16-7.2-16-16c0-44.2 35.8-80 80-80c8.8 0 16 7.2 16 16zM0 304c0-26.5 21.5-48 48-48l416 0c26.5 0 48 21.5 48 48l0 160c0 26.5-21.5 48-48 48L48 512c-26.5 0-48-21.5-48-48L0 304zM48 416l0 48 48 0c0-26.5-21.5-48-48-48zM96 304l-48 0 0 48c26.5 0 48-21.5 48-48zM464 416c-26.5 0-48 21.5-48 48l48 0 0-48zM416 304c0 26.5 21.5 48 48 48l0-48-48 0zm-96 80a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z /> /svg> h3 classtext-xl font-semibold mb-2>Livelihoods Enhancement/h3> !-- p classtext-center text-sm>Designing efficient communication protocols/p> --> /div> /div> /a> a href/pages/aboutus.php> div classbg-gradient-to-br from-blue-100 to-purple-100 bg-opacity-50 rounded-lg p-6 backdrop-filter backdrop-blur-sm hover:to-purple-200 transition-all duration-300 transform hover:-translate-y-2 > div classflex flex-col items-center > svg xmlnshttp://www.w3.org/2000/svg classh-16 w-16 mb-4 viewBox0 -960 960 960 width24px fillblack> path dM40-120v-720h560v720H360v-160h-80v160H40Zm80-80h80v-160h240v160h80v-560H120v560Zm80-240h80v-80h-80v80Zm0-160h80v-80h-80v80Zm160 160h80v-80h-80v80Zm0-160h80v-80h-80v80Zm420 260-56-56 43-44H640v-80h127l-43-44 56-56 140 140-140 140ZM200-200v-160h240v160-160H200v160Z /> /svg> h3 classtext-xl font-semibold mb-2>Satyavani Ministry/h3> !-- p classtext-center text-sm>Streamlining development and deployment processes/p> --> /div> /div> /a> /div> /div> /div> style> /* Custom styles for carousel */ .carousel { overflow: hidden; position: relative; height: 300px; /* Set a fixed height for the carousel */ } .carousel-inner { display: flex; transition: transform 0.5s ease-in-out; height: 100%; /* Ensure the inner container takes full height */ } .carousel-item { flex: 1 0 33.333%; box-sizing: border-box; height: 100%; /* Ensure items fill the container height */ display: flex; align-items: center; /* Center content vertically */ justify-content: center; /* Center content horizontally */ } .carousel-item img { width: 100%; height: 100%; object-fit: cover; /* Ensure the image covers the area */ border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } /* Responsive styles */ @media (max-width: 1200px) { .carousel-item { flex: 1 0 50%; } } @media (max-width: 768px) { .carousel-item { flex: 1 0 100%; } .carousel { height: auto; /* Allow height to adjust based on content */ } } /style> section classpy-5 px-4 mb-20 max-md:py-10> div classcontainer mx-auto> h2 classtext-5xl font-semibold mb-6 text-center max-md:text-3xl>Our Eventful Journeys/h2> div classrelative carousel> div classcarousel-inner flex> !-- Carousel items --> div class carousel-item px-2> img srcassets/images/photo_6278384757117140331_y.jpg classitem altGallery Image 1> /div> div class carousel-item px-2> img srcassets/images/slider5.jpg classitem altGallery Image 5> /div> div class carousel-item px-2> img srcassets/images/photo_6278384757117140332_y.jpg classitem altGallery Image 2> /div> div class carousel-item px-2> img srcassets/images/photo_6278384757117140333_y.jpg classitem altGallery Image 3> /div> div class carousel-item px-2> img srcassets/images/photo_6278384757117140334_y.jpg classitem altGallery Image 4> /div> div class carousel-item px-2> img srcassets/images/71 (1).jpg classitem altGallery Image 4> /div> div class carousel-item px-2> img srcassets/images/71 (2).jpg classitem altGallery Image 4> /div> !-- Add more items as needed --> /div> /div> /div> /section> !-- JavaScript for carousel functionality --> script> const carouselInner document.querySelector(.carousel-inner); const carouselItems document.querySelectorAll(.carousel-item); const itemWidth carouselItems0.offsetWidth; const totalItems carouselItems.length; let index 0; // Clone all items and append them to create a seamless loop function cloneItems() { carouselItems.forEach(item > { const clone item.cloneNode(true); carouselInner.appendChild(clone); }); } cloneItems(); function showItem(index) { const offset -index * itemWidth; carouselInner.style.transform `translateX(${offset}px)`; } function nextSlide() { index++; if (index > totalItems) { // When we reach the end of the original items, quickly reset to the beginning setTimeout(() > { carouselInner.style.transition none; index 0; showItem(index); setTimeout(() > { carouselInner.style.transition transform 0.5s ease-in-out; }, 50); }, 500); // This timeout should match the transition duration } showItem(index); } function prevSlide() { index--; if (index 0) { // When we reach the beginning, quickly jump to the end index totalItems - 1; carouselInner.style.transition none; showItem(index); setTimeout(() > { carouselInner.style.transition transform 0.5s ease-in-out; index--; showItem(index); }, 50); } else { showItem(index); } } // Auto scroll every 2 seconds const interval 2000; setInterval(nextSlide, interval); // Initialize the carousel showItem(index); /script> !-- div classw-full h-auto pt-5 pb-20 flex items-center justify-center flex-col gap-20> /div> --> div classbg-gradient-to-br from-blue-100 to-purple-100 min-h-screen py-16 px-4 sm:px-6 lg:px-8> div classw-90% mx-auto> div classtext-center mb-12> h2 classtext-2xl font-extrabold text-gray-900 sm:text-5xl md:text-6xl> span idtyping-text>Orphans Around the World/span> /h2> p classmt-0 max-w-md mx-auto text-xs text-gray-500 sm:text-xl md:mt-5 md:max-w-3xl> Millions of children need our love and support /p> /div> div classflex flex-col md:flex-row items-center justify-between space-y-10 md:space-y-0 md:space-x-10> div classw-full md:w-1/2> img src./assets/images/72 (4).jpg altOrphan children classrounded-lg shadow-xl w-full h-auto object-cover /> /div> div classw-full md:w-1/2 space-y-6> div classbg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg> div classp-6 space-y-4> div classflex items-center space-x-4> i classfa-solid fa-people-group fa-2x text-blue-500>/i> div> p classtext-xl font-semibold text-gray-900>15 Million/p> p classtext-gray-600>have lost both parents/p> /div> /div> /div> /div> div classbg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg> div classp-6 space-y-4> div classflex items-center space-x-4> i classfa-solid fa-street-view fa-2x text-green-500>/i> div> p classtext-xl font-semibold text-gray-900>Millions/p> p classtext-gray-600>live in the streets/p> /div> /div> /div> /div> div classbg-white rounded-xl shadow-md overflow-hidden hover:shadow-lg> div classp-6 space-y-4> div classflex items-center space-x-4> i classfa-solid fa-house fa-2x text-yellow-500>/i> div> p classtext-xl font-semibold text-gray-900>8+ Million/p> p classtext-gray-600>live in orphanages/p> /div> /div> /div> /div> /div> /div> div classmt-12 overflow-hidden> div classpx-6 py-8 max-md:px-2> p classtext-lg text-gray-700 text-center leading-relaxed max-md:text-sm> Children who grow up in institutions face higher risks of developmental and emotional delays. They are more likely to encounter homelessness, crime, and sexual exploitation. Your support can make a difference in their lives. /p> /div> /div> /div> /div> !-- div classw-full h-87vh flex flex-col gap-10 items-center justify-center> h2 class flex flex-col items-center justify-center uppercase text-#343F5A text-40px font-500> span>What we do/span> span>To Help/span> /h2> p classtext-center text-14px text-#666666 w-85%> Satyavani Ministry is more than an organization; it’s a movement dedicated to fostering positive change and embracing community. In addition to our core services of feeding the homeless, promoting healthcare, empowering women, and preserving the environment, we actively engage in various social activities. From organizing community events to promoting cultural awareness and advocating for social justice, we work tirelessly to build stronger, more inclusive societies. Join us in our mission to create a world where compassion and solidarity thrive, one social activity at a time. /p> div classw-1/5 h-1.5px bg-#64c034>/div> /div> --> div classw-full h-90vh flex flex-col items-center gap-10 bg-url(./assets/images/8.png) bg-cover relative bg-fixed justify-center> h3 classcapitalize font-extrabold text-5xl text-white max-md:text-xl max-md:mt-5> Helping Us You Helping Them /h3> p classtext-center text-14px text-white w-4/6> “Helping Us, You Helping Them” embodies the essence of our collaborative approach at Satyavani Charity. We believe that when you extend a helping hand to support our cause, youre not just aiding us; youre directly impacting the lives of the children under our care. /p> div classw-4/5 h-auto flex justify-between items-center> div classflex flex-col> h3 classtext-white text-center text-65px font-200 max-md:text-2xl>12/h3> p classtext-white text-xl text-center max-md:text-sm>Funds Raised/p> /div> div classw-1px h-full bg-white>/div> div> h3 classtext-white text-center text-65px font-200 max-md:text-2xl>56+/h3> p classtext-white text-xl text-center max-md:text-sm>Volunteers/p> /div> div classw-1px h-full bg-white>/div> div> h3 classtext-white text-center text-65px font-200 max-md:text-2xl>76+/h3> p classtext-white text-xl text-center max-md:text-sm>Projects/p> /div> !-- div classw-1px h-full bg-white>/div> --> !-- div> h3 classtext-white text-center text-4xl font-bold>100%/h3> p classtext-white text-xl text-center>Satisfied Customers/p> /div> --> /div> a hrefpages/joinus.php typebutton classborder-1px border-white text-white rounded-lg px-4 py-3 font-400 flex hover:scale-105 transition-all donatenow > Join Us span> svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone strokecurrentColor stroke-width2 stroke-linecapround stroke-linejoinround classicon icon-tabler icons-tabler-outline icon-tabler-heartbeat> path strokenone dM0 0h24v24H0z fillnone>/path> path dM19.5 13.572l-7.5 7.428l-2.896 -2.868m-6.117 -8.104a5 5 0 0 1 9.013 -3.022a5 5 0 1 1 7.5 6.572> /path> path dM3 13h2l2 3l2 -6l1 3h3 classicon-tabler-heartbeat>/path> /svg> /span> /a> /div> div classpt-10 pb-10 flex w-full h-auto gap-10 flex-col items-center justify-center> div classw-70% flex items-center justify-start max-md:flex-col max-md:w-90%> div classflex flex-col items-center justify-start max-md:w-full > h3 classw-full flex flex-col items-start justify-start text-#343F5A text-5xl font-semibold max-md:text-3xl> span classmax-md:text-center max-md:w-full>What is the 3P/span> span classmax-md:text-center max-md:w-full>Bottom line?/span> /h3> div classw-full> p classtext-#777777 text-left w-76% py-7 max-md:w-full max-md:text-center>The triple bottom line can be broken down into “three Ps”: profit, people, and the planet. Firms can use these categories to conceptualize their environmental responsibility and determine any negative social impacts to which they might be contributing./p> /div> /div> img src./assets/images/Triple+Bottom+Line+_No+Background_-1__1_-removebg-preview (1).png alt> /div> div class w-full>/div> !-- Three Ps Section --> div classw-90% px-6 > div classgrid grid-cols-1 md:grid-cols-3 gap-8> !-- People Card --> div classbg-white p-6 rounded-lg shadow-lg transform flex items-center justify-start gap-5 flex-col transition-transform hover:translate-y-2 hover:border-2 hover:border-#f2aa78 > div classflex items-center justify-start gap-4 w-full> div classflex justify-start mb-4 bg-slate-100 h-fit w-fit p-2 rounded-xl shadow-sm> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillnone stroke#f2aa78 stroke-width1 stroke-linecapround stroke-linejoinround classw-8 h-8> path strokenone dM0 0h24v24H0z fillnone /> path dM9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0 /> path dM3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2 /> path dM16 3.13a4 4 0 0 1 0 7.75 /> path dM21 21v-2a4 4 0 0 0 -3 -3.85 /> /svg> /div> h3 classtext-3xl font-bold mb-4 text-gray-800>People/h3> /div> p classtext-gray-400 text-sm> The second component of the triple bottom line highlights a businesss societal impact, or its commitment to people. Its important to make the distinction between a firms shareholders and stakeholders. Traditionally, businesses have favored shareholder value as an indicator of success, meaning they strive to generate value for those who own shares of the company. /p> /div> !-- Profit Card --> div classbg-white p-6 rounded-lg shadow-lg transform flex items-center justify-start gap-5 flex-col transition-transform hover:translate-y-2 hover:border-2 hover:border-#85a3d9 > div classflex items-center justify-start gap-4 w-full> div classflex justify-start mb-4 bg-slate-100 h-fit w-fit p-2 rounded-xl shadow-sm> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillnone stroke#85a3d9 stroke-width1 stroke-linecapround stroke-linejoinround classw-8 h-8> path strokenone dM0 0h24v24H0z fillnone /> path dM9 14c0 1.657 2.686 3 6 3s6 -1.343 6 -3s-2.686 -3 -6 -3s-6 1.343 -6 3z /> path dM9 14v4c0 1.656 2.686 3 6 3s6 -1.344 6 -3v-4 /> path dM3 6c0 1.072 1.144 2.062 3 2.598s4.144 .536 6 0c1.856 -.536 3 -1.526 3 -2.598c0 -1.072 -1.144 -2.062 -3 -2.598s-4.144 -.536 -6 0c-1.856 .536 -3 1.526 -3 2.598z /> path dM3 6v10c0 .888 .772 1.45 2 2 /> path dM3 11c0 .888 .772 1.45 2 2 /> /svg> /div> h3 classtext-3xl font-bold mb-4 text-gray-800>Profit/h3> /div> p classtext-gray-400 text-sm> In a capitalist economy, a firms success most heavily depends on its financial performance, or the profit it generates for shareholders. Strategic planning initiatives and key business decisions are generally carefully designed to maximize profits while reducing costs and mitigating risk. /p> /div> !-- Planet Card --> div classbg-white p-6 rounded-lg shadow-lg transform flex items-center justify-start gap-5 flex-col transition-transform hover:translate-y-2 hover:border-2 hover:border-#a1ca86 > div classflex items-center justify-start gap-4 w-full> div classflex justify-start mb-4 bg-slate-100 h-fit w-fit p-2 rounded-xl shadow-sm> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 24 24 fillnone stroke#a1ca86 stroke-width1 stroke-linecapround stroke-linejoinround classw-8 h-8> path strokenone dM0 0h24v24H0z fillnone /> path dM3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0 /> path dM3.6 9h16.8 /> path dM3.6 15h16.8 /> path dM11.5 3a17 17 0 0 0 0 18 /> path dM12.5 3a17 17 0 0 1 0 18 /> /svg> /div> h3 classtext-3xl font-bold mb-4 text-gray-800>Planet/h3> /div> p classtext-gray-400 text-sm> The final component of the triple bottom line is concerned with making a positive impact on the planet. Since the birth of the Industrial Revolution, large corporations have contributed a staggering amount of pollution to the environment, which has been a key driver of climate change and environmental concerns. /p> /div> /div> /div> /div> div classbg-gradient-to-br from-red-50 to-orange-50 min-h-screen flex items-center justify-center px-4 sm:px-6 lg:px-8> div classw-90% mx-auto flex flex-col lg:flex-row items-center> div classw-full lg:w-1/2> div classrelative w-80% max-md:w-full> img src./assets/images/72 (1).jpg altCharity Work classrounded-lg shadow-2xl w-full h-full object-cover /> div classabsolute inset-0 bg-gradient-to-t from-black/50 to-transparent rounded-lg>/div> div classabsolute bottom-4 left-4 right-4 text-white> p classtext-lg font-semibold>Making a difference, one life at a time/p> /div> /div> /div> div classw-full lg:w-1/2 space-y-8 > h2 classtext-4xl md:text-5xl font-bold text-gray-800 leading-tight max-md:text-center max-md:mt-5> Our Highest Ambition is to span classtext-red-600>Help People/span> /h2> p classtext-lg text-gray-600 leading-relaxed max-md:text-sm> At Satyavani Charity, our highest ambition is to make a meaningful difference in the lives of people in need. Through our unwavering commitment to compassion, empowerment, and community engagement, we strive to create positive change and foster a brighter future for all. /p> div classflex flex-wrap gap-4 > div classflex items-center space-x-1 text-gray-700 max-md:text-10px> svg xmlnshttp://www.w3.org/2000/svg classh-6 w-6 text-red-500 max-md:h-4 max-md:w-4 fillnone viewBox0 0 24 24 strokecurrentColor> path stroke-linecapround stroke-linejoinround stroke-width2 dM9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z /> /svg> span>Compassion/span> /div> div classflex items-center space-x-1 text-gray-700 max-md:text-10px> svg xmlnshttp://www.w3.org/2000/svg classh-6 w-6 text-red-500 max-md:h-4 max-md:w-4 fillnone viewBox0 0 24 24 strokecurrentColor> path stroke-linecapround stroke-linejoinround stroke-width2 dM9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z /> /svg> span>Empowerment/span> /div> div classflex items-center space-x-1 text-gray-700 max-md:text-10px> svg xmlnshttp://www.w3.org/2000/svg classh-6 w-6 text-red-500 max-md:h-4 max-md:w-4 fillnone viewBox0 0 24 24 strokecurrentColor> path stroke-linecapround stroke-linejoinround stroke-width2 dM9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z /> /svg> span>Community Engagement/span> /div> /div> div classmax-md:justify-center max-md:items-center max-md:flex > a hrefpages/donate.php typebutton classinline-flex max-md:mb-10 items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 transition-all duration-300 transform hover:scale-105> svg xmlnshttp://www.w3.org/2000/svg classh-5 w-5 mr-2 viewBox0 0 20 20 fillcurrentColor> path fill-ruleevenodd dM4 4a2 2 0 00-2 2v4a2 2 0 002 2V6h10a2 2 0 00-2-2H4zm2 6a2 2 0 012-2h8a2 2 0 012 2v4a2 2 0 01-2 2H8a2 2 0 01-2-2v-4zm6 4a2 2 0 100-4 2 2 0 000 4z clip-ruleevenodd /> /svg> Donate Now /a> /div> /div> /div> /div> style> .marquee-wrapper { overflow: hidden; position: relative; width: 100%; /* Adjust as needed */ } .marquee-inner { display: flex; white-space: nowrap; will-change: transform; } .marquee-item { flex: 0 0 auto; padding: 1rem; } .marquee-item img { width: 150px; /* Adjust as needed */ height: auto; margin: 0 1rem; } /style> div class p-10> h1 classtext-center text-5xl font-semibold text-gray-900 py-6 max-md:text-2xl > Our Valued Partners & Sponsors /h1> div classmarquee-wrapper> !-- div classmarquee-inner idmarqueeInner> div classmarquee-item> img srcassets/images/spon.jpg altSponsor 1> /div> div classmarquee-item> img srcassets/images/spon.jpg altSponsor 2> /div> div classmarquee-item> img srcassets/images/spon.jpg altSponsor 3> /div> div classmarquee-item> img srcassets/images/spon.jpg altSponsor 4> /div> div classmarquee-item> img srcassets/images/spon.jpg altSponsor 5> /div> div classmarquee-item> img srcassets/images/spon.jpg altSponsor 1> /div> div classmarquee-item> img srcassets/images/spon.jpg altSponsor 2> /div> div classmarquee-item> img srcassets/images/spon.jpg altSponsor 3> /div> div classmarquee-item> img srcassets/images/spon.jpg altSponsor 4> /div> div classmarquee-item> img srcassets/images/spon.jpg altSponsor 5> /div> /div> --> div classflex justify-center items-center w-full> img srcassets/images/spon.jpg classw-28 rounded-lg altSponsor 3> /div> /div> /div> !-- JavaScript for continuous scrolling --> script> document.addEventListener(DOMContentLoaded, () > { const marqueeInner document.getElementById(marqueeInner); const marqueeItems document.querySelectorAll(.marquee-item); const itemWidth marqueeItems0.offsetWidth + parseFloat(getComputedStyle(marqueeItems0).marginRight); const totalItems marqueeItems.length; const totalWidth itemWidth * totalItems; let currentOffset 0; const speed 0.8; // Adjust scrolling speed (px per frame) // Clone items to enable seamless looping function cloneItems() { const items Array.from(marqueeItems).map(item > item.cloneNode(true)); marqueeInner.append(...items); } cloneItems(); function updateMarquee() { currentOffset - speed; if (Math.abs(currentOffset) > totalWidth) { currentOffset 0; } marqueeInner.style.transform `translateX(${currentOffset}px)`; requestAnimationFrame(updateMarquee); } // Initialize the marquee updateMarquee(); }); /script> style> .fadeInUp { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .fadeInUp.is-visible { opacity: 1; transform: translateY(0); } .fadeInRight { opacity: 0; transform: translateX(30px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .fadeInRight.is-visible { opacity: 1; transform: translateX(0); } .stagger-delay-1 { transition-delay: 0.2s; } .stagger-delay-2 { transition-delay: 0.4s; } .stagger-delay-3 { transition-delay: 0.6s; } .hover-scale { transition: transform 0.3s ease-in-out; } .hover-scale:hover { transform: scale(1.05); } /style> div classrelative bg-url(./assets/images/newhandbg.jpeg) bg-cover bg-center min-h-screen flex items-center max-md:bg-none> div classabsolute inset-0 bg-black opacity-50 max-md:hidden>/div> div classcontainer mx-auto px-6 relative z-10> div classw-full md:w-2/3 lg:w-1/2 fadeInRight max-md:flex max-md:items-center max-md:justify-center max-md:flex-col> h1 classtext-4xl md:text-5xl font-bold text-white mb-6 max-md:text-3xl max-md:text-black max-md:font-semibold max-md:text-center>Our Charity Profile Projects/h1> p classtext-lg text-white mb-8 max-md:text-center max-md:text-gray-600> At Satyavani Charity, our mission is to bring hope, dignity, and opportunity to those in need. Through our dedicated efforts and unwavering commitment to compassion, empowerment, and community engagement, we strive to make a positive impact on the lives of individuals and families facing adversity. Our core values of integrity, inclusivity, and accountability guide everything we do as we work towards building a more just and equitable world for all. /p> a href#how-to-help classbg-white text-blue-600 font-semibold py-3 px-8 rounded-full hover:bg-blue-100 transition duration-300 inline-block>Learn How to Help/a> /div> /div> /div> div idhow-to-help classbg-gray-100 py-16> div classcontainer mx-auto px-6> div classtext-center mb-12 fadeInUp> h2 classtext-5xl font-semibold text-gray-800 mb-7>How To Help Us/h2> p classtext-xl text-gray-600 max-w-3xl mx-auto> You can join hands with Satyavani Ministry Foundation by donating to us and helping all living beings. You can also contribute to society by becoming a grassroots volunteer at Satyavani Ministry and help us cater to people. /p> /div> div classgrid md:grid-cols-2 lg:grid-cols-4 gap-8> div classbg-white flex flex-col items-center justify-center rounded-lg shadow-lg p-6 hover-scale fadeInUp stagger-delay-1> svg xmlnshttp://www.w3.org/2000/svg classh-12 w-12 text-blue-500 mb-4 fillnone viewBox0 0 24 24 strokecurrentColor> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z /> /svg> h3 classtext-xl font-semibold text-gray-800 mb-2>Send Donation/h3> p classtext-gray-600 text-center> Giving is not just about making donations; its about making a difference. We provide an account of every single rupee you donate to us. /p> /div> div classbg-white flex flex-col items-center justify-center rounded-lg shadow-lg p-6 hover-scale fadeInUp stagger-delay-1> svg xmlnshttp://www.w3.org/2000/svg classh-12 w-12 text-green-500 mb-4 fillnone viewBox0 0 24 24 strokecurrentColor> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7 /> /svg> h3 classtext-xl font-semibold text-gray-800 mb-2>Toy Box Scheme/h3> p classtext-gray-600 text-center> Not every child has toys or games. Buying an extra toy for a toy box scheme can go a long way to putting a smile on someones face. /p> /div> a href/pages/joinus.php> div classbg-white flex flex-col items-center justify-center rounded-lg shadow-lg p-6 hover-scale fadeInUp stagger-delay-1> svg xmlnshttp://www.w3.org/2000/svg classh-12 w-12 text-red-500 mb-4 fillnone viewBox0 0 24 24 strokecurrentColor> path stroke-linecapround stroke-linejoinround stroke-width2 dM21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745M16 6V4a2 2 0 00-2-2h-4a2 2 0 00-2 2v2m4 6h.01M5 20h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z /> /svg> h3 classtext-xl font-semibold text-gray-800 mb-2>Become Volunteer/h3> p classtext-gray-600 text-center> Volunteering is the ultimate exercise in democracy. You vote every day about the kind of community you want to live in. /p> /div> /a> div classbg-white flex flex-col items-center justify-center rounded-lg shadow-lg p-6 hover-scale fadeInUp stagger-delay-1> svg xmlnshttp://www.w3.org/2000/svg classh-12 w-12 text-purple-500 mb-4 fillnone viewBox0 0 24 24 strokecurrentColor> path stroke-linecapround stroke-linejoinround stroke-width2 dM8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z /> /svg> h3 classtext-xl font-semibold text-gray-800 mb-2>Share Media/h3> p classtext-gray-600 text-center> Awareness offers more than just hope; it can lead to action. Help us translate awareness into actionable items. /p> /div> /div> /div> /div> div idimageModal classmodal roledialog aria-labelImage View Modal> button classclose aria-labelClose tabindex0>×/button> !-- div classtags> div classtagdiv>i classfa-solid fa-tag>/i> /div> /div> --> img classmodal-content object-cover object-top idfullImage> div idcaption aria-livepolite>/div> /div> div classw-full h-80vh flex flex-col bg-cover bg-fixed bg-url(/assets/images/aboutus5.jpeg) items-center justify-center gap-6> div classw-full h-full bg-#00000082 flex flex-col items-start justify-center gap-6 px-12 max-md:px-6> h2 classtext-left text-5xl text-white font-bold leading-tight max-md:text-3xl> span classblock>Join Us in Building a/span> span classblock text-#64c034>Brighter Future Together/span> /h2> div classw-32 h-1 bg-#64c034 mb-4 max-md:w-24>/div> p classtext-base w-50% font-normal text-left text-white leading-relaxed max-md:w-full max-md:text-sm max-md:leading-normal> Your support can ignite transformation and empower change in the lives of those in need. With your donation, we can provide vital resources, support education, and foster sustainable livelihoods for marginalized communities. /p> button classbg-#64c034 hover:bg-#48a717/90 text-white font-bold py-2 px-4 rounded-full>Join Us/button> /div> /div> !-- style> /* ---image slider--- */ .slider-container { width: 100%; overflow: hidden; padding: 10px 0px 10px 0px; } .slider { display: flex; transition: transform 0.5s ease-in-out; } .slide { flex-shrink: 0; width: 20%; padding: 8px; } .slide img { width: 100%; height: auto; border-radius: 0.5rem; transition: transform 0.2s ease; } .slide img { transition: transform 0.3s ease, border-color 0.3s ease; } .slide img:hover { transform: scale(1.05); /* Zoom effect */ border: 2px solid orange; /* Orange border */ } .slider-button { position: absolute; top: 50%; transform: translateY(-50%); /* background-color: rgba(255, 255, 255, 0.75); */ color: white; padding: 10px; border-radius: 50%; cursor: pointer; z-index: 10; /* transition: background-color 0.3s ease; */ } /* .slider-button:hover { background-color: rgba(255, 255, 255, 1); } */ .prev-btn { left: 10px; } .next-btn { right: 10px; } /style> !--------------------- scrolling images ------------------------------> !-- div classbg-gray-100 flex flex-col gap-10 justify-center items-center min-h-screen> h1 classheading font-serif capitalize text-3xl font-bold>Commitment to span classprogress>/span>/h1> div classrelative w-full overflow-hidden rounded-lg shadow-lg> div idslider classslider-container> div classslider> div classslide relative> img srcimages/anti-currop.png altImage 1> div classabsolute bottom-20 left-1/2 -translate-x-1/2 h-auto flex flex-col items-center justify-center gap-3> h4 classtext-3xl font-semibold text-white> Anti currouption /h4> /div> /div> div classslide relative> img srcimages/defence.jpg altImage 2 class> div classabsolute bottom-20 left-1/2 -translate-x-1/2 h-auto capitalize flex flex-col items-center justify-center gap-3> h4 classtext-3xl font-semibold text-white> defence /h4> /div> /div> div classslide relative> img srcimages/economy.jpg altImage 3> div classabsolute bottom-20 left-1/2 -translate-x-1/2 h-auto flex flex-col capitalize items-center justify-center gap-3> h4 classtext-3xl font-semibold text-white> economy /h4> /div> /div> div classslide relative> img srcimages/education.jpg altImage 4> div classabsolute bottom-20 left-1/2 -translate-x-1/2 h-auto capitalize flex flex-col items-center justify-center gap-3> h4 classtext-3xl font-semibold text-white> education /h4> /div> /div> div classslide relative> img srcimages/farmer.jpg altImage 5> div classabsolute bottom-20 left-1/2 -translate-x-1/2 h-auto capitalize flex flex-col items-center justify-center gap-3> h4 classtext-3xl font-semibold text-white> farmer /h4> /div> /div> div classslide relative> img srcimages/health.jpg altImage 6> div classabsolute bottom-20 left-1/2 -translate-x-1/2 h-auto capitalize flex flex-col items-center justify-center gap-3> h4 classtext-3xl font-semibold text-white> health /h4> /div> /div> div classslide relative> img srcimages/infrastructure.jpg altImage 7> div classabsolute bottom-20 left-1/2 -translate-x-1/2 h-auto capitalize flex flex-col items-center justify-center gap-3> h4 classtext-3xl font-semibold text-white> infrastructure /h4> /div> /div> div classslide relative> img srcimages/youth.jpg altImage 8> div classabsolute bottom-20 left-1/2 -translate-x-1/2 h-auto capitalize flex flex-col items-center justify-center gap-3> h4 classtext-3xl font-semibold text-white> Youth /h4> /div> /div> div classslide relative> img srcimages/women.jpg altImage 9> div classabsolute bottom-20 left-1/2 -translate-x-1/2 h-auto capitalize flex flex-col items-center justify-center gap-3> h4 classtext-3xl font-semibold text-white> Women /h4> /div> /div> div classslide relative> img srcimages/senior_cityzen.jpg altImage 10> div classabsolute bottom-20 left-1/2 -translate-x-1/2 h-auto capitalize flex flex-col items-center justify-center gap-3> h4 classtext-3xl font-semibold text-white> senior citizen /h4> /div> /div> /div> button idprevBtn classslider-button prev-btn text-4xl> < /button> button idnextBtn classslider-button next-btn text-4xl> > /button> /div> /div> /div> --> script src/assets/script/animation.js>/script> footer class pt-16 pb-8 relative overflow-hidden> div classcontainer mx-auto px-4> div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 relative z-10> !-- About Section --> div classspace-y-6 flex flex-col items-center md:items-start> img classw-32 h-auto transform hover:scale-110 transition-transform duration-300 src/assets/images/logo.webp altSatyavani Charity Logo> p classtext-sm text-slate-700 text-center md:text-left> Satyavani Charity is a beacon of hope, dedicated to nurturing and empowering orphaned children to reach their full potential. /p> div classflex space-x-4> a href# classtext-amber-500 hover:text-amber-600 transition-colors duration-300> svg classw-6 h-6 fillcurrentColor viewBox0 0 24 24 aria-hiddentrue>path dM22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z fill-ruleevenodd clip-ruleevenodd>/path>/svg> /a> a href# classtext-amber-500 hover:text-amber-600 transition-colors duration-300> svg classw-6 h-6 fillcurrentColor viewBox0 0 24 24 aria-hiddentrue>path dM12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z clip-ruleevenodd fill-ruleevenodd>/path>/svg> /a> a href# classtext-amber-500 hover:text-amber-600 transition-colors duration-300> svg classw-6 h-6 fillcurrentColor viewBox0 0 24 24 aria-hiddentrue>path dM8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84>/path>/svg> /a> /div> /div> !-- Quick Links --> div classspace-y-6> h3 classtext-lg font-bold text-slate-800 border-b-2 border-amber-500 pb-2 inline-block>Quick Links/h3> ul classspace-y-3> li>a hrefpages/contact.php classtext-slate-700 hover:text-amber-500 transition-colors duration-300 text-sm flex items-center>span classmr-2>→/span>Contact/a>/li> li>a href/pages/faq.php classtext-slate-700 hover:text-amber-500 transition-colors duration-300 text-sm flex items-center>span classmr-2>→/span>FAQ/a>/li> li>a href# classtext-slate-700 hover:text-amber-500 transition-colors duration-300 text-sm flex items-center>span classmr-2>→/span>Privacy Policy/a>/li> li>a href# classtext-slate-700 hover:text-amber-500 transition-colors duration-300 text-sm flex items-center>span classmr-2>→/span>Terms & Conditions/a>/li> /ul> /div> !-- Donation Information --> div classspace-y-6> h3 classtext-lg font-bold text-slate-800 border-b-2 border-amber-500 pb-2 inline-block>Donate/h3> div classflex space-x-4 > img src/assets/images/qrcode.png altQR Code for Donations classw-28 h-28 rounded-md> div classspace-y-2> p classtext-sm text-slate-700>strong classtext-amber-600>Bank: /strong> State Bank of India/p> p classtext-sm text-slate-700>strong classtext-amber-600>Account: /strong> Satyavani Charity/p> p classtext-sm text-slate-700>strong classtext-amber-600>A/C No: /strong> 43301919648/p> p classtext-sm text-slate-700>strong classtext-amber-600>IFSC: /strong> SBIN0016388/p> /div> /div> /div> !-- Contact Information --> div classspace-y-6> h3 classtext-lg font-bold text-slate-800 border-b-2 border-amber-500 pb-2 inline-block>Contact Us/h3> ul classspace-y-4> li classflex items-center space-x-3 group> div classbg-amber-500 p-2 rounded-full group-hover:bg-amber-600 transition-colors duration-300> svg classw-5 h-5 text-white fillnone strokecurrentColor viewBox0 0 24 24 xmlnshttp://www.w3.org/2000/svg>path stroke-linecapround stroke-linejoinround stroke-width2 dM3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z>/path>/svg> /div> div classflex flex-col gap-3> a hrefmailto:satyavanifoundation@gmail.com classtext-sm text-slate-700 group-hover:text-amber-500 transition-colors duration-300>satyavanifoundation@gmail.com/a> a hrefmailto:contact@satyavani.org classtext-sm text-slate-700 group-hover:text-amber-500 transition-colors duration-300>contact@satyavani.org/a>/div> /li> li classflex items-center space-x-3 group> div classbg-amber-500 p-2 rounded-full group-hover:bg-amber-600 transition-colors duration-300> svg classw-5 h-5 text-white fillnone strokecurrentColor viewBox0 0 24 24 xmlnshttp://www.w3.org/2000/svg>path stroke-linecapround stroke-linejoinround stroke-width2 dM3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z>/path>/svg> /div> a hreftel:+918828248471 classtext-sm text-slate-700 group-hover:text-amber-500 transition-colors duration-300>+91 8828248471/a> /li> li classflex items-start space-x-3 group> div classbg-amber-500 p-2 rounded-full group-hover:bg-amber-600 transition-colors duration-300 mt-1> svg classw-5 h-5 text-white fillnone strokecurrentColor viewBox0 0 24 24 xmlnshttp://www.w3.org/2000/svg>path stroke-linecapround stroke-linejoinround stroke-width2 dM17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z>/path>path stroke-linecapround stroke-linejoinround stroke-width2 dM15 11a3 3 0 11-6 0 3 3 0 016 0z>/path>/svg> /div> a hrefhttps://maps.app.goo.gl/CbXkkNXjhspCDs897 target_blank> p classtext-sm text-slate-700>Ranvindra Dinkar Jade, D-17, Mangal Murti, Anjalinagar CO. OPP., HSG Society, Hendrepada, Badlapur(W) 421503/p>/a> /li> /ul> /div> /div> /div> !-- Decorative Elements --> div classabsolute top-0 left-0 w-full h-full overflow-hidden pointer-events-none> div classabsolute -top-16 -left-16 w-32 h-32 bg-amber-300 rounded-full opacity-20>/div> div classabsolute top-1/2 -right-16 w-48 h-48 bg-amber-400 rounded-full opacity-10>/div> div classabsolute -bottom-8 left-1/4 w-24 h-24 bg-amber-500 rounded-full opacity-15>/div> /div> !-- Footer Bottom --> div classmt-12 border-t border-amber-200 pt-8> div classcontainer mx-auto px-4 text-center text-sm text-slate-600> © 2024-2025 Satyavani Charity. Design & Developed By a hrefhttps://teamrudra.com/ target_blank classtext-amber-500 hover:text-amber-600 transition-colors duration-300>RudraTech IT Services/a> /div> /div> script> const paragraphs document.querySelectorAll(.section_paragraph);const fadeLeft document.querySelectorAll(.fadeLeft);const fadeRight document.querySelectorAll(.fadeRight);const fadeIn document.querySelectorAll(.fadeIn);const fadeDown document.querySelectorAll(.fadeDown);// Function to check visibility and add the relevant classfunction checkVisibility() { paragraphs.forEach((paragraph) > { if (isInView(paragraph)) { paragraph.classList.add(section_paragraph--visible); } }); fadeDown.forEach((element) > { if (isInView(element)) { element.classList.add(Slidedown); } }); fadeLeft.forEach((element) > { if (isInView(element)) { element.classList.add(fadeInLeft); } }); fadeRight.forEach((element) > { if (isInView(element)) { element.classList.add(fadeInRight); } }); fadeIn.forEach((element) > { if (isInView(element)) { element.classList.add(fadeInc); } });}// Function to check if an element is in viewfunction isInView(element) { const rect element.getBoundingClientRect(); return ( rect.bottom > 0 && rect.top (window.innerHeight - 50 || document.documentElement.clientHeight - 150) );}// Check visibility on page load and on scrolldocument.addEventListener(DOMContentLoaded, checkVisibility);document.addEventListener(scroll, checkVisibility); /script>/footer> !-- script src/assets/script/main.js>/script> --> script src/assets/script/typetext.js>/script> script>const modal document.getElementById(imageModal);const modalImg document.getElementById(fullImage);const captionText document.getElementById(caption);const imageGallery document.querySelectorAll(.item);const imageModal document.getElementById(imageModal);imageGallery.forEach((element, index) > { element.addEventListener(click, function (event) { console.log(element) showModal(element) });})function showModal(img) { console.log(img); modal.style.visibility visible; modal.scrollTop 0; requestAnimationFrame(() > { modal.style.opacity 1; }); console.log(tagData, img); // modalImg.src img.dataset.full; modalImg.src img.src; captionText.style.opacity 0; captionText.style.visibility visible; setTimeout(() > { captionText.innerHTML img.alt; captionText.style.opacity 1; }, 1000); document.addEventListener(keydown, handleEscape, false);}function handleEscape(event) { if (event.key Escape || event.key Esc) { closeModal(); }}const span document.querySelector(.close);span.addEventListener(click, closeModal);modal.addEventListener(click, function (event) { if (event.target modal) { closeModal(); }});function closeModal() { modal.style.opacity 0; modal.addEventListener( transitionend, () > { modal.style.visibility hidden; captionText.style.visibility hidden; captionText.style.opacity 0; captionText.innerHTML ; }, { once: true } ); document.removeEventListener(keydown, handleEscape, false);}/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]