<!DOCTYPE html> <html lang="en" style="height: 100%;" class="m-0 bg-[#fbfbfb]"> <head class="m-0 p-0"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>India Environment Portal</title> <link rel="icon" href="/static/img/favicon.ico" type="image/x-icon"/> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@300&family=Merriweather:wght@300&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/static/CACHE/css/output.2ccb2ec0cd7a.css" type="text/css"> <style> @import url(https://fonts.googleapis.com/css?family=opensans:500); body{ background: #33cc99; color:#fff; font-family: 'Open Sans', sans-serif; max-height:700px; overflow: hidden; } .c{ text-align: center; display: block; position: relative; width:80%; margin:100px auto; } ._404{ font-size: 220px; position: relative; display: inline-block; z-index: 2; height: 250px; letter-spacing: 15px; } ._1{ text-align:center; display:block; position:relative; letter-spacing: 12px; font-size: 4em; line-height: 80%; } ._2{ text-align:center; display:block; position: relative; font-size: 20px; } .text{ font-size: 70px; text-align: center; position: relative; display: inline-block; margin: 19px 0px 0px 0px; /* top: 256.301px; */ z-index: 3; width: 100%; line-height: 1.2em; display: inline-block; } .btn{ background-color: rgb( 255, 255, 255 ); position: relative; display: inline-block; width: 358px; padding: 5px; z-index: 5; font-size: 25px; margin:0 auto; color:#33cc99; text-decoration: none; margin-right: 10px } .right{ float:right; width:60%; } hr{ padding: 0; border: none; border-top: 5px solid #fff; color: #fff; text-align: center; margin: 0px auto; width: 420px; height:10px; z-index: -10; } hr:after { content: "\2022"; display: inline-block; position: relative; top: -0.75em; font-size: 2em; padding: 0 0.2em; background: #33cc99; } .cloud { width: 350px; height: 120px; background: #FFF; background: linear-gradient(top, #FFF 100%); background: -webkit-linear-gradient(top, #FFF 100%); background: -moz-linear-gradient(top, #FFF 100%); background: -ms-linear-gradient(top, #FFF 100%); background: -o-linear-gradient(top, #FFF 100%); border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; position: absolute; margin: 120px auto 20px; z-index:-1; transition: ease 1s; } .cloud:after, .cloud:before { content: ''; position: absolute; background: #FFF; z-index: -1 } .cloud:after { width: 100px; height: 100px; top: -50px; left: 50px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; } .cloud:before { width: 180px; height: 180px; top: -90px; right: 50px; border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px; } .x1 { top:-50px; left:100px; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); transform: scale(0.3); opacity: 0.9; -webkit-animation: moveclouds 15s linear infinite; -moz-animation: moveclouds 15s linear infinite; -o-animation: moveclouds 15s linear infinite; } .x1_5{ top:-80px; left:250px; -webkit-transform: scale(0.3); -moz-transform: scale(0.3); transform: scale(0.3); -webkit-animation: moveclouds 17s linear infinite; -moz-animation: moveclouds 17s linear infinite; -o-animation: moveclouds 17s linear infinite; } .x2 { left: 250px; top:30px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); opacity: 0.6; -webkit-animation: moveclouds 25s linear infinite; -moz-animation: moveclouds 25s linear infinite; -o-animation: moveclouds 25s linear infinite; } .x3 { left: 250px; bottom: -70px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); opacity: 0.8; -webkit-animation: moveclouds 25s linear infinite; -moz-animation: moveclouds 25s linear infinite; -o-animation: moveclouds 25s linear infinite; } .x4 { left: 470px; botttom: 20px; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); opacity: 0.75; -webkit-animation: moveclouds 18s linear infinite; -moz-animation: moveclouds 18s linear infinite; -o-animation: moveclouds 18s linear infinite; } .x5 { left: 200px; top: 300px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); opacity: 0.8; -webkit-animation: moveclouds 20s linear infinite; -moz-animation: moveclouds 20s linear infinite; -o-animation: moveclouds 20s linear infinite; } @-webkit-keyframes moveclouds { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} } @-moz-keyframes moveclouds { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} } @-o-keyframes moveclouds { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} } </style> </head> <!-- Google Tag Manager --> <!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-6VVZVPY8XT"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-6VVZVPY8XT');</script> <body class="w-[90%] mx-auto"> <!-- Google Tag Manager (noscript) --> <!-- Header block --> <!-- Main content region --> <main class="font-alegreya"> <div id="clouds"> <div class="cloud x1"></div> <div class="cloud x1_5"></div> <div class="cloud x2"></div> <div class="cloud x3"></div> <div class="cloud x4"></div> <div class="cloud x5"></div> </div> <div class='c'> <div class='_404'>404</div> <hr> <div class='_1'>THE PAGE</div> <div class='_2'>WAS NOT FOUND</div> <a class='btn' href='/homepage/'>BACK TO India Environment Portal</a> </main> <!-- Footer --> <footer class="w-full font-alegreya"> <div id="page-footer" class="w-full"> <div class="bg-transparent alegreya"> <ul class="text-xs"> <li class="cse"><a href="http://www.cseindia.org/"> Centre for Science and Environment</a></li> <li class="nkc"><a href="http://knowledgecommission.gov.in/">National Knowledge Commission Government of India</a></li> <li class="cc"><a href="http://creativecommons.org/licenses/by-sa/2.5/in/">India Environment Portal by Centre for Science and Environment<br> is licensed under a Creative Commons Attribution-Share Alike 2.5<br>India License</a></li> </ul> <ul> <li>Managed by the <a href="http://www.cseindia.org/">Centre for science and environment</a></li> <li>Promoted by the <a href="http://knowledgecommission.gov.in/">National commission</a></li> <li>Technology Partners: <a href="http://www.mimirtech.com/">MimirTech</a></li> </ul> </div></div> </footer> <script src="/static/js/flowbite.min.js"></script> <script src="/static/js/htmx.min.js"></script> <script src="/static/js/collapse.js"></script> </body></html> 
