diff --git a/Lost_and_Found/Adopt a pet-pana.png b/Lost_and_Found/Adopt a pet-pana.png new file mode 100644 index 0000000..f63c44d Binary files /dev/null and b/Lost_and_Found/Adopt a pet-pana.png differ diff --git a/Lost_and_Found/Dog_paw-cuate-removebg-preview.png b/Lost_and_Found/Dog_paw-cuate-removebg-preview.png new file mode 100644 index 0000000..55fd4da Binary files /dev/null and b/Lost_and_Found/Dog_paw-cuate-removebg-preview.png differ diff --git a/Lost_and_Found/design.html b/Lost_and_Found/design.html new file mode 100644 index 0000000..13c5b4d --- /dev/null +++ b/Lost_and_Found/design.html @@ -0,0 +1,12 @@ + + + + + + + Document + + + + + \ No newline at end of file diff --git a/Lost_and_Found/first.css b/Lost_and_Found/first.css new file mode 100644 index 0000000..dee9830 --- /dev/null +++ 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'); +} \ No newline at end of file diff --git a/Lost_and_Found/images__2_-removebg-preview.png b/Lost_and_Found/images__2_-removebg-preview.png new file mode 100644 index 0000000..19aff04 Binary files /dev/null and b/Lost_and_Found/images__2_-removebg-preview.png differ diff --git a/Lost_and_Found/index.html b/Lost_and_Found/index.html new file mode 100644 index 0000000..04f2798 --- /dev/null +++ b/Lost_and_Found/index.html @@ -0,0 +1,38 @@ + + + + + + + + LOST AND FOUND + + + + + + + + +
+ + + +
+

LOST AND FOUND

+
+ +
+

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!

+
+ +
+ +
+ +
+ + + \ No newline at end of file diff --git a/Lost_and_Found/new - Copy.html b/Lost_and_Found/new - Copy.html new file mode 100644 index 0000000..1487af7 --- /dev/null +++ b/Lost_and_Found/new - Copy.html @@ -0,0 +1,86 @@ + + + + + + + + Form + + +
+
+ DETAILS FORM +
+
+ +
+ +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + +
+ + + + \ No newline at end of file diff --git a/Lost_and_Found/style.css b/Lost_and_Found/style.css new file mode 100644 index 0000000..f10e777 --- /dev/null +++ b/Lost_and_Found/style.css @@ -0,0 +1,182 @@ +body{ + background: #e76767; +} +.container{ +position: absolute; +width: 660px; +height: 106px; +left: 390px; +top: 21px; +font-family: 'Pangolin'; +font-style: normal; +font-weight: 400; +font-size: 90px; +line-height: 125px; +color: #D9D9D9; +} +.first{ +position: absolute; +width: 154px; +height: 38px; +left: 99px; +top: 170px; +font-family: 'Pangolin'; +font-style: normal; +font-weight: 400; +font-size: 40px; +line-height: 50px; +color: #FFFFFF; +} +#second{ +position: absolute; +width: 378px; +height: 48px; +left: 740px; +top: 180px; +background: #D9D9D9; +} +.third{ + white-space: nowrap; + overflow: hidden; + text-overflow: clip; + position: absolute; +width: 325px; +height: 42px; +left: 99px; +top: 258px; +font-family: 'Pangolin'; +font-style: normal; +font-weight: 400; +font-size: 40px; +line-height: 50px; +color: #FFFFFF; +} +#fourth{ + position: absolute; +width: 378px; +height: 48px; +left: 740px; +top: 258px; +background: #D9D9D9; +} +.fifth{ + position: absolute; + width: 254px; + height: 33px; + left: 99px; + top: 339px; + font-family: 'Pangolin'; + font-style: normal; + font-weight: 400; + font-size: 40px; + line-height: 50px; + color: #FFFFFF; +} +#sixth{ + text-align: top; + position: absolute; +width: 649px; +height: 150px; +left: 740px; +top: 346px; +background: #D9D9D9; +} +#img{ + position: absolute; +width: 378px; +height: 22px; +left: 740px; +top: 596px; + +background: #D9D9D9; +} +.sev{ + white-space: nowrap; + overflow: hidden; + text-overflow: clip; + position: absolute; +width: 250px; +height: 50px; +left: 117px; +top: 600px; + +font-family: 'Pangolin'; +font-style: normal; +font-weight: 400; +font-size: 40px; +line-height: 50px; + +color: #FFFFFF; +} +.eig{ + position: absolute; +width: 157px; +height: 35px; +left: 115px; +top: 518px; + +font-family: 'Pangolin'; +font-style: normal; +font-weight: 400; +font-size: 40px; +line-height: 50px; + +color: #FFFFFF; +} +#nine{ + position: absolute; +width: 543px; +height: 47px; +left: 740px; +top: 522px; + +background: #D9D9D9; + +} +.ele{ + position: absolute; +width: 636px; +height: 119px; +left: 117px; +top: 744px; + +font-family: 'Pangolin'; +font-style: normal; +font-weight: 400; +font-size: 40px; +line-height: 50px; + +color: #FFFFFF; +} +#des{ + position: absolute; +width: 647px; +height: 130px; +left: 740px; +top: 747px; + +background: #D9D9D9; + +} +#but{ + position: absolute; +width: 144px; +height: 48px; +left: 634px; +top: 918px; +border-radius: 25px; +font-family: 'Pangolin'; +font-style: normal; +font-weight: 400; +font-size: 40px; +line-height: 50px; +background-color: #131010; +color: #FFFFFF; +text-shadow: 0px 10px 4px rgba(0, 0, 0, 0.25); +} +#but:hover{ + background-color: rgb(74, 57, 57); +} +#but:visited{ + background-color: #48054f; +}