0byt3m1n1
Path:
C:
/
wamp64
/
www
/
DSS_UI
/
[
Home
]
File: index.html
<!DOCTYPE html> <html lang="en"> <head> <!-- basic --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- mobile metas --> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="initial-scale=1, maximum-scale=1"> <!-- site metas --> <title>DSS</title> <meta name="keywords" content=""> <meta name="description" content=""> <meta name="author" content=""> <!-- bootstrap css --> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> <!-- style css --> <link rel="stylesheet" type="text/css" href="css/style.css"> <!-- Responsive--> <link rel="stylesheet" href="css/responsive.css"> <!-- fevicon --> <link rel="icon" href="images/fevicon.png" type="image/gif" /> <!-- Scrollbar Custom CSS --> <link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css"> <!-- Tweaks for older IEs--> <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"> <!-- fonts --> <link href="https://fonts.googleapis.com/css?family=Poppins:400,700|Raleway:400,700&display=swap" rel="stylesheet"> <!-- owl stylesheets --> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen"> </head> <body> <!--header section start --> <div class="header_section"> <div class="container-fluid"> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="logo"><a href="index.html"><img src="images/logocw.jpg" height="60" width="100"></a> <h2 style="color:white;position:relative; right:25px;">KSCSTE-CWRDM</h2></div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mr-auto"> <li class="nav-item"> <a class="nav-link" href="index.html">HOME</a> </li> <li class="nav-item"> <a class="nav-link" href="#nav">ABOUT</a> </li> <li class="nav-item"> <a class="nav-link" href="process2.html">PROCEDURE</a> </li> </ul> </div> </nav> </div> <!--banner section start --> <div class="banner_section layout_padding"> <div class="container-fluid"> <section class="slide-wrapper"> <div class="container-fluid"> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"> </li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"> </li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner"> <div class="carousel-item active"> <div class="container"> <h1 class="banner_taital">DECISION SUPPORT SYSTEM FOR SOIL EROSION RISK - KERALA</h1> <p class="banner_text"></p> <div class="btn_main"> <div class="readmore_bt active"><a href="#nav">Read More</a></div> </div> <div class="number_text">01</div> </div> </div> <div class="carousel-item"> <div class="container"> <h1 class="banner_taital">DECISION SUPPORT SYSTEM FOR SOIL EROSION</h1> <p class="banner_text"></p> <div class="btn_main"> <div class="readmore_bt active"><a href="#nav">Read More</a></div> </div> <div class="number_text">02</div> </div> </div> <div class="carousel-item"> <div class="container"> <h1 class="banner_taital">DECISION SUPPORT SYSTEM FOR SOIL EROSION</h1> <p class="banner_text"></p> <div class="btn_main"> <div class="readmore_bt active"><a href="#nav">Read More</a></div> </div> <div class="number_text">03</div> </div> </div> <div class="carousel-item"> <div class="container"> <h1 class="banner_taital">DECISION SUPPORT SYSTEM FOR SOIL EROSION</h1> <p class="banner_text"></p> <div class="btn_main"> <div class="readmore_bt active"><a href="#nav">Read More</a></div> </div> <div class="number_text">04</div> </div> </div> </div> </div> </div> </section> </div> </div> <!--banner section end --> </div> <!--header section end --> <!--about section start --> <div class="about_section layout_padding"> <div class="container-fluid"> <div class="row"> <div class="col-lg-6 padding_0"> <div class="abiut_images_main"><br> <div><img src="images\About Me (1).png" class="image_20"></div> </div> </div> <div class="col-lg-6 padding_0"> <div id="nav" class="about_taital_main"> <h1 class="about_taital">About</h1> <p align="justify" class="about_text"><B><font size="5">The Soil Erosion Risk - Decision Support System </font></b><br><br> Kerala dashboard is developed with the objective of estimating soil erosion at a catchment scale for entire Kerala and to suggest suitable soil and water conservation measures. The design of the decision support systems for soil conservation is based on system analysis concerning the decision process, objectives of soil conservation management, and soil conservation methods. This DSS will assist in prioritization of watersheds based on the soil erosion severity. The option to navigate at various administrative scales from Districts, Taluka and Panchayat are provided. The selected panchayat will show the soil erosion severity and also the suitable conservative measures for the panchayath..</p> <div class="read_bt"><a href="#">BACK</a></div> <div class="read_bt"> <a href="process2.html">READ MORE</a></div> </div> </div> </div> </div> </div> <!--about section end --> <!-- marriage section start --> <div class="marriage_section layout_padding"> <div class="container-fluid"> <div class="row"> <div class="col-lg-6 padding_left_0"> <div class="marriage_img"><img src="images\de5.jpg"></div> <div class="read_bt"><a area_disabled="true">GO-TO SER-DSSK</a></div> </div> <div class="col-lg-6"> <div class="marriage_taital_main"> <h3 class="marriage_taital">PROCEDURE</h3> <p class="marriage_text">PLEASE FOLLOW THESE STEPS</p> <div class="marriage_section_2"> <div class="marriage_taital_left"> <div class="car_box"> <img src="images\map.png" class="car_image"> </div> </div> <div class="marriage_taital_right"> <h5 class="parking_text">CHOOSE YOUR DISTRICT</h5> <p align="justify" class="long_text">After clicking 'NEXT' You can navigate in to a Window , where you can Select the District from the 'Choose District' tab. It will show the District level Soil Erosion Map with classes of Erosion </p> </div> </div> <div class="marriage_section_2"> <div class="marriage_taital_left"> <div class="car_box"> <img src="images\talukimg.jpg" class="car_image"> </div> </div> <div class="marriage_taital_right"> <h5 class="parking_text">CHOOSE TALUK</h5> <p align="justify" class="long_text">After selecting the required district , select the taluk you want to view from the 'Choose Taluk' tab.It will show the Soil Erosion Map at Taluk level with classes of Erosion.</p> </div> </div> <div class="marriage_section_2"> <div class="marriage_taital_left"> <div class="car_box"> <img src="images/pun.jpg" class="car_image"> </div> </div> <div class="marriage_taital_right"> <h5 class="parking_text">CHOOSE PANCHAYATH</h5> <p align="justify" class="long_text">Now select the panchayath you want to view from the 'Choose Punchayath' tab. Prioritisation will be done with the soil and water conservation features in the watersheds of the respective Panchayats. </p> </div> </div> </div> </div> </div> </div> </div> <!-- marriage section end --> <!-- contact section start --> <div class="contact_srction layout_padding"> <div class="container"> <h1 class="contact_taital">CLICK NEXT TO PROCEED</h1></a> <div class="contact_srction_2"> <div class="mail_main"> <div class="row"> </div> <div class="send_bt"><a href="https://sourcetrace-remote.shinyapps.io/CWRDM/?_ga=2.219296473.1119966583.1676362343-1352950682.1672650159">NEXT</a></div> </div> </div> </div> </div> <!-- contact section end --> <!-- news section end --> <!-- footer section start --> <div class="footer_section"> <div class="container"> <div class="social_icon"> <a class="padding_10" href="https://www.facebook.com/cwrdmofficial/"><img src="images/fb-icon.png"></a> <a class="padding_10" href="#"><img src="images/youtub-icon.png"></a> </div> <div class="location_main"> <div class="location_text"><img src="images/map-icon.png"><span class="padding10"> Centre for Water Resources Development and Management Kunnamangalam, Kozhikode-673 571 Kerala , India,Kerala , India </span></div> <div class="location_text center"><img src="images/call-icon.png"><span class="padding10"><a href="#">Call : (+91) 4952351800,2351801</a></span></div> <div class="location_text right"><img src="images/mail-icon.png"><span class="padding10"><a href="#">ed@cwrdm.org</a></span></div> </div> </div> </div> <!-- footer section end --> <!-- copyright section start --> <div class="copyright_section"> </div> <!-- copyright section end --> <!-- Javascript files--> <script src="js/jquery.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.bundle.min.js"></script> <script src="js/jquery-3.0.0.min.js"></script> <script src="js/plugin.js"></script> <!-- sidebar --> <script src="js/jquery.mCustomScrollbar.concat.min.js"></script> <script src="js/custom.js"></script> <!-- javascript --> <script src="js/owl.carousel.js"></script> <script src="https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script> </body> </html>