harsh-na · tarupathak · Oct 28, 2022 · Oct 28, 2022
diff --git a/Lost_and_Found/Adopt a pet-pana.png b/Lost_and_Found/Adopt a pet-pana.png
diff --git a/Lost_and_Found/Dog_paw-cuate-removebg-preview.png b/Lost_and_Found/Dog_paw-cuate-removebg-preview.png
diff --git a/Lost_and_Found/design.html b/Lost_and_Found/design.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="1920" height="1080" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fg7i4ecmeTxKTMqrHNeMTq6%2FWebsite-front-page%3Fnode-id%3D0%253A1" allowfullscreen></iframe>
+</body>
+</html>
diff --git a/Lost_and_Found/first.css b/Lost_and_Found/first.css
@@ -0,0 +1,126 @@
+* {
+    padding: 0;
+    margin: 0;
+}
+
+.background {
+
+    background-size: cover;
+    text-align: center;
+    height: 50px;
+}
+
+.backImg {
+    z-index: -1;
+    position: fixed;
+    left: 0%;
+    height: 700px;
+    width: 1300px;
+
+}
+
+
+.image {
+    position: absolute;
+    width: 90px;
+    height: 90px;
+    left: 0%;
+    top: 15px;
+}
+
+.laf {
+    position: fixed;
+    width: 1001px;
+    height: 161px;
+    left: 200px;
+    text-align: center;
+    top: 10px;
+    font-family: 'Carter One';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 100px;
+    line-height: 125px;
+    color: #FF725E;
+
+
+}
+
+.para p {
+    position: absolute;
+    width: 650px;
+    height: 300px;
+    left: 550px;
+    top: 150px;
+
+    font-family: 'Merienda';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 30px;
+    line-height: 36px;
+    text-align: center;
+
+    color: #000000;
+}
+
+.report button {
+
+    position: absolute;
+    width: 227px;
+    height: 85px;
+    left: 760px;
+    top: 350px;
+
+    background: #381810;
+    box-shadow: 0px 10px 4px rgba(0, 0, 0, 0.25);
+    border-radius: 139px;
+
+}
+
+/*.rep button{
+
+    position: absolute;
+    width: 227px;
+    height: 86px;
+    left: 760px;
+    top: 500px;
+
+    background: #381810;
+    box-shadow: 0px 10px 4px rgba(0, 0, 0, 0.25);
+    border-radius: 139px;
+    background-color: #381810;
+    font-style: normal;
+    font-weight: 700;
+    font-size: 30px;
+    line-height: 37px;
+    text-align: center;
+
+    color: #FFFFFF;
+
+
+}*/
+
+button {
+
+    position: absolute;
+    width: 120.71px;
+    height: 32.09px;
+    left: 859.2px;
+    top: 542px;
+    background-color: #381810;
+    font-style: 'Concert One';
+    font-weight: 700;
+    font-size: 30px;
+    line-height: 37px;
+    text-align: center;
+    color: #FFFFFF;
+}
+
+.report image {
+    position: absolute;
+    width: 66px;
+    height: 67px;
+    left: 790px;
+    top: 520px;
+
+    background-image: url('Dog_paw-cuate-removebg-preview.png');
+}
diff --git a/Lost_and_Found/images__2_-removebg-preview.png b/Lost_and_Found/images__2_-removebg-preview.png
diff --git a/Lost_and_Found/index.html b/Lost_and_Found/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>LOST AND FOUND</title>
+    <link rel="stylesheet" href="first.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Carter One">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merienda">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Concert One">
+    <link rel="icon" href="images__2_-removebg-preview.png">
+</head>
+
+<body>
+    <div class="background">
+
+        <img class="backImg" src="Adopt a pet-pana.png">
+
+        <div class="heading">
+            <h1 class="laf"> <img class="image" src="images__2_-removebg-preview.png" width="40">LOST AND FOUND</h1>
+        </div>
+
+        <div class="para">
+            <p>Hello! Welcome to our website.
+                If you have lost a pet then you can report it on this website.
+                Kindly, click on the report button below to give us the information about your pet!</p>
+        </div>
+
+        <div class="report">
+           <a href="hi.html"> <button  type="Report" ><img src="Dog_paw-cuate-removebg-preview.png" height="40" class="im">Report</button></a>
+        </div>
+
+    </div>
+</body>
+
+</html>
diff --git a/Lost_and_Found/new - Copy.html b/Lost_and_Found/new - Copy.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css">
+    <title>Form</title>
+</head>
+<body>
+    <div id="head-container">
+    <div class="container">
+        DETAILS FORM
+    </div>
+    <div class="first">
+       <label> NAME:</label>
+    </div>
+<input type="text" id="second" placeholder="Enter Your Name" required>
+<div class="third">
+    <label>PHONE NUMBER:</label></div>
+    <input type="number" id="fourth" placeholder="Enter Your Phone Number" required>
+<div class="fifth">
+    <label>ADDRESS:</label>
+</div>
+<input type="text" id="sixth" placeholder="Enter The Location" required>
+<div class="sev">
+    <label>PET'S IMAGE:</label>
+</div>
+<input type = "file" id="img" name = "upload" accept = "image/*" />
+<div class="eig">
+    <label>EMAIL:</label>
+</div>
+<input type="email" id="nine"placeholder="Enter Your Email" required>
+<div class="ele">
+    <label>ANY OTHER DESCRIPTION ABOUT YOUR PET:</label>
+</div>
+<input type="text" id="des"placeholder="More About Your Pet" required>
+    <button type="submit" id="but">Submit</button>
+</div>
+<script type="module">
+    import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.12.1/firebase-app.js'
+</script>
+<script>
+const firebaseConfig = {
+    apiKey: "AIzaSyDshwXM79swXJ2fnWFORAJ_A6OWavb97wE",
+    authDomain: "form-952bc.firebaseapp.com",
+    projectId: "form-952bc",
+    storageBucket: "form-952bc.appspot.com",
+    databaseURL:"https://form-952bc-default-rtdb.firebaseio.com",
+    messagingSenderId: "165528667660",
+    appId: "1:165528667660:web:ad5fcd5cff8781b462d029",
+    measurementId: "G-KYSHB96JVM"
+  };
+  firebase.initializeApp(firebaseConfig);
+  var FormDB = firebase.database().ref("Form");
+  document.getElementsById('head-container').addEventListener('submit',submitForm());
+  function submitForm(e){
+    e.preventDefault();
+    var name=getVal('second');
+    var number=getVal('fourth');
+    var address=getVal('sixth');
+    var image=getVal('img');
+    var email=getVal('nine');
+    var description=getVal('des');
+    Message(name,number,address,image,email,description);
+
+  }
+  function getVal(name,number,address,image,email,description){
+    return document.getElementById(id).value;
+  }
+function Message(name,number,address,image,email,description)
+{
+            var newForm =FormDB.push();
+            newForm.set({
+                name:name,
+                location:address,
+                contact:number,
+                picture:image,
+                email:email,
+                details:description,
+});
+}
+
+</script>
+</body>
+</html>