0byt3m1n1
Path:
C:
/
Users
/
Administrator
/
AppData
/
Roaming
/
Code
/
User
/
History
/
49d8600a
/
[
Home
]
File: 8JyU.html
<!DOCTYPE html> <!-- Created by pdf2htmlEX (https://github.com/pdf2htmlEX/pdf2htmlEX) --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Water folks</title> <link rel="shortcut icon" href="assets/images/fav.png" type="image/x-icon"> <link rel="shortcut icon" href="assets/images/fav.jpg"> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"> <link rel="stylesheet" href="assets/plugins/testimonial/css/owl.carousel.min.css"> <link rel="stylesheet" href="assets/plugins/testimonial/css/owl.theme.min.css"> <link rel="stylesheet" type="text/css" href="assets/css/style.css" /> <link rel="stylesheet" href="assets//css/animate.min.css"> <style> .bt{ background-color: #3498DB; color: white; padding: 15px; font-size: 15px; border: none; cursor: pointer; } .dropbtn { background-color: #3498DB; color: white; padding: 15px; font-size: 16px; border: none; cursor: pointer; } .dropbtn:hover, .dropbtn:focus { background-color: #2980B9; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown a:hover {background-color: #ddd;} .show {display: block;} </style> </head> <body class="bg-white" background="assets/images/slider/s1.jpg" alt=""> <header> <div id="menu-jk" class="nav-part shadow-md bg-white navcol"> <div class="container-lg"> <div class="row p-2"> <div class="col-lg-3 p-2"> <a href="index.html"> <img class="max-230" src="assets/images/logo (2).jpg" alt="" width="80" height="80"> </a> <a data-bs-toggle="collapse" data-bs-target="#menu" class="float-end d-lg-none pt-1 ps-3"><i class="bi pt-1 fs-1 cp bi-list"></i></a> </div> <div id="menu" class="col-lg-9 d-none pt-1 d-lg-block"> <h1 style="color:blue;position:relative; left:-200px;font-family:Timesnewroman "><b>WATER FOLKS</b></h1></b> <ul class="fw-bold nacul fs-7"> <li class="float-start p-3 px-4"><a href="indexNew.php">Home</a></li> <li class="float-start p-3 px-4"><a href="about.html">About Us</a></li> <li class="float-start p-3 px-4"><a href=https://w4cproject.org/about>ProjectDetails</a></li> <li class="float-start p-3 px-4"><a href="log2.php">Login</a></li> <li class="float-start p-3 px-4"><a href="contact.php">Contact Us</a></li> <li class="float-end d-none d-md-block pt-2"> <button class="bt">FAQ</button> <div class="dropdown"> <button onclick="myFunction()" class="dropbtn">City Informations</button> <div id="myDropdown" class="dropdown-content"> <a href="kozhikode.html">Kozhikode City Information</a> <a href="#contact">Kozhikode City Atlas</a> <a href="#contact">Kozhikode Policy Brief</a> <a href="urban.html">Urban Pond Atlas</a> <a href="#contact">Ground Water Level</a> <a href="#contact">Water Quality Data</a> <a href="#contact">Rainfall & Temprature</a> <a href="#contact">Flood Prone Area</a> <a href="#contact">Water Stress Area</a> <a href="#contact">Meenchantha Water Information Book</a> </div> </div></li><script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() { document.getElementById("myDropdown").classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(event) { if (!event.target.matches('.dropbtn')) { var dropdowns = document.getElementsByClassName("dropdown-content"); var i; for (i = 0; i < dropdowns.length; i++) { var openDropdown = dropdowns[i]; if (openDropdown.classList.contains('show')) { openDropdown.classList.remove('show'); } } } } </script> <button class="btn fw-bolder px-4 py-2 btn-primary"><a href="reg.php">SignUp</a></button> <button class="btn fw-bolder px-4 py-2 btn-primary"><a href="adminlogin.php">Admin</a> </div> </li> </ul> </div> </div> </div> </div> </header> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>PDF Book Viewer</title> <style> body { margin: 0; display: flex; flex-direction: column; align-items: center; height: 100vh; background-color: #f4f4f4; } #pdfViewer { width: 80%; height: 90%; border: 1px solid #ddd; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); overflow: auto; } </style> </head> <body> <h1>PDF Book Viewer</h1> <div id="pdfViewer"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.16.105/pdf.min.js"></script> <script> const pdfUrl = 'C:\wamp64\www\WaterCat\Policybrief_Kozhikode.html'; // Replace with the path to your PDF const pdfViewer = document.getElementById('pdfViewer'); // Load PDF.js const loadingTask = pdfjsLib.getDocument(pdfUrl); loadingTask.promise.then(pdf => { // Render all pages for (let pageNum = 1; pageNum <= pdf.numPages; pageNum++) { pdf.getPage(pageNum).then(page => { const canvas = document.createElement('canvas'); pdfViewer.appendChild(canvas); const viewport = page.getViewport({ scale: 1.5 }); const context = canvas.getContext('2d'); canvas.width = viewport.width; canvas.height = viewport.height; page.render({ canvasContext: context, viewport: viewport }); }); } }).catch(error => { console.error('Error loading PDF:', error); }); </script> </body> </html> </html>