diff --git a/2nd page/images/29072425-8873-4252-bea3-048c3a44488b.jpg b/2nd page/images/29072425-8873-4252-bea3-048c3a44488b.jpg new file mode 100644 index 0000000..db85898 Binary files /dev/null and b/2nd page/images/29072425-8873-4252-bea3-048c3a44488b.jpg differ diff --git a/2nd page/images/95138a48-5a9f-4bfd-a5c1-4a9961e9591e.jpg b/2nd page/images/95138a48-5a9f-4bfd-a5c1-4a9961e9591e.jpg new file mode 100644 index 0000000..4c29d16 Binary files /dev/null and b/2nd page/images/95138a48-5a9f-4bfd-a5c1-4a9961e9591e.jpg differ diff --git a/2nd page/images/Spring-Nature-Wallpaper.webp b/2nd page/images/Spring-Nature-Wallpaper.webp new file mode 100644 index 0000000..8815bf9 Binary files /dev/null and b/2nd page/images/Spring-Nature-Wallpaper.webp differ diff --git a/2nd page/images/WhatsApp Image 2022-11-02 at 8.45.54 AM (1).jpeg b/2nd page/images/WhatsApp Image 2022-11-02 at 8.45.54 AM (1).jpeg new file mode 100644 index 0000000..d7cc5bf Binary files /dev/null and b/2nd page/images/WhatsApp Image 2022-11-02 at 8.45.54 AM (1).jpeg differ diff --git a/2nd page/images/WhatsApp Image 2022-11-02 at 8.45.54 AM.jpeg b/2nd page/images/WhatsApp Image 2022-11-02 at 8.45.54 AM.jpeg new file mode 100644 index 0000000..627a61d Binary files /dev/null and b/2nd page/images/WhatsApp Image 2022-11-02 at 8.45.54 AM.jpeg differ diff --git a/2nd page/images/WhatsApp Image 2022-11-02 at 8.45.55 AM.jpeg b/2nd page/images/WhatsApp Image 2022-11-02 at 8.45.55 AM.jpeg new file mode 100644 index 0000000..fdf51ba Binary files /dev/null and b/2nd page/images/WhatsApp Image 2022-11-02 at 8.45.55 AM.jpeg differ diff --git a/2nd page/images/bg img.jpeg b/2nd page/images/bg img.jpeg new file mode 100644 index 0000000..1a213ff Binary files /dev/null and b/2nd page/images/bg img.jpeg differ diff --git a/2nd page/images/facebook-removebg-preview.png b/2nd page/images/facebook-removebg-preview.png new file mode 100644 index 0000000..7daf148 Binary files /dev/null and b/2nd page/images/facebook-removebg-preview.png differ diff --git a/2nd page/images/foung.png b/2nd page/images/foung.png new file mode 100644 index 0000000..ffbb5a0 Binary files /dev/null and b/2nd page/images/foung.png differ diff --git a/2nd page/images/instagram-removebg-preview.png b/2nd page/images/instagram-removebg-preview.png new file mode 100644 index 0000000..c0c6229 Binary files /dev/null and b/2nd page/images/instagram-removebg-preview.png differ diff --git a/2nd page/images/leftdog.png b/2nd page/images/leftdog.png new file mode 100644 index 0000000..ee33ceb Binary files /dev/null and b/2nd page/images/leftdog.png differ diff --git a/2nd page/images/logo-removebg-preview.png b/2nd page/images/logo-removebg-preview.png new file mode 100644 index 0000000..4f1e7e2 Binary files /dev/null and b/2nd page/images/logo-removebg-preview.png differ diff --git a/2nd page/images/logo.jpg b/2nd page/images/logo.jpg new file mode 100644 index 0000000..7590b75 Binary files /dev/null and b/2nd page/images/logo.jpg differ diff --git a/2nd page/images/lost.png b/2nd page/images/lost.png new file mode 100644 index 0000000..df4cf77 Binary files /dev/null and b/2nd page/images/lost.png differ diff --git a/2nd page/images/midimg-removebg-preview.png b/2nd page/images/midimg-removebg-preview.png new file mode 100644 index 0000000..be134bc Binary files /dev/null and b/2nd page/images/midimg-removebg-preview.png differ diff --git a/2nd page/images/midimg.jpg b/2nd page/images/midimg.jpg new file mode 100644 index 0000000..1fccb71 Binary files /dev/null and b/2nd page/images/midimg.jpg differ diff --git a/2nd page/images/twitter.png b/2nd page/images/twitter.png new file mode 100644 index 0000000..ac53061 Binary files /dev/null and b/2nd page/images/twitter.png differ diff --git a/2nd page/index.html b/2nd page/index.html new file mode 100644 index 0000000..d71654a --- /dev/null +++ b/2nd page/index.html @@ -0,0 +1,121 @@ + + + + + + + + + Document + + +
+
+

PET FINDER

+
+ +
+ + +
+
+ +
+ PET LOVE + LOST PETS + OUR ORGANISATION + CONTACT + + +
+ + + +
+ +
+ I Found A Pet + I Lost A Pet + Help Lost Pets + About + + +
+
+ +

Pets are Life

+ +

We as a team help pets reunite with their families.

+

Upload a photo of your pet and help us find your pet.

+ +
+

I Lost A Pet

+

I Found A Pet

+
+

RECENTLY UPLOADED PETS

+ +
+ +
+ +
+

Found Pet

+

Found Yesterday

+
+
+ +
+ +
+

Found Pet

+

Found Yesterday

+
+ +
+
+ +
+

Found Pet

+

Found Yesterday

+
+
+
+ + + +
+

1 in 3 pets will go missing in their lifetime +

+

This staggering number is why we created Pet + Love, which simplifies and shortens the + lost pet search with just one photo of your pet. + We are here for you should the unthinkable + happen to a pet you love or find. +

+
+ + +
+ +

Pet Love

+

A website where you can find your lost pet and can adopt one.

+
+ + + \ No newline at end of file diff --git a/2nd page/script.js b/2nd page/script.js new file mode 100644 index 0000000..ae94ca1 --- /dev/null +++ b/2nd page/script.js @@ -0,0 +1,11 @@ +// let bg = document.getElementById("midimg"); +// let bg2 = document.getElementById("midimg2"); +// let petlife = document.getElementById("petlife"); + +// window.addEventListener('scroll',function(){ +// var value = window.scrollY; + +// bg.style.top = value* 0.5 +'px'; +// bg.style.top = -value* 0.9 +'px'; +// petlife.style.left = -value* 0.5 +'px'; +// }) \ No newline at end of file diff --git a/2nd page/style.css b/2nd page/style.css new file mode 100644 index 0000000..57c812a --- /dev/null +++ b/2nd page/style.css @@ -0,0 +1,385 @@ +* { + margin:0; + padding:0; +} +html{ + font-size: 62.5%; +} + +header{ + height: 9rem; + width: 100%; + background-color: #EFEEF1; + position: fixed; + top: 0.1rem; + z-index: 10; + +} +.logo{ + + position: absolute; + width: 10.087rem; + height: 9rem; + left: 0.5rem; + top: 0.1rem; + } + .buttonoftop{ + position: absolute; + font-size: 3.5rem; + font-weight: 400; + height: 4rem; + width: 21rem; + left: 28.9rem; + top: 6.7rem; + color: aliceblue; + + } + .btn-login{ + position: absolute; + width: 10rem; + left: 85rem; + height: 5.4rem; + top: -5rem; + font-family: 'Judson'; + font-weight: 100; + font-size: 2rem; + line-height: 5.8rem; + color: #6504B5; + + } + .btn-signup{ + position: absolute; + width: 10rem; + left: 102rem; + height: 5.4rem; + top: -5rem; + font-family: 'Judson'; + font-weight: 100; + font-size: 2rem; + line-height: 5.8rem; + color: #6504B5; + + } + #disp{ + position: relative; + top: 2.5rem; + left: 11rem; + color: #6504B5; + font-size: 3rem; + } + + .mid{ + height: 6.5rem; + width: 100%; + background-color: #6504B5; + position: fixed; + top: 9rem; + z-index: +10; + transition: 0.5s; + } + .beech{ + height: 6.5rem; + width: 100%; + background-color: #8F74C6;; + position: fixed; + top: 19.4%; + z-index: +10; + font-weight: 400; + } + + .container{ + position: absolute; + top: 3%; +right: 2.4%; +height: 2.5rem; + width: 4.5rem; + margin-top: 2rem; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + cursor: pointer; + + } +.menulogo{ + height: 0.3rem; + width: 3rem; + background-color: white; +} + + #midimg{ + position: absolute; + margin-top: 13%; + width: 100%; + height: 80%; + padding-right: 0%; + padding-top: 0%; + } + #midimg2{ + position: absolute; + top: 6%; + width: 80%; + height: 100%; + left: 20%; + z-index: 1; + } + #petlife{ + position: absolute; + color: rgb(229, 50, 239); + margin-left: 47%; + margin-top: 50%; + font-size: 5rem; + letter-spacing: 0.4rem; + z-index: 2; + } + #insta { + position: absolute; + width: 5rem; + height: 5rem; + right: 2.5%; + top: 10%; + } + #facebook{ + position: absolute; + width: 5rem; + height: 5rem; + right: 7.5%; + top: 10%; + } + #twitter{ + position: absolute; + width: 5rem; + height: 5rem; + right: 12.5%; + top: 10%; + } + .mid a{ + position: relative; + top: 2rem; + color: white; + padding-top:2rem; + padding-right: 2rem; + font-size: 2rem; + padding-left: 1rem; + padding-bottom: 2rem; + text-decoration: none; + } + .mid a:hover{ + transform: scale(1.4); + background: white; + opacity: 1; + border-radius: 20px; + color:#6504B5; + } + +#reunite{ + position: absolute; + color: #6504B5; + left: 7%; + margin-top: 65%; + font-size: 5rem; + letter-spacing: 0.4rem; +} +#upload{ + position: absolute; + left: 21%; + margin-top: 72%; + font-size: 3rem; + letter-spacing: 0.2rem; +} +.container1{ + position: relative; + height: 100%; + width: 100%; + position: absolute; + top: 130%; + display: flex; + flex-direction: row; +} +.box{ + margin-top: 05%; + margin-left: 20%; + height: 17rem; + width: 25rem; + + border-radius: 3rem; + background-color: #8F74C6; + text-align: center; + padding-top: 1rem; + font-size:3.5rem; +} +.text{ + font-size: medium; +} +#box2{ + background-color: #1583CC;; +} + +#lost{ + margin-left: 4rem; + padding-right: 6rem; + height: 9rem; + width: 14rem; + border-radius: 1rem; + text-align: center; + font-size:3.5rem; + } +#found{ + margin-left:7rem ; + padding-right: 6rem; + height: 10rem; + width: 14rem; + border-radius: 1rem; + text-align: center; + font-size:3.5rem; +} +#recent{ + position: absolute; + left: 29%; + margin-top: 94%; + font-size: 3rem; + letter-spacing: .2rem; + color: #6504B5; + font-size: 4rem; +} + +.box_3{ + +display: flex; +justify-content: center; + + + +} +.card{ + position: relative; + width:25rem; + text-align: center; + margin-top: 3rem; + border-radius: 2rem; + top: 140rem; + margin: 1rem; + background: conic-gradient(from 180deg at 50% 50%, #8F74C6 0deg, rgba(143, 116, 198, 0.984375) 110.62deg, rgba(143, 116, 198, 0) 271.87deg, #8F74C6 360deg); +transform: matrix( 0, 0, -1, 0, 0); + color: white; + padding-bottom: 2rem; +} +.card:hover{ + transform: scale(1.3); + background: conic-gradient(from 90deg at 50% 50%, #8F74C6 0deg, rgba(143, 116, 198, 0.984375) 110.62deg, rgba(143, 116, 198, 0) 271.87deg, #8F74C6 360deg); +transform: matrix( 0, 0, -1, 0, 0); + overscroll-behavior-x: 2px 2px 2px #000; +} +.img3{ + width: 80%; + height: 80%; + margin-top: 1rem; + +} +.fact{ + position: relative; + top: 144rem; + width: 60rem; + height: 50rem; + border-radius: 5rem; + left: 25%; +} +.bottom{ + position: relative; + padding: 4rem; + top: 137rem; + width: 51rem; + height: 26rem; + border-radius: 5rem; + left: 42%; + background-color:#6504B5; + color: white; +} +#bottom_head{ + font-size: 2.88rem; +} +#bottom_item{ + margin-top: 1rem; + font-size: 2.5rem; +} + + +.footer{ + height: 45rem; + width: 100%; + background-color: #6504B5; + position: absolute; + top: 350%; + z-index: +1; + } + #footimg{ + position: absolute; + top: 10%; + width: 12%; + left: 37%; + } + + #foottext{ + position: absolute; + color: white; + left: 50%; + top: 25%; + font-size: 5rem; + } + + #lasttext{ + position: absolute; + color: white; + left: 27%; + top: 50%; + font-size: 3.1rem; + } + + /* @media screen and (max-width: 998px){ + html{ + font-size: 55%; + } + #midimg{ + position: absolute; + margin-top: 13%; + width: 100%; + height: 60%; +} +#midimg2{ + position: absolute; + margin-top: 13%; + left:10px + width: 100%; + height: 60%; +} +.beech{ + height: 6.5rem; + top: 14%; +} +#petlife{ + margin-left: 47%; + margin-top: 75%; + } + + } */ + + /* @media screen and (max-width: 738px){ + html{ + font-size: 45%; + + } + #midimg{ + position: absolute; + margin-top: 13%; + width: 100%; + height: 60%; + } + #midimg2{ + position: absolute; + margin-top: 13%; + left:10px + width: 100%; + height: 60%; + } + } + */ \ No newline at end of file diff --git a/display page/display.html b/display page/display.html new file mode 100644 index 0000000..cd6c997 --- /dev/null +++ b/display page/display.html @@ -0,0 +1,50 @@ + + + + + + + + display page + + +
+
+

PET FINDER

+
+ +
+ + +
+
+ +
+ PET LOVE + LOST PETS + OUR ORGANISATION + CONTACT + +
+ + + +
+

OUR TEAM

+ + +
+ + + +
+ +
+ +

Pet Love

+

A website where you can find your lost pet and can adopt one.

+
+ + + + \ No newline at end of file diff --git a/display page/images/facebook-removebg-preview.png b/display page/images/facebook-removebg-preview.png new file mode 100644 index 0000000..7daf148 Binary files /dev/null and b/display page/images/facebook-removebg-preview.png differ diff --git a/display page/images/facebook.jpg b/display page/images/facebook.jpg new file mode 100644 index 0000000..bed2a43 Binary files /dev/null and b/display page/images/facebook.jpg differ diff --git a/display page/images/instagram-removebg-preview.png b/display page/images/instagram-removebg-preview.png new file mode 100644 index 0000000..c0c6229 Binary files /dev/null and b/display page/images/instagram-removebg-preview.png differ diff --git a/display page/images/instagram.jpg b/display page/images/instagram.jpg new file mode 100644 index 0000000..9a01863 Binary files /dev/null and b/display page/images/instagram.jpg differ diff --git a/display page/images/leftdog.png b/display page/images/leftdog.png new file mode 100644 index 0000000..ee33ceb Binary files /dev/null and b/display page/images/leftdog.png differ diff --git a/display page/images/logo-removebg-preview.png b/display page/images/logo-removebg-preview.png new file mode 100644 index 0000000..4f1e7e2 Binary files /dev/null and b/display page/images/logo-removebg-preview.png differ diff --git a/display page/images/logo.jpg b/display page/images/logo.jpg new file mode 100644 index 0000000..7590b75 Binary files /dev/null and b/display page/images/logo.jpg differ diff --git a/display page/images/sanchi.jpg b/display page/images/sanchi.jpg new file mode 100644 index 0000000..bdf3207 Binary files /dev/null and b/display page/images/sanchi.jpg differ diff --git a/display page/images/taru.jpg b/display page/images/taru.jpg new file mode 100644 index 0000000..025cfac Binary files /dev/null and b/display page/images/taru.jpg differ diff --git a/display page/images/twitter-removebg-preview (1).png b/display page/images/twitter-removebg-preview (1).png new file mode 100644 index 0000000..abacb9f Binary files /dev/null and b/display page/images/twitter-removebg-preview (1).png differ diff --git a/display page/images/twitter-removebg-preview.png b/display page/images/twitter-removebg-preview.png new file mode 100644 index 0000000..abacb9f Binary files /dev/null and b/display page/images/twitter-removebg-preview.png differ diff --git a/display page/images/twitter.jpg b/display page/images/twitter.jpg new file mode 100644 index 0000000..022cb7f Binary files /dev/null and b/display page/images/twitter.jpg differ diff --git a/display page/images/twitter.png b/display page/images/twitter.png new file mode 100644 index 0000000..ac53061 Binary files /dev/null and b/display page/images/twitter.png differ diff --git a/display page/images/vinayak.jpg b/display page/images/vinayak.jpg new file mode 100644 index 0000000..698e641 Binary files /dev/null and b/display page/images/vinayak.jpg differ diff --git a/display page/stylesheet.css b/display page/stylesheet.css new file mode 100644 index 0000000..998463d --- /dev/null +++ b/display page/stylesheet.css @@ -0,0 +1,188 @@ +* { + margin:0; + padding:0; +} + +header{ + height: 90px; + width: 100%; + background-color: #EFEEF1; + position: fixed; + top: 0px; + z-index: 10; + +} +.logo{ + +position: absolute; +width: 100.87px; +height: 90px; +left: 5px; +top: 0px; +} + +.buttonoftop{ + position: absolute; + font-size: 35px; + font-weight: 400; + height: 40px; + width: 210px; + left: 289px; + top: 67px; + color: aliceblue; + +} +.btn-login{ + position: absolute; + width: 100px; + left: 850px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} +.btn-signup{ + position: absolute; + width: 100px; + left: 1020px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} +#disp{ + position: relative; + top: 25px; + left: 110px; + color: #6504B5; +} + +.mid{ + height: 65px; + width: 100%; + background-color: #6504B5; + position: fixed; + top: 90px; + z-index: +1; +} +#insta { + position: absolute; +width: 50px; +height: 50px; +right: 2.5%; +top: 10%; +} +#facebook{ + position: absolute; +width: 50px; +height: 50px; +right: 7.5%; +top: 10%; +} +#twitter{ + position: absolute; + width: 50px; + height: 50px; + right: 12.5%; + top: 10%; +} + +.mid a{ + position: relative; + top: 20px; + color: white; + padding-top:20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +} + + +.mid a:hover { + border-radius: 20px; + background : snow ; + color: #6504B5; + } + +#contact{ + border-radius: 10px; + +} + + +#ourteam{ + position: absolute; + color: #6504B5; + left: 150px; + left: 45%; + margin-top: 12%; + font-size: 500; + letter-spacing: 4px; +} + + #vinayak{ + + width:50%; + height: 120%; + position: absolute; +/* left: 0%; */ +top: 29.5%; +} + +#taru{ + position: absolute; + top: 150%; + width: 50%; + height: 118%; + right: 0%; +} + #sanchi{ + left: 0%; + width: 50%; + position: absolute; + top: 268%; + height: 120%px; + } + + .footer{ + height: 450px; + width: 100%; + background-color: #6504B5; + position: absolute; + top: 406%; + z-index: +1; + } + #footimg{ + position: absolute; + top: 10%; + width: 12%; + left: 37%; + } + + #foottext{ + position: absolute; + color: white; + left: 50%; + top: 25%; + font-size: 50px; + } + + #lasttext{ + position: absolute; + color: white; + left: 27%; + top: 50%; + font-size: 31px; + } + + diff --git a/found pets2/images/WhatsApp Image 2022-11-02 at 8.45.54 AM (1).jpeg b/found pets2/images/WhatsApp Image 2022-11-02 at 8.45.54 AM (1).jpeg new file mode 100644 index 0000000..d7cc5bf Binary files /dev/null and b/found pets2/images/WhatsApp Image 2022-11-02 at 8.45.54 AM (1).jpeg differ diff --git a/found pets2/images/WhatsApp Image 2022-11-02 at 8.45.54 AM.jpeg b/found pets2/images/WhatsApp Image 2022-11-02 at 8.45.54 AM.jpeg new file mode 100644 index 0000000..627a61d Binary files /dev/null and b/found pets2/images/WhatsApp Image 2022-11-02 at 8.45.54 AM.jpeg differ diff --git a/found pets2/images/WhatsApp Image 2022-11-02 at 8.45.55 AM.jpeg b/found pets2/images/WhatsApp Image 2022-11-02 at 8.45.55 AM.jpeg new file mode 100644 index 0000000..fdf51ba Binary files /dev/null and b/found pets2/images/WhatsApp Image 2022-11-02 at 8.45.55 AM.jpeg differ diff --git a/found pets2/images/facebook-removebg-preview.png b/found pets2/images/facebook-removebg-preview.png new file mode 100644 index 0000000..7daf148 Binary files /dev/null and b/found pets2/images/facebook-removebg-preview.png differ diff --git a/found pets2/images/instagram-removebg-preview.png b/found pets2/images/instagram-removebg-preview.png new file mode 100644 index 0000000..c0c6229 Binary files /dev/null and b/found pets2/images/instagram-removebg-preview.png differ diff --git a/found pets2/images/logo-removebg-preview.png b/found pets2/images/logo-removebg-preview.png new file mode 100644 index 0000000..4f1e7e2 Binary files /dev/null and b/found pets2/images/logo-removebg-preview.png differ diff --git a/found pets2/images/twitter.png b/found pets2/images/twitter.png new file mode 100644 index 0000000..ac53061 Binary files /dev/null and b/found pets2/images/twitter.png differ diff --git a/found pets2/index.html b/found pets2/index.html new file mode 100644 index 0000000..374af75 --- /dev/null +++ b/found pets2/index.html @@ -0,0 +1,111 @@ + + + + + + + + Document + + +
+
+

PET FINDER

+
+ +
+ + +
+
+ +
+ PET LOVE + LOST PETS + OUR ORGANISATION + CONTACT + + +
+ + + +
+ +
+
+
+
+
+
+ + + +

LOST PETS

+ +
+ +
+ +
+ +

BOB

+
+
+ +
+ +
+ +

ALICE

+
+ +
+
+ +
+ +

JACK

+
+
+
+ + +
+ +

Pet Love

+

A website where you can find your lost pet and can adopt one.

+
+ + + + \ No newline at end of file diff --git a/found pets2/style.css b/found pets2/style.css new file mode 100644 index 0000000..989d136 --- /dev/null +++ b/found pets2/style.css @@ -0,0 +1,526 @@ +* { + margin:0; + padding:0; +} + +header{ + height: 90px; + width: 100%; + background-color: #EFEEF1; + position: fixed; + top: 0px; + z-index: 10; + +} + +.logo{ + + position: absolute; + width: 100.87px; + height: 90px; + left: 5px; + top: 0px; + } + .buttonoftop{ + position: relative; + font-size: 35px; + font-weight: 400; + height: 40px; + width: 210px; + top: 67px; + color: aliceblue; + /* margin-left: 50rem; */ + left: 55%; + + } + .btn-login{ + position: relative; + width: 100px; + height: 54px; + top: -90px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + left: 190%; + + } + .btn-signup{ + position: relative; + width: 100px; + height: 54px; + top: -90px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + left: 190%; + } + + + #disp{ + position: relative; + top: 25px; + left: 110px; + color: #6504B5; + } + +.mid{ +height: 65px; +width: 100%; +background-color: #6504B5; +position: fixed; + top: 90px; + z-index: +1; +} + +.beech{ +height: 65px; +width: 100%; +background-color: #8F74C6;; +position: fixed; +top: 19.4%; +z-index: +1; +font-weight: 400; +display: flex; +flex-direction: row; +} +ul{ + list-style: none; +} + #insta { + position: absolute; +width: 50px; +height: 50px; +right: 2.5%; +top: 10%; +} +#facebook{ + position: absolute; +width: 50px; +height: 50px; +right: 7.5%; +top: 10%; +} +#twitter{ + position: absolute; + width: 50px; + height: 50px; + right: 12.5%; + top: 10%; +} +.mid a{ + position: relative; + top: 20px; + color: white; + padding-top:20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +} + +.box{ + margin-top: 05%; + margin-left: 20%; + height: 170px; + width: 250px; + + border-radius: 30px; + background-color: #8F74C6; + text-align: center; + padding-top: 10px; + font-size:35px; +} +#box2{ + background-color: #1583CC;; +} + +#lost{ + margin-left: 18.6px; + height: 90px; + width: 140px; + border-radius: 30px; + text-align: center; + font-size:35px; + } +#found{ + margin-left:18.6px ; + height: 100px; + width: 140px; + border-radius: 30px; + text-align: center; + font-size:35px; +} +#recent{ + position: absolute; + left: 42%; + margin-top: 18%; + letter-spacing: 2px; + color: #6504B5; + font-size: 40px; +} + +.box_3{ + +display: flex; +justify-content: center; + + + +} +.card{ + position: relative; + width:250px; + text-align: center; + margin-top: 30px; + border-radius: 20px; + top: 340px; + margin: 10px; + /* background-color: #6504B5; */ + color: white; + padding-bottom: 20px; + background: conic-gradient(from 90deg at 50% 50%, #8F74C6 0deg, rgba(143, 116, 198, 0.984375) 110.62deg, rgba(143, 116, 198, 0) 271.87deg, #8F74C6 360deg); +transform: matrix( 0, 0, -1, 0, 0); + transition: .3s; +} +.card:hover{ + transform: scale(1.3); + background: conic-gradient(from 90deg at 50% 50%, #8F74C6 0deg, rgba(143, 116, 198, 0.984375) 110.62deg, rgba(143, 116, 198, 0) 271.87deg, #8F74C6 360deg); +transform: matrix( 0, 0, -1, 0, 0); + overscroll-behavior-x: 2px 2px 2px #000; +} + +.img3{ + width: 80%; + + height: 70%; + margin-top: 30px; +border-radius: 20px; +} +.img2{ + width: 80%; + +border-radius: 20px; +height: 70%; +margin-top: 30px; +} +.img1{ + height: 70%; + margin-top: 30px; + width: 80%; + + border-radius: 20px; +} + + +.footer{ + height: 450px; + width: 100%; + background-color: #6504B5; + position: absolute; + top: 105%; + z-index: +1; + } + #footimg{ + position: absolute; + top: 10%; + width: 12%; + left: 37%; + } + + #foottext{ + position: absolute; + color: white; + left: 50%; + top: 25%; + font-size: 50px; + } + + #lasttext{ + position: absolute; + color: white; + left: 27%; + top: 50%; + font-size: 31px; + } + + .mid a{ + position: relative; + top: 20px; + color: white; + padding-top:20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +} + + + .mid a:hover { + border-radius: 20px; + background : snow ; + color: #6504B5; + } +#lostpets{ + border-radius: 30px; + background : snow ; + color: #6504B5; +} +/* #contact2{ + border-radius: 20px; + background :#6504B5 ; + color: white; + +} */ +p{ + padding-top: 20px; + font-size: 70px; + +} +.hamb{ + display: none; + cursor: pointer; + +} +.bar{ + display: block; + width: 25px; + height: 3px; + margin: 5px auto; + -webkit-transition:all 0.3s ease-in-out; + transition:all 0.3s ease-in-out; + background-color:#6504B5; +} + +@media (max-width:768px) { + + + .hamb{ + display: block; + margin-top: 10%; + + } + .hamb.active.bar:nth-child(2){ + opacity: 0; + } + .hamb.active.bar:nth-child(1){ + transform: translateY(8px) rotate(45deg); + } + .hamb.active.bar:nth-child(3){ + transform: translateY(-8px) rotate(-45deg); + } + + .box_3{ + display: block; + margin-left: 33%; + + } + + .beech{ + position: fixed; + left: -100%; + height: 35%; + flex-direction: column; + transition: .3s; + text-align: center; + background-color:#8F74C6 + } + .navitem{ + margin: 16px 0; + + + } + .beech.active{ + left: 0; + } + #recent{ + font-size: 40px; + left: 35%; + top: 7%; + margin-top: 18%; + } + .footer{ + + height: 28%; + width: 100%; + background-color: #6504B5; + top: 100%; + } + + #foottext{ + + left: 40%; + top: 25%; + font-size: 40px; + } + + #lasttext{ + position: absolute; + color: white; + left: 10%; + + font-size: 26px; + } + #footimg{ + width: 12%; + left: 27%; + } + .card{ + height: 170px; + width: 260px; + + } + + .buttonoftop{ + + + left: 19%; + top: 67px; + color: aliceblue; +} +#insta { + + position: absolute; +width:30px; +height: 30px; +right: 2.5%; +top: 32%; +} +#facebook{ + + position: absolute; +width: 30px; +height:30px; +right: 7.5%; +top: 32%; +} +#twitter{ + + position: absolute; + width: 30px; + height: 30px; + right: 12.5%; + top: 32%; +} +} + + +@media (max-width:375px) { + .logo{ + top: 7%; + height: 60px; + width: 60px; + } + header{ + font-size: 10px; + } + .mid a{ + + padding-top:2px; + padding-right: 2px; + font-size: 9px; + padding-left: 2px; + padding-bottom: 2px; + text-decoration: none; + } + #insta { + + position: absolute; + width:24px; + height: 24px; + right: 2.5%; + top: 32%; + } + #facebook{ + + position: absolute; + width: 24px; + height:24px; + right: 10.5%; + top: 32%; + } + #twitter{ + + position: absolute; + width: 24px; + height: 24px; + right: 18.5%; + top: 32%; + } + .mid{ + height:50px; + } + #recent{ + font-size: 40px; + left: 32%; + top: 24%; + margin-top: 18%; + font-size: 30px; + } + + .footer{ + + height: 20%; + width: 100%; + background-color: #6504B5; + top: 110%; + } + + #foottext{ + + left: 40%; + top: 25%; + font-size: 20px; + } + + #lasttext{ + position: absolute; + color: white; + left: 10%; + + font-size: 18px; + } + #footimg{ + width: 12%; + left: 27%; + } + .card{ + + height: 100px; + width: 120px; + margin-top: 5px; + } + .img3{ + + margin-top: 10px; + + } + .img2{ + + margin-top: 10px; + } + .img1{ + + margin-top: 10px; + + } + .text{ + font-size: small; + } + + .buttonoftop{ + left: 19%; + top: 67px; + color: aliceblue; + } + + + + +} + diff --git a/foundpets1 resp/images/WhatsApp Image 2022-11-02 at 8.45.54 AM (1).jpeg b/foundpets1 resp/images/WhatsApp Image 2022-11-02 at 8.45.54 AM (1).jpeg new file mode 100644 index 0000000..d7cc5bf Binary files /dev/null and b/foundpets1 resp/images/WhatsApp Image 2022-11-02 at 8.45.54 AM (1).jpeg differ diff --git a/foundpets1 resp/images/WhatsApp Image 2022-11-02 at 8.45.54 AM.jpeg b/foundpets1 resp/images/WhatsApp Image 2022-11-02 at 8.45.54 AM.jpeg new file mode 100644 index 0000000..627a61d Binary files /dev/null and b/foundpets1 resp/images/WhatsApp Image 2022-11-02 at 8.45.54 AM.jpeg differ diff --git a/foundpets1 resp/images/WhatsApp Image 2022-11-02 at 8.45.55 AM.jpeg b/foundpets1 resp/images/WhatsApp Image 2022-11-02 at 8.45.55 AM.jpeg new file mode 100644 index 0000000..fdf51ba Binary files /dev/null and b/foundpets1 resp/images/WhatsApp Image 2022-11-02 at 8.45.55 AM.jpeg differ diff --git a/foundpets1 resp/images/facebook-removebg-preview.png b/foundpets1 resp/images/facebook-removebg-preview.png new file mode 100644 index 0000000..7daf148 Binary files /dev/null and b/foundpets1 resp/images/facebook-removebg-preview.png differ diff --git a/foundpets1 resp/images/instagram-removebg-preview.png b/foundpets1 resp/images/instagram-removebg-preview.png new file mode 100644 index 0000000..c0c6229 Binary files /dev/null and b/foundpets1 resp/images/instagram-removebg-preview.png differ diff --git a/foundpets1 resp/images/logo-removebg-preview.png b/foundpets1 resp/images/logo-removebg-preview.png new file mode 100644 index 0000000..4f1e7e2 Binary files /dev/null and b/foundpets1 resp/images/logo-removebg-preview.png differ diff --git a/foundpets1 resp/images/twitter.png b/foundpets1 resp/images/twitter.png new file mode 100644 index 0000000..ac53061 Binary files /dev/null and b/foundpets1 resp/images/twitter.png differ diff --git a/foundpets1 resp/index.html b/foundpets1 resp/index.html new file mode 100644 index 0000000..d40f847 --- /dev/null +++ b/foundpets1 resp/index.html @@ -0,0 +1,111 @@ + + + + + + + + Document + + +
+
+

PET FINDER

+
+ +
+ + +
+
+ +
+ PET LOVE + LOST PETS + OUR ORGANISATION + CONTACT + + +
+ + + +
+ +
+
+
+
+
+
+ + + +

FOUND PETS

+ +
+ +
+ +
+ +

Found yesterday

+
+
+ +
+ +
+ +

Found 3 Days Ago

+
+ +
+
+ +
+ +

Found 1 week ago

+
+
+
+ + +
+ +

Pet Love

+

A website where you can find your lost pet and can adopt one.

+
+ + + + \ No newline at end of file diff --git a/foundpets1 resp/style.css b/foundpets1 resp/style.css new file mode 100644 index 0000000..dc94e68 --- /dev/null +++ b/foundpets1 resp/style.css @@ -0,0 +1,526 @@ +* { + margin:0; + padding:0; +} + +header{ + height: 90px; + width: 100%; + background-color: #EFEEF1; + position: fixed; + top: 0px; + z-index: 10; + +} + +.logo{ + + position: absolute; + width: 100.87px; + height: 90px; + left: 5px; + top: 0px; + } + .buttonoftop{ + position: relative; + font-size: 35px; + font-weight: 400; + height: 40px; + width: 210px; + top: 67px; + color: aliceblue; + /* margin-left: 50rem; */ + left: 55%; + + } + .btn-login{ + position: relative; + width: 100px; + height: 54px; + top: -90px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + left: 190%; + + } + .btn-signup{ + position: relative; + width: 100px; + height: 54px; + top: -90px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + left: 190%; + } + + + #disp{ + position: relative; + top: 25px; + left: 110px; + color: #6504B5; + } + +.mid{ +height: 65px; +width: 100%; +background-color: #6504B5; +position: fixed; + top: 90px; + z-index: +1; +} + +.beech{ +height: 65px; +width: 100%; +background-color: #8F74C6;; +position: fixed; +top: 19.4%; +z-index: +1; +font-weight: 400; +display: flex; +flex-direction: row; +} +ul{ + list-style: none; +} + #insta { + position: absolute; +width: 50px; +height: 50px; +right: 2.5%; +top: 10%; +} +#facebook{ + position: absolute; +width: 50px; +height: 50px; +right: 7.5%; +top: 10%; +} +#twitter{ + position: absolute; + width: 50px; + height: 50px; + right: 12.5%; + top: 10%; +} +.mid a{ + position: relative; + top: 20px; + color: white; + padding-top:20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +} +.card:hover{ + transform: scale(1.3); + background: conic-gradient(from 90deg at 50% 50%, #8F74C6 0deg, rgba(143, 116, 198, 0.984375) 110.62deg, rgba(143, 116, 198, 0) 271.87deg, #8F74C6 360deg); +transform: matrix( 0, 0, -1, 0, 0); + overscroll-behavior-x: 2px 2px 2px #000; +} +.box{ + margin-top: 05%; + margin-left: 20%; + height: 170px; + width: 250px; + + border-radius: 30px; + background-color: #8F74C6; + text-align: center; + padding-top: 10px; + font-size:35px; +} +#box2{ + background-color: #1583CC;; +} + +#lost{ + margin-left: 18.6px; + height: 90px; + width: 140px; + border-radius: 30px; + text-align: center; + font-size:35px; + } +#found{ + margin-left:18.6px ; + height: 100px; + width: 140px; + border-radius: 30px; + text-align: center; + font-size:35px; +} +#recent{ + position: absolute; + left: 42%; + margin-top: 18%; + + letter-spacing: 2px; + color: #6504B5; + font-size: 40px; +} + +.box_3{ + +display: flex; +justify-content: center; + + + +} +.card{ + position: relative; + width:250px; + text-align: center; + margin-top: 30px; + border-radius: 20px; + top: 340px; + margin: 10px; + /* background-color: #6504B5; */ + color: white; + padding-bottom: 20px; + background: conic-gradient(from 90deg at 50% 50%, #8F74C6 0deg, rgba(143, 116, 198, 0.984375) 110.62deg, rgba(143, 116, 198, 0) 271.87deg, #8F74C6 360deg); +transform: matrix( 0, 0, -1, 0, 0); +transition: .3s; +} +.img3{ + width: 80%; + + height: 70%; + margin-top: 30px; +border-radius: 20px; +} +.img2{ + width: 80%; + +border-radius: 20px; +height: 70%; +margin-top: 30px; +} +.img1{ + height: 70%; + margin-top: 30px; + width: 80%; + + border-radius: 20px; +} + + +.footer{ + height: 450px; + width: 100%; + background-color: #6504B5; + position: absolute; + top: 105%; + z-index: +1; + } + #footimg{ + position: absolute; + top: 10%; + width: 12%; + left: 37%; + } + + #foottext{ + position: absolute; + color: white; + left: 50%; + top: 25%; + font-size: 50px; + } + + #lasttext{ + position: absolute; + color: white; + left: 27%; + top: 50%; + font-size: 31px; + } + + .mid a{ + position: relative; + top: 20px; + color: white; + padding-top:20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +} + + + .mid a:hover { + border-radius: 20px; + background : snow ; + color: #6504B5; + } +#lostpets{ + border-radius: 30px; + background : snow ; + color: #6504B5; +} +/* #contact2{ + border-radius: 20px; + background :#6504B5 ; + color: white; + +} */ +p{ + padding-top: 20px; + font-size: 70px; + +} +.hamb{ + display: none; + cursor: pointer; + +} +.bar{ + display: block; + width: 25px; + height: 3px; + margin: 5px auto; + -webkit-transition:all 0.3s ease-in-out; + transition:all 0.3s ease-in-out; + background-color:#6504B5; +} + +@media (max-width:768px) { + + + .hamb{ + display: block; + margin-top: 10%; + + } + .hamb.active.bar:nth-child(2){ + opacity: 0; + } + .hamb.active.bar:nth-child(1){ + transform: translateY(8px) rotate(45deg); + } + .hamb.active.bar:nth-child(3){ + transform: translateY(-8px) rotate(-45deg); + } + + .box_3{ + display: block; + margin-left: 33%; + + } + + .beech{ + position: fixed; + left: -100%; + height: 35%; + flex-direction: column; + transition: .3s; + text-align: center; + background-color:#8F74C6 + } + .navitem{ + margin: 16px 0; + + + } + .beech.active{ + left: 0; + } + #recent{ + font-size: 40px; + left: 35%; + top: 7%; + margin-top: 18%; + } + .footer{ + + height: 28%; + width: 100%; + background-color: #6504B5; + top: 100%; + } + + #foottext{ + + left: 40%; + top: 25%; + font-size: 40px; + } + + #lasttext{ + position: absolute; + color: white; + left: 10%; + + font-size: 26px; + } + #footimg{ + width: 12%; + left: 27%; + } + .card{ + height: 170px; + width: 260px; + + } + + .buttonoftop{ + + + left: 19%; + top: 67px; + color: aliceblue; +} +#insta { + + position: absolute; +width:30px; +height: 30px; +right: 2.5%; +top: 32%; +} +#facebook{ + + position: absolute; +width: 30px; +height:30px; +right: 7.5%; +top: 32%; +} +#twitter{ + + position: absolute; + width: 30px; + height: 30px; + right: 12.5%; + top: 32%; +} +} + + +@media (max-width:375px) { + .logo{ + top: 7%; + height: 60px; + width: 60px; + } + + header{ + font-size: 10px; + } + .mid a{ + + padding-top:2px; + padding-right: 2px; + font-size: 9px; + padding-left: 2px; + padding-bottom: 2px; + text-decoration: none; + } + #insta { + + position: absolute; + width:24px; + height: 24px; + right: 2.5%; + top: 32%; + } + #facebook{ + + position: absolute; + width: 24px; + height:24px; + right: 10.5%; + top: 32%; + } + #twitter{ + + position: absolute; + width: 24px; + height: 24px; + right: 18.5%; + top: 32%; + } + .mid{ + height:50px; + } + #recent{ + font-size: 40px; + left: 30%; + top: 24%; + margin-top: 18%; + font-size: 30px; + } + + .footer{ + + height: 20%; + width: 100%; + background-color: #6504B5; + top: 110%; + } + + #foottext{ + + left: 40%; + top: 25%; + font-size: 20px; + } + + #lasttext{ + position: absolute; + color: white; + left: 10%; + + font-size: 18px; + } + #footimg{ + width: 12%; + left: 27%; + } + .card{ + + height: 100px; + width: 150px; + margin-top: 5px; + } + .img3{ + + margin-top: 10px; + + } + .img2{ + + margin-top: 10px; + } + .img1{ + + margin-top: 10px; + + } + .text{ + font-size: small; + } + + .buttonoftop{ + left: 19%; + top: 67px; + color: aliceblue; + } + + + + +} + diff --git a/index.html b/index.html new file mode 100644 index 0000000..86614d2 --- /dev/null +++ b/index.html @@ -0,0 +1,121 @@ + + + + + + + + + Document + + +
+
+

PET FINDER

+
+ +
+ + +
+
+ +
+ PET LOVE + LOST PETS + OUR ORGANISATION +About + + +
+ + + +
+ +
+ I Found A Pet + I Lost A Pet + Help Lost Pets + About + + +
+
+ +

Pets are Life

+ +

We as a team help pets reunite with their families.

+

Upload a photo of your pet and help us find your pet.

+ +
+

I Lost A Pet

+

I Found A Pet

+
+

RECENTLY UPLOADED PETS

+ +
+ +
+ +
+

Found Pet

+

Found Yesterday

+
+
+ +
+ +
+

Found Pet

+

Found Yesterday

+
+ +
+
+ +
+

Found Pet

+

Found Yesterday

+
+
+
+ + + +
+

1 in 3 pets will go missing in their lifetime +

+

This staggering number is why we created Pet + Love, which simplifies and shortens the + lost pet search with just one photo of your pet. + We are here for you should the unthinkable + happen to a pet you love or find. +

+
+ + +
+ +

Pet Love

+

A website where you can find your lost pet and can adopt one.

+
+ + + diff --git a/sanchi/create.html b/sanchi/create.html new file mode 100644 index 0000000..a05c929 --- /dev/null +++ b/sanchi/create.html @@ -0,0 +1,34 @@ + + + + + + + Document + + +
+

PET LOVE

+
+ Sign Up + Log in
+
+
+ + + + + + + + + +
+
+

PET LOVE

+

A website where you can find your lost pet and can adopt one.

+
+ + + + diff --git a/sanchi/create.js b/sanchi/create.js new file mode 100644 index 0000000..e67ea3a --- /dev/null +++ b/sanchi/create.js @@ -0,0 +1,53 @@ +// Import the functions you need from the SDK +import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.10/firebase-app.js"; +import { getAnalytics } from "https://www.gstatic.com/firebasejs/9.6.10/firebase-analytics.js"; +import { getAuth, createUserWithEmailAndPassword } from "https://www.gstatic.com/firebasejs/9.6.10/firebase-auth.js"; + +// TODO: Add SDKs for Firebase products that you want to use +// https://firebase.google.com/docs/web/setup#available-libraries + +// Your web app's Firebase configuration +// For Firebase JS SDK v7.20.0 and later, measurementId is optional +const firebaseConfig = { + apiKey: "AIzaSyDtplhy9l_fP_RK5J68Ng8IyWbyl9-2CE4", + authDomain: "lostfound-10994.firebaseapp.com", + projectId: "lostfound-10994", + storageBucket: "lostfound-10994.appspot.com", + messagingSenderId: "688268836191", + appId: "1:688268836191:web:ae58cc8186df80e3970aea" + }; + + +// Initialize Firebase +const app = initializeApp(firebaseConfig); +const analytics = getAnalytics(app); +const auth = getAuth(app); +const email=document.getElementById("email"); +const password=document.getElementById("password"); +const confirmpassword=document.getElementById("confirmpassword"); +const submit=document.getElementById("submit"); +const pin=document.getElementById("pin"); + +var emailid,pass,confirmpass; +submit.addEventListener("click",function(){ + var flag=1; + emailid=email.value; + pass=password.value; + confirmpass=confirmpassword.value; +if(confirmpass!=pass){ + window.alert("password does not matches"); + flag=0; +} +else if(emailid==""||pass==""||confirmpass==""){ + window.alert("no field should be empty"); + flag=0; +} +else if(flag==1){ + createUserWithEmailAndPassword(auth,emailid,pass) + window.alert("account created successfully"); +} + +}); + + + diff --git a/sanchi/creates.css b/sanchi/creates.css new file mode 100644 index 0000000..9fd56fa --- /dev/null +++ b/sanchi/creates.css @@ -0,0 +1,60 @@ +.ref{ + display: flex; + flex-direction: column; + justify-content: space-around; + justify-content: space-between; + margin-left: 20%; + margin-right: 20%; + margin-top: 6%; + background: #EFEEF1; +border-radius: 59px; +padding-top: 10%; +padding-bottom: 10%; +padding-right: 2%; +padding-left: 2%; +} +#email{ + padding: 1%; + margin-bottom: 1%; +} +#password{ + padding: 1%; + margin-bottom: 1%; +} +#confirmpassword{ + padding: 1%; + margin-bottom: 1%; +} +#submit{ + padding: 1%; + margin-bottom: 1%; + margin-top: 2%; + width: 20%; + display: flex; + flex-direction: row; + justify-content: space-evenly; + margin-left: 38%; + border-radius: 10%; + background: #6504B5; +} +.first{ + display: flex; + flex-direction: column; + text-align: center; + padding-top: 2%; + padding-bottom: 2%; + margin-top: 5%; + background: #6504B5; +} +.head{ + background: #EFEEF1; +} +a{ + text-decoration: none; + top: 10%; +} +.cont{ + display: flex; + flex-direction: row-reverse; + gap: 2%; +} diff --git a/sanchi/index.js b/sanchi/index.js new file mode 100644 index 0000000..18f1e6e --- /dev/null +++ b/sanchi/index.js @@ -0,0 +1,46 @@ + + +const firebaseConfig = { + // copy your firebase config informations + apiKey: "AIzaSyBDWxQ5gZFOcb8Eb9a9rGsnho3x4N6i5pc", + authDomain: "web-project-bd188.firebaseapp.com", + databaseURL: "https://web-project-bd188-default-rtdb.firebaseio.com", + projectId: "web-project-bd188", + storageBucket: "web-project-bd188.appspot.com", + messagingSenderId: "466020963978", + appId: "1:466020963978:web:f46ee17a642c2a96d03f73", + measurementId: "G-SNXW9YVDQ2", +}; + + +console.log('sanchi'); +// reference your database +var contactFormDB = firebase.database().ref("petDetails"); + +document.getElementById("form").addEventListener("submit", submitForm); + +function submitForm(e) { + e.preventDefault(); + var name = getElementVal("name"); + var emailid = getElementVal("emailid"); + var phoneno = getElementVal("phoneno"); + var details = getElementVal("details"); + var add = getElementVal("add"); + + savedetails(name, emailid, phoneno,details,add); + // reset the form + document.getElementById("form").reset(); +} +const savedetails = (name, emailid, phoneno,details,add) => { + var newContactForm = contactFormDB.push(); + newContactForm.set({ + name: name, + emailid: emailid, + phoneno: phoneno, + details:details, + add:add, + }); +}; +const getElementVal = (id) => { + return document.getElementById(id).value; +}; diff --git a/sanchi/index2.js b/sanchi/index2.js new file mode 100644 index 0000000..ef82f78 --- /dev/null +++ b/sanchi/index2.js @@ -0,0 +1,38 @@ +const firebaseConfig = { + // copy your firebase config informations + 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" + }; + // initialize firebase + firebase.initializeApp(firebaseConfig); + // reference your database + var contactFormDB = firebase.database().ref("petDetails2"); + document.getElementById("form").addEventListener("submit", submitForm); + function submitForm(e) { + e.preventDefault(); + var name = document.getElementById("second").value; + var emailid = document.getElementById("fourth").value; + var phoneno = document.getElementById("sixth").value; + var details = document.getElementById("nine").value; + var add = document.getElementById("des").value; + savedetails(name, emailid, phoneno,details,add); + // reset the form + document.getElementById("form").reset(); + } + const savedetails = (name, emailid, phoneno,details,add) => { + var newContactForm = contactFormDB.push(); + newContactForm.set({ + name: name, + emailid: emailid, + phoneno: phoneno, + details:details, + add:add, + }); + }; + \ No newline at end of file diff --git a/sanchi/new_copy.html b/sanchi/new_copy.html new file mode 100644 index 0000000..e40e895 --- /dev/null +++ b/sanchi/new_copy.html @@ -0,0 +1,61 @@ + + + + + + + + + Form + + + +
+

PET LOVE

+
+ Sign Up + Log in
+
+
+
+

DETAILS FORM

+
+ +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+
+

PET LOVE

+

A website where you can find your lost pet and can adopt one.

+
+ + + + + + diff --git a/sanchi/sanch.html b/sanchi/sanch.html new file mode 100644 index 0000000..e54db77 --- /dev/null +++ b/sanchi/sanch.html @@ -0,0 +1,61 @@ + + + + + + + + + Form + + + +
+

PET LOVE

+
+ Sign Up + Log in
+
+
+
+

DETAILS FORM

+
+ +
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+
+

PET LOVE

+

A website where you can find your lost pet and can adopt one.

+
+ + + + + + \ No newline at end of file diff --git a/sanchi/style.css b/sanchi/style.css new file mode 100644 index 0000000..e1e1c44 --- /dev/null +++ b/sanchi/style.css @@ -0,0 +1,66 @@ +#head-container{ + text-align: center; + display: flex; + flex-direction: column; + justify-content: space-around; + justify-content: space-between; + margin-left: 20%; + margin-right: 20%; + margin-top: 6%; + background: #EFEEF1; +border-radius: 59px; +padding-top: 10%; +padding-bottom: 10%; +padding-right: 2%; +padding-left: 2%; +} +.container{ + padding: 1%; + margin-bottom: 6%; +} +#second{ + padding: 1%; + margin-bottom: 1%; +} +#fourth{ + padding: 1%; + margin-bottom: 1%; +} +#sixth{ + padding: 1%; + margin-bottom: 1%; + } + #img{ + padding: 1%; + margin-bottom: 1%; + } + #nine{ + padding: 1%; + margin-bottom: 1%; + } + #des{ + padding: 1%; + margin-bottom: 6%; + } + .first{ + display: flex; + flex-direction: column; + text-align: center; + padding-top: 2%; + padding-bottom: 2%; + margin-top: 5%; + background: #6504B5; + } + .head{ + background: #EFEEF1; + } + .cont{ + display: flex; + flex-direction: row-reverse; + gap: 2%; + } + a{ + text-decoration: none; + top: 10%; + } + diff --git a/taru file/322868_1100-800x825.jpeg b/taru file/322868_1100-800x825.jpeg new file mode 100644 index 0000000..f83318c Binary files /dev/null and b/taru file/322868_1100-800x825.jpeg differ diff --git a/taru file/About.html b/taru file/About.html new file mode 100644 index 0000000..89142e7 --- /dev/null +++ b/taru file/About.html @@ -0,0 +1,82 @@ + + + + + + + + + About + + + +
+
+

PET LOVE

+
+ +
+ + +
+
+ +
+ PET LOVE + LOST PETS + OUR ORGANISATION + CONTACT + +
+ + + +
+
+
+ I Found a Pet + I Lost a Pet + Help Lost Pets + About Us +
+
+
+ +
+
+

+ Love Pet helps reunite missing pets with their people by using a photo of the pet. Search our national database of more than 100,000 dogs and cats, then create and share digital lost pet alerts on Nextdoor, Facebook, and via email.

+
+
+
+
+ +

PET LOVE

+

A website where you can find your lost pet and can adopt one.

+
+ + \ No newline at end of file diff --git a/taru file/bible-verses-for-pet-lovers-to-read-and-ponder-upon-jvguemko.jpeg b/taru file/bible-verses-for-pet-lovers-to-read-and-ponder-upon-jvguemko.jpeg new file mode 100644 index 0000000..cd3b599 Binary files /dev/null and b/taru file/bible-verses-for-pet-lovers-to-read-and-ponder-upon-jvguemko.jpeg differ diff --git a/taru file/dog-group.jpeg b/taru file/dog-group.jpeg new file mode 100644 index 0000000..cc7f392 Binary files /dev/null and b/taru file/dog-group.jpeg differ diff --git a/taru file/facebook.png b/taru file/facebook.png new file mode 100644 index 0000000..2784d54 Binary files /dev/null and b/taru file/facebook.png differ diff --git a/taru file/found.html b/taru file/found.html new file mode 100644 index 0000000..cda7aa4 --- /dev/null +++ b/taru file/found.html @@ -0,0 +1,77 @@ + + + + + + + + + Found Pets + + + + +
+
+

PET LOVE

+
+ +
+ + +
+
+ +
+ PET LOVE + LOST PETS + OUR ORGANISATION + CONTACT + +
+ + + +
+
+
+ I Found a Pet + I Lost a Pet + Help Lost Pets + About Us +
+
+ +
+ +
+
+

Click on the link below to report about the lost pet.

+
+
+
+ +
+
+ +

PET LOVE

+

A website where you can find your lost pet and can adopt one.

+
+ + + \ No newline at end of file diff --git a/taru file/golden-retriever-dog-royalty-free-image-505534037-1565105327.jpeg b/taru file/golden-retriever-dog-royalty-free-image-505534037-1565105327.jpeg new file mode 100644 index 0000000..e528675 Binary files /dev/null and b/taru file/golden-retriever-dog-royalty-free-image-505534037-1565105327.jpeg differ diff --git a/taru file/help.html b/taru file/help.html new file mode 100644 index 0000000..f990b21 --- /dev/null +++ b/taru file/help.html @@ -0,0 +1,84 @@ + + + + + + + + + Help Lost Pets + + + + +
+
+

PET LOVE

+
+ +
+ + +
+
+ +
+ PET LOVE + LOST PETS + OUR ORGANISATION + CONTACT + +
+ + + +
+
+
+ I Found a Pet + I Lost a Pet + Help Lost Pets + About Us +
+
+ +
+
+ I Found a Pet + I Lost a Pet + Help Lost Pets + About Us +
+
+ +
+ +
+
+

Help send lost pets back to their homes. Click on the button below to see the lost pets.

+
+
+
+ +

PET LOVE

+

A website where you can find your lost pet and can adopt one.

+
+ + + \ No newline at end of file diff --git a/taru file/i-love-pets-concept-silhouettes-dogs-cat-heart-shape-174102031-removebg-preview.png b/taru file/i-love-pets-concept-silhouettes-dogs-cat-heart-shape-174102031-removebg-preview.png new file mode 100644 index 0000000..48842f2 Binary files /dev/null and b/taru file/i-love-pets-concept-silhouettes-dogs-cat-heart-shape-174102031-removebg-preview.png differ diff --git a/taru file/index.html b/taru file/index.html new file mode 100644 index 0000000..0920b52 --- /dev/null +++ b/taru file/index.html @@ -0,0 +1,85 @@ + + + + + + + + + OUR VISION + + + +
+
+

PET LOVE

+
+ +
+ + +
+
+ +
+ PET LOVE + LOST PETS + OUR VISION + CONTACT + +
+ + + +
+ +
+ +
+
+
+

Creating a better world for animals and the people who love and need them. + We will continue to lead the way every day to harness the power of love to make communities and pet families closer, stronger, and healthier--and create a future in which no pet is unnecessarily euthanized.

+
+ +
+ +
+ +

PET LOVE

+

A website where you can find your lost pet and can adopt one.

+
+ + \ No newline at end of file diff --git a/taru file/instagram (1).png b/taru file/instagram (1).png new file mode 100644 index 0000000..dd62d5d Binary files /dev/null and b/taru file/instagram (1).png differ diff --git a/taru file/istockphoto-1332038340-170667a.jpeg b/taru file/istockphoto-1332038340-170667a.jpeg new file mode 100644 index 0000000..c9abb4f Binary files /dev/null and b/taru file/istockphoto-1332038340-170667a.jpeg differ diff --git a/taru file/lost.html b/taru file/lost.html new file mode 100644 index 0000000..4ba0163 --- /dev/null +++ b/taru file/lost.html @@ -0,0 +1,58 @@ + + + + + + + + + Lost Pets + + +
+
+

PET LOVE

+
+ +
+ + +
+
+ +
+ PET LOVE + LOST PETS + OUR ORGANISATION + CONTACT + +
+ + + +
+ + + +
+
+ I Found a Pet + I Lost a Pet + Help Lost Pets + About Us +
+
+
+ +
+
+

Click on the link below to report about the found pet.

+
+
+
+ +

PET LOVE

+

A website where you can find your lost pet and can adopt one.

+
+ + \ No newline at end of file diff --git a/taru file/puppy-5124947__340.jpeg b/taru file/puppy-5124947__340.jpeg new file mode 100644 index 0000000..6ed43ca Binary files /dev/null and b/taru file/puppy-5124947__340.jpeg differ diff --git a/taru file/sty.css b/taru file/sty.css new file mode 100644 index 0000000..b61bb4c --- /dev/null +++ b/taru file/sty.css @@ -0,0 +1,745 @@ +/* { + margin: 0; + padding: 0; +} + +header { + height: 90px; + width: 100%; + background-color: #EFEEF1; + /* position: fixed; + top: 0px; + z-index: 10; + overflow:hidden; + + position: fixed; + +} + +.logo { + + position: absolute; + width: 100.87px; + height: 90px; + left: 5px; + top: 0px; +} + +.buttonoftop { + position: absolute; + font-size: 35px; + font-weight: 400; + height: 40px; + width: 210px; + left: 289px; + top: 67px; + color: aliceblue; + + +} + +.btn-login { + position: absolute; + width: 100px; + left: 850px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} + +.btn-signup { + position: absolute; + width: 100px; + left: 1020px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} + +#disp { + position: relative; + top: 25px; + left: 110px; + color: #6504B5; + +} + +.mid { + height: 65px; + width: 100%; + background-color: #6504B5; + position: fixed; + top: 90px; + z-index: 10; + overflow: hidden; +} + +.mid a { + position: relative; + top: 20px; + color: white; + padding-top: 20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +}*/ +/** { + margin:0; + padding:0; +} + +header{ + height: 90px; + width: 100%; + background-color: #EFEEF1; + position: fixed; + top: 0px; + z-index: 10; + +} +.logo{ + +position: absolute; +width: 100.87px; +height: 90px; +left: 5px; +top: 0px; +} + +.buttonoftop{ + position: absolute; + font-size: 35px; + font-weight: 400; + height: 40px; + width: 210px; + left: 289px; + top: 67px; + color: aliceblue; + display: flex; + +} +.btn-login{ + position: absolute; + width: 100px; + left: 850px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + flex-direction: row; +} +.btn-signup{ + position: absolute; + width: 100px; + left: 1020px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + flex-direction: row; +} +#disp{ + position: relative; + top: 25px; + left: 110px; + color: #6504B5; + +} + +.mid{ + height: 65px; + width: 100%; + background-color: #6504B5; + position: fixed; + top: 90px; + z-index: +1; +} +#insta { + position: absolute; +width: 50px; +height: 50px; +right: 2.5%; +top: 10%; +} +#facebook{ + position: absolute; +width: 50px; +height: 50px; +right: 7.5%; +top: 10%; +} +#twitter{ + position: absolute; + width: 50px; + height: 50px; + right: 12.5%; + top: 10%; +} + +.mid a{ + position: relative; + top: 20px; + color: white; + padding-top:20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +} + + +.last { + height: 60px; + width: 100%; + background-color: #8F74C6; + position: fixed; + top: 150px; + z-index: 10; +} + +.last a { + position: relative; + top: 20px; + color: white; + padding-top: 20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +} +.image img{ + position: absolute; + width: 100%; + height: 1000px; + left: 0px; + top: 100px; + overflow: hidden; + + } + .top h3{ + position: absolute; +width: 800px; +height: 200px; +left: 400px; +top: 1200px; + +font-family: 'Judson'; +font-style: normal; +font-weight: 400; +font-size: 60px; +line-height: 104px; +text-align: center; +color: #6504B5; +} + +.rep{ + position: absolute; +width: 700px; +height: 200px; +left: 725px; +top: 1450px; + +} +.rep button{ + border-radius: 50%; + height: 70px; + width:150px; + + background: #6504B5; +border-radius: 139.5px; + text-align: center; + +} +.rep a{ + color:#EFEEF1; + text-decoration: none; + +} +.footer{ + height: 450px; + width: 100%; + background-color: #6504B5; + position: absolute; + top: 230%; + z-index: +1; + } + #footimg{ + position: absolute; + top: 10%; + width: 12%; + left: 37%; + } + + #foottext{ + position: absolute; + color: white; + left: 50%; + top: 25%; + font-size: 50px; + } + + #lasttext{ + position: absolute; + color: white; + left: 27%; + top: 50%; + font-size: 31px; + } +*/ +/** { + margin: 0; + padding: 0; +} + +header { + height: 90px; + width: 100%; + background-color: #EFEEF1; + /* position: fixed; + top: 0px; + z-index: 10; + overflow:hidden; + + position: fixed; + +} + +.logo { + + position: absolute; + width: 100.87px; + height: 90px; + left: 5px; + top: 0px; +} + +.buttonoftop { + position: absolute; + font-size: 35px; + font-weight: 400; + height: 40px; + width: 210px; + left: 289px; + top: 67px; + color: aliceblue; + + +} + +.btn-login { + position: absolute; + width: 100px; + left: 850px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} + +.btn-signup { + position: absolute; + width: 100px; + left: 1020px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} + +#disp { + position: relative; + top: 25px; + left: 110px; + color: #6504B5; + +} + +.mid { + height: 65px; + width: 100%; + background-color: #6504B5; + position: fixed; + top: 90px; + z-index: 10; + overflow: hidden; +} + +.mid a { + position: relative; + top: 20px; + color: white; + padding-top: 20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +}*/ +/** { + margin:0; + padding:0; +} + +header{ + height: 90px; + width: 100%; + background-color: #EFEEF1; + position: fixed; + top: 0px; + z-index: 10; + +} +.logo{ + +position: absolute; +width: 100.87px; +height: 90px; +left: 5px; +top: 0px; +} + +.buttonoftop{ + position: absolute; + font-size: 35px; + font-weight: 400; + height: 40px; + width: 210px; + left: 289px; + top: 67px; + color: aliceblue; + +} +.btn-login{ + position: absolute; + width: 100px; + left: 850px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} +.btn-signup{ + position: absolute; + width: 100px; + left: 1020px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} +#disp{ + position: relative; + top: 25px; + left: 110px; + color: #6504B5; + +} + +.mid{ + height: 65px; + width: 100%; + background-color: #6504B5; + position: fixed; + top: 90px; + z-index: +1; +} +#insta { + position: absolute; +width: 50px; +height: 50px; +right: 2.5%; +top: 10%; +} +#facebook{ + position: absolute; +width: 50px; +height: 50px; +right: 7.5%; +top: 10%; +} +#twitter{ + position: absolute; + width: 50px; + height: 50px; + right: 12.5%; + top: 10%; +} + +.mid a{ + position: relative; + top: 20px; + color: white; + padding-top:20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +}*/ +* { + margin:0; + padding:0; + +} + + +header{ + height: 14%; + width: 100%; + background-color: #EFEEF1; + position: fixed; + top: 0%; + z-index: 10; + +} +.logo{ + +position: absolute; +width: 6%; +height: 75%; +left: .5%; +top: 10%; +} + +.buttonoftop{ + position: absolute; + font-size: 35px; + font-weight: 400; + height: 7vh; + width: 14vw; + left: 20%; + top: 80%; + color: aliceblue; + +} +.btn-login{ + position: absolute; + width: 5vw; + left: 450%; + height: 8vh; + top: -7vh; + font-family: 'Judson'; + font-weight: 100; + font-size: 50%; + line-height: 50px; + color: #6504B5; + +} +.btn-signup{ + position: absolute; + width: 5vw; + left: 520%; + height: 8vh; + top: -7vh; + font-family: 'Judson'; + font-weight: 100; + font-size: 50%; + line-height: 50px; + color: #6504B5; + + +} +#disp{ + position: relative; + top: 5vh; + left: 7%; + color: #6504B5; + +} + +.mid{ + height: 10vh; + width: 100%; + background-color: #6504B5; + position: fixed; + top: 14%; + z-index: +1; +} +#insta { + position: absolute; +width: 3.7%; +height: 80%; +right: 2.5%; +top: 10%; +} +#facebook{ + position: absolute; +width: 3.7%; +height: 80%; +right: 7.5%; +top: 10%; +} +#twitter{ + position: absolute; + width: 3.7%; + height: 75%; + right: 12.5%; + top: 10%; +} + +.mid a{ + position: relative; + top: 30%; + color: white; + padding-top:10%; + padding-right: 2%; + font-size: 140%; + padding-left: 2%; + padding-bottom: 3%; + text-decoration: none; +} + + +/*.image img { + position: absolute; + width: 100%; + height: 90vh; + left: 0px; + top: 20%; + overflow: hidden; +}*/ + + +.last { + height: 9vh; + width: 200vw; + background-color: #8F74C6; + position: fixed; + top: 24vh; + z-index: 10; + } + +.last a { + position: relative; + top: 31%; + color: white; + padding-top:7%; + padding-right: 1%; + font-size: 140%; + padding-left: 1%; + padding-bottom: 1%; + text-decoration: none; + +} + +.image img { + position: absolute; + width: 100%; + height: 120vh; + left: 0px; + top: 28%; + overflow: hidden; + } + .top{ + position: absolute; + width: 50vw; + height: 40vh; + left: 25%; + top: 1200px; + } + + .top h3{ + + +font-family: 'Judson'; +font-style: normal; +font-weight: 400; +font-size: 350%; +line-height: 155%; +text-align: center; +color: #6504B5; +} + +.rep{ + position: absolute; +width: 30%; +height: 30vh; +left: 46%; +top: 200%; + +} +.rep button{ + border-radius: 20%; + height: 8vh; + width:8vw; + + background: #6504B5; + + text-align: center; + +} +.rep a{ + color:#EFEEF1; + text-decoration: none; + +} +.footer{ + height: 45vh; + width: 100%; + background-color: #6504B5; + position: absolute; + top: 240%; + z-index: +1; + } + #footimg{ + position: absolute; + top: 17%; + width: 7%; + left: 43%; + } + + #foottext{ + position: absolute; + color: white; + left: 50%; + top: 25%; + font-size: 270%; + } + + #lasttext{ + position: absolute; + color: white; + left: 27%; + top: 53%; + font-size: 31px; + } + + + + \ No newline at end of file diff --git a/taru file/style.css b/taru file/style.css new file mode 100644 index 0000000..1691ae9 --- /dev/null +++ b/taru file/style.css @@ -0,0 +1,293 @@ +/* * { + margin: 0; + padding: 0; +} + +header { + height: 90px; + width: 100%; + background-color: #EFEEF1; + position: fixed; + top: 0px; + z-index: 10; + overflow: hidden; + position: fixed; +} + +.logo { + + position: absolute; + width: 100.87px; + height: 90px; + left: 5px; + top: 0px; +} + +.buttonoftop { + position: absolute; + font-size: 35px; + font-weight: 400; + height: 40px; + width: 210px; + left: 289px; + top: 67px; + color: aliceblue; + +} + +.btn-login { + position: absolute; + width: 100px; + left: 850px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} + +.btn-signup { + position: absolute; + width: 100px; + left: 1020px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} + +#disp { + position: relative; + top: 25px; + left: 110px; + color: #6504B5; +} + +.mid { + height: 65px; + width: 100%; + background-color: #6504B5; + position: fixed; + top: 90px; + z-index: 10; +} + +.mid a { + position: relative; + top: 20px; + color: white; + padding-top: 20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +} */ +* { + margin:0; + padding:0; + +} + + +header{ + height: 14%; + width: 100%; + background-color: #EFEEF1; + position: fixed; + top: 0%; + z-index: 10; + +} +.logo{ + +position: absolute; +width: 6%; +height: 75%; +left: .5%; +top: 10%; +} + +.buttonoftop{ + position: absolute; + font-size: 35px; + font-weight: 400; + height: 7vh; + width: 14vw; + left: 20%; + top: 80%; + color: aliceblue; + +} +.btn-login{ + position: absolute; + width: 5vw; + left: 450%; + height: 8vh; + top: -7vh; + font-family: 'Judson'; + font-weight: 100; + font-size: 50%; + line-height: 50px; + color: #6504B5; + +} +.btn-signup{ + position: absolute; + width: 5vw; + left: 520%; + height: 8vh; + top: -7vh; + font-family: 'Judson'; + font-weight: 100; + font-size: 50%; + line-height: 50px; + color: #6504B5; + + +} +#disp{ + position: relative; + top: 5vh; + left: 7%; + color: #6504B5; + +} + +.mid{ + height: 10vh; + width: 100%; + background-color: #6504B5; + position: fixed; + top: 14%; + z-index: +1; +} +#insta { + position: absolute; +width: 3.7%; +height: 80%; +right: 2.5%; +top: 10%; +} +#facebook{ + position: absolute; +width: 3.7%; +height: 80%; +right: 7.5%; +top: 10%; +} +#twitter{ + position: absolute; + width: 3.7%; + height: 75%; + right: 12.5%; + top: 10%; +} + +.mid a{ + position: relative; + top: 30%; + color: white; + padding-top:10%; + padding-right: 2%; + font-size: 140%; + padding-left: 2%; + padding-bottom: 3%; + text-decoration: none; +} + + +.image img { + position: absolute; + width: 100%; + height: 90vh; + left: 0px; + top: 20%; + overflow: hidden; +} + +.container { + position: absolute; + width: 34%; + height:34%; + left: 9vw; + top: 60%; + z-index: -1; +} + +.text { + position: absolute; + width: 40vw; + height:90vh; + left: 400px; + top: 414px; + background-color: #6504B5; + + padding: 30%; + border-radius: 50%; + + font-family: 'Judson'; + font-style: normal; + font-weight: 400; + font-size: 300%; + line-height: 10vh; + text-align: center; + color: white; + overflow: hidden; +} +.dogim { + position: absolute; + + left: 15%; + top: 150%; + + +} + +.dog_image { + border-radius: 50%; + width: 60%; + height: 60%; + +} + +.footer{ + height: 50vh; + width: 100%; + background-color: #6504B5; + position: absolute; + top: 270%; + z-index: +1; +} +#footimg{ + position: absolute; + top: 17%; + width: 7%; + left: 43%; +} + +#foottext{ + position: absolute; + color: white; + left: 50%; + top: 25%; + font-size: 270%; +} + +#lasttext{ + position: absolute; + color: white; + left: 27%; + top: 53%; + font-size: 31px; +} + + + diff --git a/taru file/stylee.css b/taru file/stylee.css new file mode 100644 index 0000000..ea797f8 --- /dev/null +++ b/taru file/stylee.css @@ -0,0 +1,434 @@ +/** { + margin: 0; + padding: 0; +} + +header { + height: 90px; + width: 100%; + background-color: #EFEEF1; + /* position: fixed; + top: 0px; + z-index: 10; + overflow:hidden; + + position: fixed; + +} + +.logo { + + position: absolute; + width: 100.87px; + height: 90px; + left: 5px; + top: 0px; +} + +.buttonoftop { + position: absolute; + font-size: 35px; + font-weight: 400; + height: 40px; + width: 210px; + left: 289px; + top: 67px; + color: aliceblue; + + +} + +.btn-login { + position: absolute; + width: 100px; + left: 850px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} + +.btn-signup { + position: absolute; + width: 100px; + left: 1020px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} + +#disp { + position: relative; + top: 25px; + left: 110px; + color: #6504B5; + +} + +.mid { + height: 65px; + width: 100%; + background-color: #6504B5; + position: fixed; + top: 90px; + z-index: 10; + overflow: hidden; +} + +.mid a { + position: relative; + top: 20px; + color: white; + padding-top: 20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +}*/ +/** { + margin:0; + padding:0; +} + +header{ + height: 90px; + width: 100%; + background-color: #EFEEF1; + position: fixed; + top: 0px; + z-index: 10; + +} +.logo{ + +position: absolute; +width: 100.87px; +height: 90px; +left: 5px; +top: 0px; +} + +.buttonoftop{ + position: absolute; + font-size: 35px; + font-weight: 400; + height: 40px; + width: 210px; + left: 289px; + top: 67px; + color: aliceblue; + +} +.btn-login{ + position: absolute; + width: 100px; + left: 850px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} +.btn-signup{ + position: absolute; + width: 100px; + left: 1020px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} +#disp{ + position: relative; + top: 25px; + left: 110px; + color: #6504B5; + +} + +.mid{ + height: 65px; + width: 100%; + background-color: #6504B5; + position: fixed; + top: 90px; + z-index: +1; +} +#insta { + position: absolute; +width: 50px; +height: 50px; +right: 2.5%; +top: 10%; +} +#facebook{ + position: absolute; +width: 50px; +height: 50px; +right: 7.5%; +top: 10%; +} +#twitter{ + position: absolute; + width: 50px; + height: 50px; + right: 12.5%; + top: 10%; +} + +.mid a{ + position: relative; + top: 20px; + color: white; + padding-top:20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +}*/ +* { + margin:0; + padding:0; + +} + + +header{ + height: 14%; + width: 100%; + background-color: #EFEEF1; + position: fixed; + top: 0%; + z-index: 10; + +} +.logo{ + +position: absolute; +width: 6%; +height: 75%; +left: .5%; +top: 10%; +} + +.buttonoftop{ + position: absolute; + font-size: 35px; + font-weight: 400; + height: 7vh; + width: 14vw; + left: 20%; + top: 80%; + color: aliceblue; + +} +.btn-login{ + position: absolute; + width: 5vw; + left: 450%; + height: 8vh; + top: -7vh; + font-family: 'Judson'; + font-weight: 100; + font-size: 50%; + line-height: 50px; + color: #6504B5; + +} +.btn-signup{ + position: absolute; + width: 5vw; + left: 520%; + height: 8vh; + top: -7vh; + font-family: 'Judson'; + font-weight: 100; + font-size: 50%; + line-height: 50px; + color: #6504B5; + + +} +#disp{ + position: relative; + top: 5vh; + left: 7%; + color: #6504B5; + +} + +.mid{ + height: 10vh; + width: 100%; + background-color: #6504B5; + position: fixed; + top: 14%; + z-index: +1; +} +#insta { + position: absolute; +width: 3.7%; +height: 80%; +right: 2.5%; +top: 10%; +} +#facebook{ + position: absolute; +width: 3.7%; +height: 80%; +right: 7.5%; +top: 10%; +} +#twitter{ + position: absolute; + width: 3.7%; + height: 75%; + right: 12.5%; + top: 10%; +} + +.mid a{ + position: relative; + top: 30%; + color: white; + padding-top:10%; + padding-right: 2%; + font-size: 140%; + padding-left: 2%; + padding-bottom: 3%; + text-decoration: none; +} + + +/*.image img { + position: absolute; + width: 100%; + height: 90vh; + left: 0px; + top: 20%; + overflow: hidden; +}*/ + + +.last { + height: 9vh; + width: 200vw; + background-color: #8F74C6; + position: fixed; + top: 24vh; + z-index: 10; + } + +.last a { + position: relative; + top: 31%; + color: white; + padding-top:7%; + padding-right: 1%; + font-size: 140%; + padding-left: 1%; + padding-bottom: 1%; + text-decoration: none; + +} + +.image img { + position: absolute; + width: 100%; + height: 120vh; + left: 0px; + top: 28%; + overflow: hidden; + } + + .top h3{ + position: absolute; +width: 50vw; +height: 40vh; +left: 25%; +top: 1200px; + +font-family: 'Judson'; +font-style: normal; +font-weight: 400; +font-size: 350%; +line-height: 155%; +text-align: center; +color: #6504B5; +} + +.rep{ + position: absolute; +width: 30%; +height: 30vh; +left: 50%; +top: 210%; + +} +.rep button{ + border-radius: 20%; + height: 8vh; + width:8vw; + + background: #6504B5; + + text-align: center; + +} +.rep a{ + color:#EFEEF1; + text-decoration: none; + +} +.footer{ + height: 45vh; + width: 100%; + background-color: #6504B5; + position: absolute; + top: 240%; + z-index: +1; + } + #footimg{ + position: absolute; + top: 17%; + width: 7%; + left: 43%; + } + + #foottext{ + position: absolute; + color: white; + left: 50%; + top: 25%; + font-size: 270%; + } + + #lasttext{ + position: absolute; + color: white; + left: 27%; + top: 53%; + font-size: 31px; + } + + + + \ No newline at end of file diff --git a/taru file/stylees.css b/taru file/stylees.css new file mode 100644 index 0000000..d7ccadd --- /dev/null +++ b/taru file/stylees.css @@ -0,0 +1,542 @@ +/** { + margin: 0; + padding: 0; +} + +header { + height: 90px; + width: 100%; + background-color: #EFEEF1; + /* position: fixed; + top: 0px; + z-index: 10; + overflow:hidden; + + position: fixed; + +} + +.logo { + + position: absolute; + width: 100.87px; + height: 90px; + left: 5px; + top: 0px; +} + +.buttonoftop { + position: absolute; + font-size: 35px; + font-weight: 400; + height: 40px; + width: 210px; + left: 289px; + top: 67px; + color: aliceblue; + + +} + +.btn-login { + position: absolute; + width: 100px; + left: 850px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} + +.btn-signup { + position: absolute; + width: 100px; + left: 1020px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} + +#disp { + position: relative; + top: 25px; + left: 110px; + color: #6504B5; + +} + +.mid { + height: 65px; + width: 100%; + background-color: #6504B5; + position: fixed; + top: 90px; + z-index: 10; + overflow: hidden; +} + +.mid a { + position: relative; + top: 20px; + color: white; + padding-top: 20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +}*/ + +/** { + margin:0; + padding:0; +} + +header{ + height: 90px; + width: 100%; + background-color: #EFEEF1; + position: fixed; + top: 0px; + z-index: 10; + +} +.logo{ + +position: absolute; +width: 100.87px; +height: 90px; +left: 5px; +top: 0px; +} + +.buttonoftop{ + position: absolute; + font-size: 35px; + font-weight: 400; + height: 40px; + width: 210px; + left: 289px; + top: 67px; + color: aliceblue; + +} +.btn-login{ + position: absolute; + width: 100px; + left: 850px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} +.btn-signup{ + position: absolute; + width: 100px; + left: 1020px; + height: 54px; + top: -50px; + font-family: 'Judson'; + font-weight: 100; + font-size: 20px; + line-height: 58px; + color: #6504B5; + +} +#disp{ + position: relative; + top: 25px; + left: 110px; + color: #6504B5; + +} + +.mid{ + height: 65px; + width: 100%; + background-color: #6504B5; + position: fixed; + top: 90px; + z-index: +1; +} +#insta { + position: absolute; +width: 50px; +height: 50px; +right: 2.5%; +top: 10%; +} +#facebook{ + position: absolute; +width: 50px; +height: 50px; +right: 7.5%; +top: 10%; +} +#twitter{ + position: absolute; + width: 50px; + height: 50px; + right: 12.5%; + top: 10%; +} + +.mid a{ + position: relative; + top: 20px; + color: white; + padding-top:20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +} + + +.last { + height: 60px; + width: 100%; + background-color: #8F74C6; + position: fixed; + top: 150px; + z-index: 10; +} + +.last a { + position: relative; + top: 20px; + color: white; + padding-top: 20px; + padding-right: 20px; + font-size: 20px; + padding-left: 10px; + padding-bottom: 20px; + text-decoration: none; +} +.image img{ + position: absolute; + width: 100%; + height: 1000px; + left: 0px; + top: 100px; + overflow: hidden; + + } + .top h3{ + position: absolute; +width: 800px; +height: 200px; +left: 400px; +top: 1200px; + +font-family: 'Judson'; +font-style: normal; +font-weight: 400; +font-size: 40px; +line-height: 104px; +text-align: center; +color: #6504B5; +}*/ +* { + margin:0; + padding:0; + +} + + +header{ + height: 14%; + width: 100%; + background-color: #EFEEF1; + position: fixed; + top: 0%; + z-index: 10; + +} +.logo{ + +position: absolute; +width: 6%; +height: 75%; +left: .5%; +top: 10%; +} + +.buttonoftop{ + position: absolute; + font-size: 35px; + font-weight: 400; + height: 7vh; + width: 14vw; + left: 20%; + top: 80%; + color: aliceblue; + +} +.btn-login{ + position: absolute; + width: 5vw; + left: 450%; + height: 8vh; + top: -7vh; + font-family: 'Judson'; + font-weight: 100; + font-size: 50%; + line-height: 50px; + color: #6504B5; + +} +.btn-signup{ + position: absolute; + width: 5vw; + left: 520%; + height: 8vh; + top: -7vh; + font-family: 'Judson'; + font-weight: 100; + font-size: 50%; + line-height: 50px; + color: #6504B5; + + +} +#disp{ + position: relative; + top: 5vh; + left: 7%; + color: #6504B5; + +} + +.mid{ + height: 10vh; + width: 100%; + background-color: #6504B5; + position: fixed; + top: 14%; + z-index: +1; +} +#insta { + position: absolute; +width: 3.7%; +height: 80%; +right: 2.5%; +top: 10%; +} +#facebook{ + position: absolute; +width: 3.7%; +height: 80%; +right: 7.5%; +top: 10%; +} +#twitter{ + position: absolute; + width: 3.7%; + height: 75%; + right: 12.5%; + top: 10%; +} + +.mid a{ + position: relative; + top: 30%; + color: white; + padding-top:10%; + padding-right: 2%; + font-size: 140%; + padding-left: 2%; + padding-bottom: 3%; + text-decoration: none; +} + + +/*.image img { + position: absolute; + width: 100%; + height: 90vh; + left: 0px; + top: 20%; + overflow: hidden; +}*/ + + +.last { + height: 9vh; + width: 200vw; + background-color: #8F74C6; + position: fixed; + top: 23vh; + z-index: 10; + } + +.last a { + position: relative; + top: 31%; + color: white; + padding-top:7%; + padding-right: 1%; + font-size: 140%; + padding-left: 1%; + padding-bottom: 1%; + text-decoration: none; + +} + +.image img { + position: absolute; + width: 100%; + height: 120vh; + left: 0px; + top: 28%; + overflow: hidden; + } + + .top h3{ + position: absolute; +width: 50vw; +height: 40vh; +left: 25%; +top: 1200px; + +font-family: 'Judson'; +font-style: normal; +font-weight: 400; +font-size: 350%; +line-height: 155%; +text-align: center; +color: #6504B5; +} + +.rep{ + position: absolute; +width: 30%; +height: 30vh; +left: 32%; +top: 270%; + +} +.rep button{ + border-radius: 20%; + height: 8vh; + width:8vw; + + background: #6504B5; + + text-align: center; + +} +.rep a{ + color:#EFEEF1; + text-decoration: none; + +} + + + + +.rep2{ + position: absolute; +width: 30%; +height: 30vh; +left: 57%; +top: 270%; + +} +.rep2 button{ + border-radius: 20%; + height: 8vh; + width:8vw; + + background: #6504B5; + + text-align: center; + +} +.rep2 a{ + color:#EFEEF1; + text-decoration: none; + +} + + +.footer{ + height: 45vh; + width: 100%; + background-color: #6504B5; + position: absolute; + top: 300%; + z-index: +1; + } + #footimg{ + position: absolute; + top: 17%; + width: 7%; + left: 43%; + } + + #foottext{ + position: absolute; + color: white; + left: 50%; + top: 25%; + font-size: 270%; + } + + #lasttext{ + position: absolute; + color: white; + left: 27%; + top: 53%; + font-size: 31px; + } + + + + +/*.footer{ + height: 450px; + width: 100%; + background-color: #6504B5; + position: absolute; + top: 280%; + z-index: +1; + } + #footimg{ + position: absolute; + top: 10%; + width: 12%; + left: 37%; + } + + #foottext{ + position: absolute; + color: white; + left: 50%; + top: 25%; + font-size: 50px; + } + + #lasttext{ + position: absolute; + color: white; + left: 27%; + top: 50%; + font-size: 31px; + } + + diff --git a/taru file/twitter.png b/taru file/twitter.png new file mode 100644 index 0000000..ac53061 Binary files /dev/null and b/taru file/twitter.png differ