├── .gitignore ├── resources ├── sh.png ├── apply.png ├── boxer.png ├── cat.png ├── dog.png ├── heart.png ├── p-1-1.png ├── p-1.png ├── p-2-1.png ├── p-2.png ├── p-3-1.png ├── p-3.png ├── scot.png ├── tabby.png ├── wipes.png ├── Asset 1.png ├── beagle.png ├── bengal.png ├── browse.png ├── cat-toy.png ├── pug-dog.png ├── shampoo.png ├── 2148765183.jpg ├── advocacy.png ├── australian.png ├── chewstix.png ├── dog-food.png ├── gmnshprd.png ├── gold-ret.jpg ├── orange-cat.png ├── preview-1.png ├── preview-2.png ├── preview-3.png ├── preview-4.png ├── preview-5.png ├── preview-6.png ├── preview-7.png ├── grooming-kit.png ├── hero-browse.png ├── kitten-puppy.jpg ├── paypal-logo.png ├── siamese-cat.png ├── veterinarian.jpg ├── Pawfect Pawtrails.png ├── net-banking-logo.png ├── Pawfect Pawtrails-3.png ├── Pawfect Pawtrails-4.png ├── Pawfect Pawtrails-5.png ├── Pawfect Pawtrails-transparent.png └── upi-logo.svg ├── .htaccess ├── footer-styles.css ├── backend ├── logout.php ├── db_connect.php ├── process_adoption.php ├── process_volunteering_application.php ├── process_vet_booking.php ├── login.php ├── loginaccess.php ├── register.php └── DB_Queries.txt ├── README.md ├── application-success.php ├── header.php ├── info ├── header2.php ├── footer2.php ├── about.php ├── faq.php ├── adoption-process.php ├── privary-policy.php └── tos.php ├── donate.php ├── footer.php ├── login.php ├── main.js ├── signup.php ├── browse-pets-styles.css ├── adopt-styles.css ├── success-stories-styles.css ├── adopt.php ├── volunteer.php ├── pet-care-styles.css ├── signin-styles.css ├── pet-care.php ├── home.php ├── browse-pets.php ├── success-stories.php └── styles.css /.gitignore: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /resources/sh.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/sh.png -------------------------------------------------------------------------------- /resources/apply.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/apply.png -------------------------------------------------------------------------------- /resources/boxer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/boxer.png -------------------------------------------------------------------------------- /resources/cat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/cat.png -------------------------------------------------------------------------------- /resources/dog.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/dog.png -------------------------------------------------------------------------------- /resources/heart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/heart.png -------------------------------------------------------------------------------- /resources/p-1-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/p-1-1.png -------------------------------------------------------------------------------- /resources/p-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/p-1.png -------------------------------------------------------------------------------- /resources/p-2-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/p-2-1.png -------------------------------------------------------------------------------- /resources/p-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/p-2.png -------------------------------------------------------------------------------- /resources/p-3-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/p-3-1.png -------------------------------------------------------------------------------- /resources/p-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/p-3.png -------------------------------------------------------------------------------- /resources/scot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/scot.png -------------------------------------------------------------------------------- /resources/tabby.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/tabby.png -------------------------------------------------------------------------------- /resources/wipes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/wipes.png -------------------------------------------------------------------------------- /resources/Asset 1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/Asset 1.png -------------------------------------------------------------------------------- /resources/beagle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/beagle.png -------------------------------------------------------------------------------- /resources/bengal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/bengal.png -------------------------------------------------------------------------------- /resources/browse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/browse.png -------------------------------------------------------------------------------- /resources/cat-toy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/cat-toy.png -------------------------------------------------------------------------------- /resources/pug-dog.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/pug-dog.png -------------------------------------------------------------------------------- /resources/shampoo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/shampoo.png -------------------------------------------------------------------------------- /resources/2148765183.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/2148765183.jpg -------------------------------------------------------------------------------- /resources/advocacy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/advocacy.png -------------------------------------------------------------------------------- /resources/australian.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/australian.png -------------------------------------------------------------------------------- /resources/chewstix.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/chewstix.png -------------------------------------------------------------------------------- /resources/dog-food.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/dog-food.png -------------------------------------------------------------------------------- /resources/gmnshprd.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/gmnshprd.png -------------------------------------------------------------------------------- /resources/gold-ret.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/gold-ret.jpg -------------------------------------------------------------------------------- /resources/orange-cat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/orange-cat.png -------------------------------------------------------------------------------- /resources/preview-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/preview-1.png -------------------------------------------------------------------------------- /resources/preview-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/preview-2.png -------------------------------------------------------------------------------- /resources/preview-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/preview-3.png -------------------------------------------------------------------------------- /resources/preview-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/preview-4.png -------------------------------------------------------------------------------- /resources/preview-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/preview-5.png -------------------------------------------------------------------------------- /resources/preview-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/preview-6.png -------------------------------------------------------------------------------- /resources/preview-7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/preview-7.png -------------------------------------------------------------------------------- /resources/grooming-kit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/grooming-kit.png -------------------------------------------------------------------------------- /resources/hero-browse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/hero-browse.png -------------------------------------------------------------------------------- /resources/kitten-puppy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/kitten-puppy.jpg -------------------------------------------------------------------------------- /resources/paypal-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/paypal-logo.png -------------------------------------------------------------------------------- /resources/siamese-cat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/siamese-cat.png -------------------------------------------------------------------------------- /resources/veterinarian.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/veterinarian.jpg -------------------------------------------------------------------------------- /resources/Pawfect Pawtrails.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/Pawfect Pawtrails.png -------------------------------------------------------------------------------- /resources/net-banking-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/net-banking-logo.png -------------------------------------------------------------------------------- /resources/Pawfect Pawtrails-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/Pawfect Pawtrails-3.png -------------------------------------------------------------------------------- /resources/Pawfect Pawtrails-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/Pawfect Pawtrails-4.png -------------------------------------------------------------------------------- /resources/Pawfect Pawtrails-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/Pawfect Pawtrails-5.png -------------------------------------------------------------------------------- /resources/Pawfect Pawtrails-transparent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/theyaxh/Pet-Adoption-and-Care/HEAD/resources/Pawfect Pawtrails-transparent.png -------------------------------------------------------------------------------- /.htaccess: -------------------------------------------------------------------------------- 1 | RewriteEngine On 2 | RewriteCond %{THE_REQUEST} /([^.]+)\.php [NC] 3 | RewriteRule ^ /%1 [NC,L,R] 4 | 5 | RewriteCond %{REQUEST_FILENAME}.php -f 6 | RewriteRule ^ %{REQUEST_URI}.php [NC,L] 7 | -------------------------------------------------------------------------------- /footer-styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-image: url('../resources/your-background-image.jpg'); 3 | background-repeat: no-repeat; 4 | background-size: cover; 5 | background-position: center center; 6 | } 7 | -------------------------------------------------------------------------------- /backend/logout.php: -------------------------------------------------------------------------------- 1 | 15 | -------------------------------------------------------------------------------- /backend/db_connect.php: -------------------------------------------------------------------------------- 1 | connect_error) { 16 | die("Connection failed: " . $conn->connect_error); 17 | } 18 | ?> 19 | -------------------------------------------------------------------------------- /backend/process_adoption.php: -------------------------------------------------------------------------------- 1 | query($sql) === TRUE) { 18 | header("Location: ../application-success.php"); 19 | } else { 20 | echo "Error: " . $sql . "
" . $conn->error; 21 | } 22 | } 23 | 24 | // Close connection 25 | $conn->close(); 26 | ?> 27 | -------------------------------------------------------------------------------- /backend/process_volunteering_application.php: -------------------------------------------------------------------------------- 1 | query($sql) === TRUE) { 17 | // Volunteering application submitted successfully, redirect to home.php 18 | header("Location: ../application-success.php"); 19 | exit; 20 | } else { 21 | echo "Error: " . $sql . "
" . $conn->error; 22 | } 23 | } 24 | 25 | // Close connection 26 | $conn->close(); 27 | ?> 28 | -------------------------------------------------------------------------------- /backend/process_vet_booking.php: -------------------------------------------------------------------------------- 1 | query($sql) === TRUE) { 20 | header("Location: ../application-success.php"); 21 | } else { 22 | echo "Error: " . $sql . "
" . $conn->error; 23 | } 24 | } 25 | 26 | // Close connection 27 | $conn->close(); 28 | ?> 29 | -------------------------------------------------------------------------------- /backend/login.php: -------------------------------------------------------------------------------- 1 | query($sql); 18 | 19 | if ($result->num_rows == 1) { 20 | $row = $result->fetch_assoc(); 21 | if (password_verify($password, $row['password'])) { 22 | // Password is correct, create session and redirect 23 | $_SESSION['user_id'] = $row['id']; 24 | header("Location: ../account.php"); // Redirect to account page 25 | exit; 26 | } else { 27 | // Password is incorrect 28 | $error = "Invalid email or password"; 29 | } 30 | } else { 31 | // Email does not exist 32 | $error = "Invalid email or password"; 33 | } 34 | } 35 | ?> 36 | 37 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Pawfect Pawtrails 2 | 3 | Pawfect Pawtrails is a website dedicated to helping pets find their forever homes. Our mission is to promote pet adoption, provide resources for pet care, and support animal welfare organizations. 4 | 5 | ## Features 6 | 7 | - **Browse Pets**: Explore the variety of dogs and cats. 8 | - **Adoption Process**: Learn about the adoption process and submit your adoption application online. 9 | - **Pet Care**: Access valuable information and resources for caring for your furry friends, including vet booking, pet products. 10 | - **Success Stories**: Read heartwarming stories of pets who found their loving families through our platform. 11 | - **Get Involved**: Discover ways to support our cause, such as volunteering or donating. 12 | 13 | ## Image Preview of the Site 14 | 15 | ![Home Page](resources/preview-1.png) 16 | ![Browse Pets Page](resources/preview-2.png) 17 | ![Pet Care Page](resources/preview-3.png) 18 | ![Sign up Page](resources/preview-4.png) 19 | ![Home Page section](resources/preview-5.png) 20 | ![Success Stories Preview](resources/preview-6.png) 21 | ![About us and Footer](resources/preview-7.png) 22 | 23 | ## Other 24 | 25 | The images used or the names of the products or any of such thing is not owned by me and is available in public domain or is completely open source. 26 | Also my first project ^-^ 27 | Thank you! 28 | -------------------------------------------------------------------------------- /backend/loginaccess.php: -------------------------------------------------------------------------------- 1 | prepare("SELECT id, password FROM users WHERE email = ?"); 16 | $stmt->bind_param("s", $email); 17 | $stmt->execute(); 18 | $result = $stmt->get_result(); 19 | 20 | if ($result->num_rows == 1) { 21 | $row = $result->fetch_assoc(); 22 | $stored_password = $row['password']; 23 | 24 | // Verify the password 25 | if (password_verify($password, $stored_password)) { 26 | // Password is correct, create session and redirect 27 | $_SESSION['user_id'] = $row['id']; 28 | header("Location: home.php"); 29 | exit; 30 | } 31 | { 32 | // Password is incorrect 33 | $error = "Invalid email or password"; 34 | } 35 | } else { 36 | // Email does not exist 37 | $error = "Invalid email or password"; 38 | } 39 | 40 | // Close the statement and connection 41 | $stmt->close(); 42 | $conn->close(); 43 | } 44 | ?> 45 | -------------------------------------------------------------------------------- /backend/register.php: -------------------------------------------------------------------------------- 1 | query($sql) === TRUE) { 24 | // Automatically log in the user after registration 25 | $_SESSION['user_id'] = $conn->insert_id; 26 | header("Location: ../home.php"); // Redirect to home page 27 | exit; 28 | } else { 29 | echo "Error: " . $sql . "
" . $conn->error; 30 | } 31 | } else { 32 | // If there are errors, display them 33 | foreach ($errors as $error) { 34 | echo $error . "
"; 35 | } 36 | } 37 | } 38 | 39 | // Close connection 40 | $conn->close(); 41 | ?> 42 | -------------------------------------------------------------------------------- /application-success.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Application Submitted - Pawfect Pawtrails 7 | 8 | 9 | 33 | 34 | 35 |
36 | 37 | Pawfect Pawtrails 38 | 39 |
40 |
41 |
42 |
43 |

Your Application Was Received!

44 |

Return back to Home Page

45 |
46 |
47 |
48 | 49 | -------------------------------------------------------------------------------- /header.php: -------------------------------------------------------------------------------- 1 | Logout'; 8 | $signInLink = ''; 9 | } else { 10 | // User is not logged in, generate HTML for Sign In 11 | $accountLink = ''; 12 | $signInLink = '
  • Sign In
  • '; 13 | } 14 | ?> 15 | 16 |
    17 | 18 | 19 | 20 | 21 |
    22 | 23 |
    24 | logo 25 | logo 26 |
    27 |
    28 | 41 |
    42 |
    43 | -------------------------------------------------------------------------------- /backend/DB_Queries.txt: -------------------------------------------------------------------------------- 1 | // Database Creation 2 | CREATE DATABASE pawfect_pawtrails; 3 | 4 | // User data storage from signup 5 | CREATE TABLE users ( 6 | id INT AUTO_INCREMENT PRIMARY KEY, 7 | username VARCHAR(50) NOT NULL, 8 | email VARCHAR(100) NOT NULL, 9 | password VARCHAR(255) NOT NULL, 10 | created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP 11 | ); 12 | 13 | // Adoption requests details from adoption form 14 | CREATE TABLE adoption_data ( 15 | id INT AUTO_INCREMENT PRIMARY KEY, 16 | name VARCHAR(100) NOT NULL, 17 | email VARCHAR(100) NOT NULL, 18 | phone VARCHAR(20) NOT NULL, 19 | address TEXT NOT NULL, 20 | pet_type VARCHAR(50) NOT NULL, 21 | reason TEXT NOT NULL, 22 | submission_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP 23 | ); 24 | 25 | // Vet booking details from booking form 26 | CREATE TABLE vet_booking_data ( 27 | id INT AUTO_INCREMENT PRIMARY KEY, 28 | pet_name VARCHAR(100) NOT NULL, 29 | owner_name VARCHAR(100) NOT NULL, 30 | email VARCHAR(100) NOT NULL, 31 | phone VARCHAR(20) NOT NULL, 32 | location VARCHAR(100) NOT NULL, 33 | preferred_date DATE NOT NULL, 34 | preferred_time TIME NOT NULL, 35 | reason TEXT, 36 | submission_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP 37 | ); 38 | 39 | // Volunteers details from volunteering form 40 | CREATE TABLE volunteering_application_data ( 41 | id INT AUTO_INCREMENT PRIMARY KEY, 42 | name VARCHAR(100) NOT NULL, 43 | email VARCHAR(100) NOT NULL, 44 | phone VARCHAR(20) NOT NULL, 45 | volunteering_area VARCHAR(100) NOT NULL, 46 | message TEXT, 47 | submission_date TIMESTAMP DEFAULT CURRENT_TIMESTAMP 48 | ); -------------------------------------------------------------------------------- /info/header2.php: -------------------------------------------------------------------------------- 1 | Logout'; 8 | $signInLink = ''; 9 | } else { 10 | // User is not logged in, generate HTML for "Sign Up/Log In" link 11 | $accountLink = ''; 12 | $signInLink = '
  • Sign In
  • '; 13 | } 14 | ?> 15 | 16 | 17 |
    18 | 19 | 20 | 21 | 22 |
    23 | 24 |
    25 | logo 26 | logo 27 |
    28 |
    29 | 42 |
    43 |
    44 | -------------------------------------------------------------------------------- /donate.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Donate to Us - Pawfect Pawtrails 9 | 10 | 11 | 12 | 13 |
    14 | 35 |
    36 | 37 | 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /info/footer2.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /footer.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /login.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Login - Pawfect Pawtrails 7 | 8 | 9 | 10 | 11 |
    12 | 13 | Pawfect Pawtrails 14 | 15 |
    16 |
    17 |
    18 | 42 |
    43 |
    44 | 45 | 55 | 56 | -------------------------------------------------------------------------------- /main.js: -------------------------------------------------------------------------------- 1 | // Define regular expressions for validation 2 | var nameRegex = /^[a-zA-Z\s]+$/; 3 | var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 4 | var phoneRegex = /^\d+$/; 5 | var addressRegex = /^[a-zA-Z0-9\s,'-]+$/; 6 | // Updated password regex to include at least one uppercase letter, one lowercase letter, one digit, and one special character 7 | var pwdRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/; 8 | 9 | // Function to validate the form 10 | function validateForm() { 11 | var isValid = true; 12 | var errorMessage = ''; 13 | 14 | // Validate name 15 | var name = $("#name").val(); 16 | if (!nameRegex.test(name)) { 17 | isValid = false; 18 | errorMessage += "Please enter a valid name.\n"; 19 | } 20 | 21 | // Validate owner-name 22 | var owner_name = $("#owner-name").val(); 23 | if (!nameRegex.test(owner_name)) { 24 | isValid = false; 25 | errorMessage += "Please enter a valid name.\n"; 26 | } 27 | 28 | // Validate pet-name 29 | var pet_name = $("#pet-name").val(); 30 | if (!nameRegex.test(pet_name)) { 31 | isValid = false; 32 | errorMessage += "Please enter a valid name.\n"; 33 | } 34 | 35 | // Validate email 36 | var email = $("#email").val(); 37 | if (!emailRegex.test(email)) { 38 | isValid = false; 39 | errorMessage += "Please enter a valid email address.\n"; 40 | } 41 | 42 | // Validate phone 43 | var phone = $("#phone").val(); 44 | if (!phoneRegex.test(phone)) { 45 | isValid = false; 46 | errorMessage += "Please enter a valid phone number.\n"; 47 | } 48 | 49 | // Validate address (optional) 50 | var address = $("#address").val(); 51 | if (address && !addressRegex.test(address)) { 52 | isValid = false; 53 | errorMessage += "Please enter a valid address.\n"; 54 | } 55 | 56 | // Validate password with updated regex 57 | // var pwd = $("#password").val(); 58 | // if (!pwdRegex.test(pwd)) { 59 | // isValid = false; 60 | // errorMessage += "Password must contain at least one uppercase letter, one lowercase letter, one digit, and one special character, with a minimum length of 8 characters.\n"; 61 | // } 62 | 63 | // Display alert if form is not valid 64 | if (!isValid) { 65 | alert(errorMessage); 66 | } 67 | 68 | return isValid; 69 | } 70 | 71 | // Submit form if valid 72 | $("form").submit(function(event) { 73 | if (!validateForm()) { 74 | event.preventDefault(); // Prevent form submission if validation fails 75 | } 76 | }); 77 | -------------------------------------------------------------------------------- /signup.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Signup - Pawfect Pawtrails 7 | 8 | 9 | 10 | 11 |
    12 | 13 | Pawfect Pawtrails 14 | 15 |
    16 | 17 |
    18 |
    19 | 45 |
    46 |
    47 | 48 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /info/about.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | About Us - Pawfect Pawtrails 8 | 9 | 10 | 11 | 12 |
    13 |
    14 |
    15 |

    About Pawfect Pawtrails

    16 |

    At Pawfect Pawtrails, our mission is to find loving forever homes for rescue pets and to provide resources and support for pet owners. We are a non-profit organization run by a dedicated team of animal lovers and volunteers.

    17 | 18 |

    Our Story

    19 |

    Pawfect Pawtrails was founded in 2015 by Mr. Yosh, who had a dream of creating a compassionate community for abandoned and surrendered pets. What started in Yosh's home with a few foster dogs and cats quickly grew into a network of foster families across the city. Over the years, we've expanded our services to include pet adoption events, affordable vet clinics, pet supply donations, and educational resources.

    20 | 21 |

    Our Team

    22 |

    Our passionate team consists of veterinarians, animal behaviorists, trainers, and countless volunteers who donate their time to ensuring each pet receives the care they need. We thoroughly vet all potential adopters to make perfect matches. Our foster families provide transitional homes for pets before they move to their forever families.

    23 | 24 |

    Our Mission and Values

    25 |

    At the core of Pawfect Pawtrails is our unwavering commitment to animal welfare and responsible pet ownership. We believe that every animal deserves a safe, loving home, and we strive to educate and support pet owners throughout the entire adoption journey and beyond.

    26 |

    Our values include compassion, integrity, and a dedication to creating a more humane world for animals. We work tirelessly to promote the adoption of rescue pets, advocating against puppy mills and irresponsible breeding practices.

    27 | 28 |

    Get Involved

    29 |

    There are many ways to get involved with Pawfect Pawtrails! Consider adopting your new best friend, fostering a pet, volunteering at events, or donating supplies and funds. Together we can make a difference, one paw at a time. Learn more about how you can get involved.

    30 |
    31 |
    32 |
    33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /info/faq.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | FAQs - Pawfect Pawtrails 8 | 9 | 10 | 11 | 12 |
    13 |
    14 |
    15 |

    Frequently Asked Questions

    16 | 17 |

    How do I adopt a pet?

    18 |

    The adoption process starts by filling out an online application on our website. One of our adoption counselors will then get in touch to discuss your lifestyle and preferences to ensure a good match. If approved, you'll be able to meet potential pets at one of our adoption events or through a foster family visit.

    19 | 20 |

    What fees are involved in adoption?

    21 |

    Our adoption fees help cover vaccinations, spaying/neutering, microchipping and other medical expenses for the pets in our care. Fees range from $75-$200 for dogs and $50-$125 for cats, depending on age and any special needs.

    22 | 23 |

    Can I meet a pet before adopting?

    24 |

    Absolutely! We encourage all potential adopters to spend time with prospective pets through meet-and-greet sessions at our facility or with the pet's foster family. This allows you to make sure it's a perfect match before finalizing the adoption.

    25 | 26 |

    Do you accept pet surrenders?

    27 |

    Yes, if you can no longer care for your pet, we accept owner surrenders based on availability in our foster network. Please contact us to discuss your situation and start the intake process.

    28 | 29 |

    How can I become a foster home?

    30 |

    Fostering is a wonderful way to help rescue pets! We provide all supplies and cover medical costs for foster pets. You just need to complete a foster application, attend an orientation session, and open your home temporarily until the pet finds their forever family.

    31 | 32 |

    What kinds of pets do you have available?

    33 |

    We rescue and adopt out dogs and cats of all ages, sizes and breeds. Check our website frequently for updated listings of available pets.

    34 | 35 |

    Can I volunteer if I can't adopt right now?

    36 |

    Definitely! Volunteers are the backbone of Pawfect Pawtrails. We rely on volunteers to assist with adoption events, fundraisers, fostering, transportation and many other roles. Visit our volunteer page to see current opportunities.

    37 |
    38 |
    39 |
    40 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /browse-pets-styles.css: -------------------------------------------------------------------------------- 1 | /* Browse Pets Section */ 2 | body { 3 | background-color: rgb(251, 245, 235); 4 | } 5 | 6 | .heroo { 7 | background-image: url('resources/hero-browse.png'); 8 | background-size: cover; 9 | background-position: center; 10 | height: 620px; 11 | width: auto; 12 | display: flex; 13 | justify-content: center; 14 | align-items: center; 15 | } 16 | 17 | .hero-container { 18 | /* background-color: rgba(255, 255, 255, 0.8); */ 19 | margin-left: 450px; 20 | padding: 60px; 21 | text-align: center; 22 | max-width: 800px; 23 | border-radius: 10px; 24 | } 25 | 26 | .hero-container h1 { 27 | justify-content: center; 28 | align-items: center; 29 | text-align: center; 30 | font-size: 44px; 31 | color: #8B0000; 32 | margin-bottom: 30px; 33 | } 34 | 35 | .hero-buttons { 36 | display: flex; 37 | justify-content: center; 38 | gap: 35px; 39 | } 40 | 41 | .hero-buttons button { 42 | /* font-family: Arial, Helvetica, sans-serif; */ 43 | font-size: 17px; 44 | font-weight: 500; 45 | padding: 15px 25px; 46 | background-color: #fc5335; 47 | color: #fff; 48 | border: 2px solid #e94408; 49 | border-radius: 27px; 50 | cursor: pointer; 51 | transition: background-color 0.3s; 52 | } 53 | 54 | .hero-buttons button:hover { 55 | background-color: #ffffff71; 56 | border: 2px solid #e94408; 57 | color: #e94408; 58 | } 59 | 60 | .pet-listings { 61 | max-width: 1200px; 62 | margin: 0 auto; 63 | padding: 40px 20px; 64 | } 65 | 66 | .pet-listings h2 { 67 | margin-left: 18px; 68 | font-size: 30px; 69 | color: #8B0000; 70 | margin-bottom: 10px; 71 | } 72 | 73 | .pet-grid { 74 | display: grid; 75 | grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 76 | gap: 30px; 77 | margin-bottom: 40px; 78 | } 79 | 80 | .pet-card { 81 | width: 320px; 82 | background-color: #f9f9f9; 83 | padding: 20px; 84 | border-radius: 5px; 85 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 86 | text-align: center; 87 | transition: transform 0.3s ease; 88 | margin: 20px; 89 | } 90 | 91 | .pet-card:hover { 92 | transform: translateY(-5px); 93 | } 94 | 95 | .pet-card img { 96 | width: 100%; 97 | height: auto; 98 | object-fit: cover; 99 | } 100 | 101 | .pet-card h3 { 102 | font-size: 20px; 103 | color: #8B0000; 104 | margin: 10px; 105 | } 106 | 107 | .pet-card p { 108 | font-size: 16px; 109 | color: #333; 110 | margin: 5px 10px; 111 | } 112 | 113 | .adopt-btn { 114 | display: block; 115 | width: calc(100% - 20px); 116 | padding: 10px; 117 | background-color: #ff6347; 118 | color: #fff; 119 | text-align: center; 120 | text-decoration: none; 121 | border-radius: 4px; 122 | margin: 10px; 123 | transition: background-color 0.3s; 124 | } 125 | 126 | .adopt-btn:hover { 127 | background-color: #e65c3e; 128 | } 129 | 130 | *::selection { 131 | background-color: #3d3d3d; 132 | color: whitesmoke; 133 | } -------------------------------------------------------------------------------- /adopt-styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: rgb(251, 245, 235); 3 | } 4 | 5 | /* Adopt Section */ 6 | .adopt-section { 7 | max-width: 800px; 8 | margin: 0 auto; 9 | padding: 40px 20px; 10 | text-align: center; 11 | } 12 | 13 | .adopt-section h1 { 14 | font-size: 32px; 15 | color: #8B0000; 16 | margin-bottom: 20px; 17 | } 18 | 19 | .adopt-section p { 20 | font-size: 18px; 21 | color: #333; 22 | margin-bottom: 40px; 23 | } 24 | 25 | .adopt-steps { 26 | display: flex; 27 | justify-content: center; 28 | flex-wrap: wrap; 29 | margin-bottom: 40px; 30 | } 31 | 32 | .step { 33 | width: 300px; 34 | margin: 20px; 35 | padding: 20px; 36 | background-color: #f9f9f9; 37 | border-radius: 8px; 38 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 39 | transition: transform 0.3s; 40 | } 41 | 42 | .step:hover { 43 | transform: translateY(-5px); 44 | } 45 | 46 | .step img { 47 | max-width: 80px; 48 | height: auto; 49 | margin-bottom: 10px; 50 | } 51 | 52 | .step h3 { 53 | font-size: 20px; 54 | color: #8B0000; 55 | margin-bottom: 10px; 56 | } 57 | 58 | .step p { 59 | font-size: 16px; 60 | color: #333; 61 | margin-bottom: 20px; 62 | } 63 | 64 | .step .btn { 65 | display: inline-block; 66 | padding: 10px 20px; 67 | background-color: #ff6347; 68 | color: #fff; 69 | text-decoration: none; 70 | border-radius: 4px; 71 | transition: background-color 0.3s; 72 | } 73 | 74 | .step .btn:hover { 75 | background-color: #e65c3e; 76 | } 77 | 78 | #adoption-form { 79 | max-width: 600px; 80 | margin: 0 auto; 81 | padding: 40px 20px; 82 | background-color: #f9f9f9; 83 | border-radius: 8px; 84 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 85 | } 86 | 87 | #adoption-form h2 { 88 | font-size: 24px; 89 | color: #8B0000; 90 | margin-bottom: 20px; 91 | } 92 | 93 | .form-group { 94 | margin-bottom: 20px; 95 | } 96 | 97 | .form-group label { 98 | display: block; 99 | font-size: 16px; 100 | color: #8B0000; 101 | margin-bottom: 5px; 102 | } 103 | 104 | .form-group input, 105 | .form-group textarea, 106 | .form-group select { 107 | width: 100%; 108 | padding: 10px; 109 | border: 1px solid #ccc; 110 | border-radius: 4px; 111 | font-size: 16px; 112 | } 113 | 114 | .form-group textarea { 115 | resize: vertical; 116 | } 117 | 118 | #adoption-form .btn { 119 | display: block; 120 | width: 100%; 121 | padding: 10px; 122 | background-color: #ff6347; 123 | color: #fff; 124 | text-decoration: none; 125 | border: none; 126 | border-radius: 4px; 127 | cursor: pointer; 128 | transition: background-color 0.3s; 129 | font-size: 16px; 130 | } 131 | 132 | #adoption-form .btn:hover { 133 | background-color: #e65c3e; 134 | } 135 | 136 | *::selection { 137 | background-color: #3d3d3d; 138 | color: whitesmoke; 139 | } -------------------------------------------------------------------------------- /info/adoption-process.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Adoption Process - Pawfect Pawtrails 8 | 9 | 10 | 11 | 12 |
    13 |
    14 |
    15 |

    The Adoption Process

    16 |

    At Pawfect Pawtrails, we strive to make the pet adoption process as smooth and rewarding as possible. Follow these steps to find your new furry family member!

    17 | 18 |

    1. View Available Pets

    19 |

    Start by browsing our online pet listings or attending one of our adoption events. Our adoptable pets' profiles include photos, descriptions, age, and other important details. Feel free to ask our staff any questions!

    20 | 21 |

    2. Submit an Application

    22 |

    Once you've found a potential match, complete an online adoption application. This helps us learn about your lifestyle and experience to ensure a great fit. You'll need to provide:

    23 |
      24 |
    • Personal information
    • 25 |
    • Residential details
    • 26 |
    • Veterinarian information (if applicable)
    • 27 |
    • Pet history and experience
    • 28 |
    29 | 30 |

    3. Screening Process

    31 |

    Our adoption counselors will review your application and may reach out for additional information. We perform background checks, home visits (when possible), and vet reference checks as part of the screening process.

    32 | 33 |

    4. Meet and Greet

    34 |

    If your application is approved, we'll schedule a meet-and-greet session so you can interact with the pet in person at our facility or their foster home. This is an important step to ensure you both make a pawsitive connection!

    35 | 36 |

    5. Finalize the Adoption

    37 |

    After a successful meet-and-greet, you'll sign the official adoption paperwork, pay the adoption fee, and go over important information about your new pet's care, medical records, and any specific needs.

    38 | 39 |

    6. Bring Your New Pet Home!

    40 |

    Congratulations! Once all the paperwork is complete, you'll be able to take your new furry friend home. We'll provide you with helpful resources for pet supplies, training tips, and veterinary care recommendations.

    41 | 42 |

    Throughout the adoption journey, our staff and volunteers are here to answer your questions and provide guidance. We want every adoption to be a perfect match!

    43 |
    44 |
    45 |
    46 | 47 | 48 | -------------------------------------------------------------------------------- /success-stories-styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: rgb(251, 245, 235); 3 | } 4 | 5 | /* Hero Section */ 6 | .hero-section { 7 | color: #fff; 8 | text-align: center; 9 | padding: 30px 20px; 10 | } 11 | 12 | .hero-section h1 { 13 | font-size: 36px; 14 | margin-bottom: 20px; 15 | } 16 | 17 | .hero-section p { 18 | font-size: 18px; 19 | max-width: 600px; 20 | margin: 0 auto 30px; 21 | } 22 | 23 | /* Stories Grid */ 24 | .stories-grid { 25 | max-width: 1200px; 26 | margin: 50px auto; 27 | padding: 0 20px; 28 | display: grid; 29 | grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 30 | grid-gap: 30px; 31 | } 32 | 33 | .story-card { 34 | width: 320px; 35 | background-color: #f9f9f9; 36 | padding: 20px; 37 | border-radius: 5px; 38 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 39 | text-align: center; 40 | transition: transform 0.3s ease; 41 | margin: 20px; 42 | } 43 | 44 | .story-card img { 45 | max-width: 100%; 46 | height: auto; 47 | } 48 | 49 | .story-content { 50 | padding: 20px; 51 | text-align: center; 52 | } 53 | 54 | .story-content h3 { 55 | font-size: 20px; 56 | color: #8B0000; 57 | margin-bottom: 10px; 58 | } 59 | 60 | .story-content p { 61 | font-size: 16px; 62 | line-height: 1.6; 63 | color: #333; 64 | margin-bottom: 20px; 65 | } 66 | 67 | .story-content .btn { 68 | display: inline-block; 69 | padding: 10px 20px; 70 | background-color: #ff6347; 71 | color: #fff; 72 | text-decoration: none; 73 | border: none; 74 | border-radius: 4px; 75 | cursor: pointer; 76 | transition: background-color 0.3s; 77 | } 78 | 79 | .story-content .btn:hover { 80 | background-color: #e65c3e; 81 | } 82 | 83 | /* Share Story */ 84 | .share-story { 85 | max-width: 800px; 86 | margin: 50px auto; 87 | padding: 0 20px; 88 | text-align: center; 89 | } 90 | 91 | .share-story h2 { 92 | font-size: 28px; 93 | color: #8B0000; 94 | margin-bottom: 20px; 95 | } 96 | 97 | .share-story p { 98 | font-size: 16px; 99 | line-height: 1.6; 100 | color: #333; 101 | margin-bottom: 30px; 102 | } 103 | 104 | .share-story .btn { 105 | display: inline-block; 106 | padding: 10px 20px; 107 | background-color: #ff6347; 108 | color: #fff; 109 | text-decoration: none; 110 | border: none; 111 | border-radius: 4px; 112 | cursor: pointer; 113 | transition: background-color 0.3s; 114 | } 115 | 116 | .share-story .btn:hover { 117 | background-color: #e65c3e; 118 | } 119 | 120 | .share-story #slink { 121 | text-decoration: none; 122 | color: #8B0000; 123 | } 124 | 125 | .long-story-card { 126 | display: flex; 127 | margin: auto; 128 | width: 1200px; 129 | background-color: #f9f9f9; 130 | border-radius: 5px; 131 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 132 | overflow: hidden; 133 | margin-top: 100px; 134 | margin-bottom: 50px; 135 | padding: 15px; 136 | } 137 | 138 | .long-story-card img { 139 | margin-top: 70px; 140 | justify-content: center; 141 | width: auto; 142 | height: 550px; 143 | } 144 | 145 | .long-story-content { 146 | padding: 20px; 147 | text-align: center; 148 | } 149 | 150 | .long-story-content h3 { 151 | text-align: left; 152 | font-size: 24px; 153 | color: #8B0000; 154 | margin-bottom: 20px; 155 | } 156 | 157 | .long-story-content p { 158 | font-size: 17px; 159 | line-height: 1.6; 160 | color: #333; 161 | margin-bottom: 10px; 162 | text-align: justify; 163 | } -------------------------------------------------------------------------------- /info/privary-policy.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Privacy Policy - Pawfect Pawtrails 8 | 9 | 10 | 11 | 12 |
    13 |
    14 |
    15 |

    Privacy Policy

    16 | 17 |

    At Pawfect Pawtrails, we are committed to protecting the privacy and security of our users' personal information. This Privacy Policy outlines the types of information we collect, how we use it, and the measures we take to safeguard it.

    18 | 19 |

    Information We Collect

    20 |

    When you interact with our website or services, we may collect the following types of information:

    21 |
      22 |
    • Personal information (e.g., name, address, email, phone number) provided when completing adoption applications, making donations, or contacting us.
    • 23 |
    • Financial information (e.g., credit card details) for processing adoption fees or donations.
    • 24 |
    • Usage data (e.g., pages visited, links clicked) collected through cookies and similar technologies on our website.
    • 25 |
    26 | 27 |

    How We Use Your Information

    28 |

    We use the information we collect for the following purposes:

    29 |
      30 |
    • To process and manage pet adoptions, foster applications, and other services.
    • 31 |
    • To communicate with you about your inquiries, adoption status, updates, and events.
    • 32 |
    • To process donations and maintain accurate financial records.
    • 33 |
    • To improve and enhance our website, services, and overall user experience.
    • 34 |
    • To send you occasional newsletters, promotions or fundraising appeals (you can opt-out anytime).
    • 35 |
    36 | 37 |

    Data Security

    38 |

    We implement industry-standard security measures to protect your personal information from unauthorized access, use, or disclosure. However, no method of data transmission or storage is 100% secure. If a data breach occurs, we will notify you in accordance with applicable laws.

    39 | 40 |

    Third-Party Sharing

    41 |

    We do not sell, trade or rent your personal information to third parties. We may share your information with trusted service providers who assist us with operations (e.g., payment processing, email marketing), subject to strict confidentiality obligations.

    42 | 43 |

    Your Rights and Choices

    44 |

    You have the right to access, update, or delete your personal information held by us. You may also opt-out of marketing communications at any time. To exercise these rights or for any privacy-related inquiries, please contact us.

    45 | 46 |

    Updates to this Policy

    47 |

    We may update this Privacy Policy from time to time to reflect changes to our practices or legal requirements. The updated version will be posted on our website.

    48 | 49 |

    If you have any questions or concerns about our Privacy Policy or data practices, please contact our Privacy Officer at privacy@pawfectpawtrails.org.

    50 |
    51 |
    52 |
    53 | 54 | 55 | -------------------------------------------------------------------------------- /info/tos.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Terms of Service - Pawfect Pawtrails 8 | 9 | 10 | 11 | 12 |
    13 |
    14 |
    15 |

    Terms of Service

    16 | 17 |

    Welcome to Pawfect Pawtrails! These Terms of Service ("Terms") govern your use of our website and services. By accessing or using our website, you agree to be bound by these Terms. If you do not agree with any part of these Terms, please do not use our website or services.

    18 | 19 |

    Use of Our Services

    20 |

    Our website and services are intended for pet adoption and related purposes only. You may not use our services for any illegal or unauthorized purposes. We reserve the right to refuse service or terminate accounts at our discretion.

    21 | 22 |

    Adoption Process

    23 |

    To adopt a pet through Pawfect Pawtrails, you must complete an application and screening process. We reserve the right to deny any adoption application at our sole discretion. Adopted pets must not be used for breeding, resale, or any commercial purposes.

    24 | 25 |

    Foster Care

    26 |

    Foster families are crucial to our mission. All foster care providers must comply with our Foster Care Agreement, including providing a safe and loving temporary home environment for the pets in their care.

    27 | 28 |

    User Accounts

    29 |

    To access certain features of our website, you may need to create a user account. You are responsible for maintaining the confidentiality of your account credentials and for all activities that occur under your account.

    30 | 31 |

    Intellectual Property

    32 |

    All content on our website, including text, graphics, logos, and images, is the intellectual property of Pawfect Pawtrails or our licensors and is protected by applicable intellectual property laws. You may not reproduce, distribute, or modify any content without our prior written consent.

    33 | 34 |

    Third-Party Links

    35 |

    Our website may contain links to third-party websites or resources. We do not endorse or assume any responsibility for the content, privacy policies, or practices of any third-party websites.

    36 | 37 |

    Limitation of Liability

    38 |

    Pawfect Pawtrails shall not be liable for any indirect, incidental, special, consequential, or punitive damages arising out of or relating to your use of our website or services.

    39 | 40 |

    Modifications to Terms

    41 |

    We reserve the right to modify or update these Terms at any time. The most current version will be posted on our website. Your continued use of our website or services after any changes constitutes your acceptance of the new Terms.

    42 | 43 |

    Governing Law

    44 |

    These Terms shall be governed by and construed in accordance with the laws of State/Province, without giving effect to any principles of conflicts of law.

    45 | 46 |

    If you have any questions or concerns about these Terms of Service, please contact us at support@pawfectpawtrails.org.

    47 |
    48 |
    49 |
    50 | 51 | 52 | -------------------------------------------------------------------------------- /adopt.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Adopt - Pawfect Pawtrails 9 | 10 | 11 | 12 | 13 | 19 | 20 | 21 |
    22 |
    23 |

    Adopt a Pet

    24 |

    Give a loving home to a furry companion and change a life forever.

    25 | 26 |
    27 |
    28 | Browse Icon 29 |

    Browse Pets

    30 |

    Search for your perfect match by browsing our available pets.

    31 | Browse Pets 32 |
    33 |
    34 | Apply Icon 35 |

    Apply to Adopt

    36 |

    Complete our online application form to begin the adoption process.

    37 | Apply Now 38 |
    39 |
    40 |

    Meet and Greet

    41 |

    Schedule a meet-and-greet to ensure a perfect match with your new furry friend.

    42 | Learn More 43 |
    44 |
    45 | 46 |
    47 |

    Adoption Application

    48 |
    49 |
    50 | 51 | 52 |
    53 |
    54 | 55 | 56 |
    57 |
    58 | 59 | 60 |
    61 |
    62 | 63 | 64 |
    65 |
    66 | 67 | 72 |
    73 |
    74 | 75 | 76 |
    77 | 78 |
    79 |
    80 |
    81 |
    82 | 83 | 84 | 85 | 86 | 87 | -------------------------------------------------------------------------------- /volunteer.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Get Involved - Pawfect Pawtrails 9 | 10 | 11 | 12 | 18 | 19 | 20 |
    21 |
    22 |

    Get Involved!

    23 |

    Join our mission to provide loving homes and care for pets in need.

    24 |
    25 | 26 |
    27 |

    Volunteer Opportunities

    28 |

    Volunteers are the backbone of our organization. Your time and effort make a real difference in the lives of homeless animals.

    29 | 30 |
    31 |

    Volunteer Application

    32 |
    33 |
    34 | 35 | 36 |
    37 |
    38 | 39 | 40 |
    41 |
    42 | 43 | 44 |
    45 |
    46 | 47 | 55 |
    56 |
    57 | 58 | 59 |
    60 | 61 |
    62 |
    63 |
    64 | 65 |
    66 |

    Other Ways to Get Involved

    67 |
    68 | Donation Icon 69 |

    Donate

    70 |

    Your financial contributions help us provide medical care, food, and shelter for animals in need.

    71 | Donate Now 72 |
    73 |
    74 | Advocacy Icon 75 |

    Advocate

    76 |

    Spread the word about responsible pet ownership and the importance of animal welfare.

    77 | Get Involved 78 |
    79 |
    80 |
    81 | 82 | 83 | 84 | 85 | 86 | -------------------------------------------------------------------------------- /pet-care-styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: rgb(251, 245, 235); 3 | } 4 | 5 | /* Hero Section */ 6 | .heroo { 7 | background-image: url('resources/veterinarian.jpg'); 8 | background-size: cover; 9 | background-position: center; 10 | height: 600px; 11 | display: flex; 12 | justify-content: center; 13 | align-items: center; 14 | } 15 | 16 | .hero-container { 17 | background-color: rgba(255, 255, 255, 0.8); 18 | padding: 60px; 19 | text-align: center; 20 | max-width: 800px; 21 | border-radius: 8px; 22 | } 23 | 24 | .hero-container h1 { 25 | justify-content: center; 26 | align-items: center; 27 | text-align: center; 28 | font-size: 36px; 29 | color: #8B0000; 30 | margin-bottom: 30px; 31 | } 32 | 33 | .hero-buttons { 34 | display: flex; 35 | justify-content: center; 36 | gap: 40px; 37 | } 38 | 39 | .hero-buttons button { 40 | font-family: Arial, Helvetica, sans-serif; 41 | font-size: 16px; 42 | padding: 13px 21px; 43 | background-color: #fc5335; 44 | color: #fff; 45 | border: 2px solid #e94408; 46 | border-radius: 24px; 47 | cursor: pointer; 48 | transition: background-color 0.3s; 49 | } 50 | 51 | .hero-buttons button:hover { 52 | background-color: #ffffff71; 53 | border: 2px solid #e94408; 54 | color: #e94408; 55 | } 56 | 57 | /* Book Vet Section */ 58 | .book-vet { 59 | max-width: 800px; 60 | margin: 50px auto; 61 | padding: 0 20px; 62 | text-align: center; 63 | } 64 | 65 | .book-vet h2 { 66 | font-size: 28px; 67 | color: #8B0000; 68 | margin-bottom: 20px; 69 | } 70 | 71 | .book-vet p { 72 | font-size: 16px; 73 | line-height: 1.6; 74 | color: #333; 75 | margin-bottom: 30px; 76 | } 77 | 78 | #vet-booking-form { 79 | max-width: 600px; 80 | margin: 0 auto 100px auto; 81 | padding: 40px 20px; 82 | background-color: #f9f9f9; 83 | border-radius: 8px; 84 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 85 | } 86 | 87 | .form-group { 88 | margin-bottom: 20px; 89 | } 90 | 91 | .form-group label { 92 | display: block; 93 | font-size: 16px; 94 | color: #8B0000; 95 | margin-bottom: 5px; 96 | } 97 | 98 | .form-group input, 99 | .form-group textarea { 100 | width: 100%; 101 | padding: 10px; 102 | border: 1px solid #ccc; 103 | border-radius: 4px; 104 | font-size: 16px; 105 | } 106 | 107 | .form-group textarea { 108 | resize: vertical; 109 | } 110 | 111 | .book-vet .btn { 112 | display: block; 113 | width: 100%; 114 | padding: 10px; 115 | background-color: #ff6347; 116 | color: #fff; 117 | text-decoration: none; 118 | border: none; 119 | border-radius: 4px; 120 | cursor: pointer; 121 | transition: background-color 0.3s; 122 | font-size: 16px; 123 | } 124 | 125 | .book-vet .btn:hover { 126 | background-color: #e65c3e; 127 | } 128 | 129 | /* Pet Products Section */ 130 | .pet-products { 131 | max-width: 1200px; 132 | margin: 50px auto; 133 | padding: 0 20px; 134 | text-align: center; 135 | } 136 | 137 | .pet-products h2 { 138 | font-size: 28px; 139 | color: #8B0000; 140 | margin-bottom: 30px; 141 | } 142 | 143 | .product-grid { 144 | display: grid; 145 | grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 146 | grid-gap: 30px; 147 | } 148 | 149 | .product-card { 150 | width: 320px; 151 | background-color: #f9f9f9; 152 | padding: 20px; 153 | border-radius: 5px; 154 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 155 | text-align: center; 156 | } 157 | 158 | .product-card img { 159 | max-width: 100%; 160 | height: auto; 161 | margin-bottom: 10px; 162 | } 163 | 164 | .product-card h3 { 165 | font-size: 20px; 166 | color: #8B0000; 167 | margin-bottom: 10px; 168 | } 169 | 170 | .product-card p { 171 | font-size: 16px; 172 | line-height: 1.6; 173 | color: #333; 174 | margin-bottom: 20px; 175 | } 176 | 177 | .product-card .btn { 178 | display: inline-block; 179 | padding: 10px 20px; 180 | background-color: #ff6347; 181 | color: #fff; 182 | text-decoration: none; 183 | border: none; 184 | border-radius: 4px; 185 | cursor: pointer; 186 | } -------------------------------------------------------------------------------- /signin-styles.css: -------------------------------------------------------------------------------- 1 | /* Common Styles */ 2 | body { 3 | background-color: wheat; 4 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 5 | margin: 0; 6 | padding: 0; 7 | } 8 | 9 | .image-wrapper { 10 | display: flex; 11 | justify-content: center; 12 | align-items: center; 13 | margin-top: 30px; 14 | } 15 | 16 | .paw img { 17 | height: 90px; 18 | width: auto; 19 | } 20 | 21 | .login-section, .signup-section { 22 | max-width: 400px; 23 | margin: 30px auto; 24 | padding: 40px; 25 | background-color: rgb(255, 254, 249); 26 | border-radius: 5px; 27 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 28 | } 29 | 30 | .login-section h2, .signup-section h2 { 31 | text-align: center; 32 | margin-top: 20px; 33 | margin-bottom: 30px; 34 | color: #8B0000; 35 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 36 | font-size: 24px; 37 | } 38 | 39 | .login-section form, .signup-section form { 40 | display: flex; 41 | flex-direction: column; 42 | } 43 | 44 | .login-section label, .signup-section label { 45 | font-weight: bold; 46 | margin-bottom: 5px; 47 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 48 | font-size: 14px; 49 | } 50 | 51 | .login-section input[type="text"], 52 | .login-section input[type="password"], 53 | .signup-section input[type="text"], 54 | .signup-section input[type="email"], 55 | .signup-section input[type="password"] { 56 | padding: 10px; 57 | margin-bottom: 15px; 58 | border: 1px solid #ccc; 59 | border-radius: 3px; 60 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 61 | font-size: 14px; 62 | } 63 | 64 | .paw img::selection, .login-section label::selection, .signup-section label::selection, .login-section h2::selection, .signup-section h2::selection, .footer-links a::selection, .login-section a::selection, .signup-section a::selection, .login-option p::selection, .signup-option p::selection, .login-section input::selection, .signup-section input::selection, .login-section button::selection, .signup-section button::selection { 65 | background-color: #3d3d3d; 66 | color: whitesmoke; 67 | } 68 | 69 | .form-options { 70 | display: flex; 71 | justify-content: space-between; 72 | align-items: center; 73 | margin-bottom: 15px; 74 | } 75 | 76 | .remember-me, .terms-conditions { 77 | display: flex; 78 | align-items: center; 79 | gap: 4px; 80 | } 81 | 82 | .remember-me label, .terms-conditions label { 83 | font-weight: 600; 84 | margin-bottom: auto; 85 | } 86 | 87 | .remember-me input[type="checkbox"], 88 | .terms-conditions input[type="checkbox"] { 89 | margin: 0; 90 | } 91 | 92 | .login-section a, .signup-section a { 93 | color: #8B0000; 94 | text-decoration: underline; 95 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 96 | font-size: 14px; 97 | } 98 | 99 | .login-section button[type="submit"], .signup-section button[type="submit"] { 100 | padding: 10px 20px; 101 | background-color: #ff6347; 102 | color: #fff; 103 | border: none; 104 | border-radius: 4px; 105 | cursor: pointer; 106 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 107 | font-size: 16px; 108 | font-weight: 600; 109 | transition: background-color 0.3s ease; 110 | } 111 | 112 | .login-section button[type="submit"]:hover, .signup-section button[type="submit"]:hover { 113 | background-color: #e65c4f; 114 | } 115 | 116 | .login-option, .signup-option { 117 | justify-content: center; 118 | align-items: center; 119 | text-align: center; 120 | } 121 | 122 | .content { 123 | display: flex; 124 | justify-content: center; 125 | width: max-contents; 126 | align-items: center; 127 | gap: 60px; 128 | } 129 | 130 | .footer-links { 131 | margin-bottom: 25px; 132 | } 133 | 134 | .footer-links ul { 135 | display: flex; 136 | justify-content: center; 137 | list-style: none; 138 | padding: 0; 139 | margin: 0; 140 | font-weight: normal; 141 | font-size: 15px; 142 | } 143 | 144 | .footer-links li { 145 | margin: 0 10px; 146 | } 147 | 148 | .footer-links a { 149 | color: #8B0000; 150 | text-decoration: underline; 151 | } 152 | 153 | .footer-links a:hover { 154 | color: #392C6B; 155 | } 156 | 157 | .success-section { 158 | justify-content: center; 159 | text-align: center; 160 | align-items: center; 161 | } 162 | 163 | .success-section h2 { 164 | font-size: 38px; 165 | color: #8B0000; 166 | margin-bottom: 10px; 167 | } -------------------------------------------------------------------------------- /pet-care.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Pet Care - Pawfect Pawtrails 9 | 10 | 11 | 12 | 18 | 19 | 20 |
    21 |
    22 |
    23 |

    Your Pet. Our Care

    24 |
    25 | 26 | 27 |
    28 |
    29 |
    30 | 31 |
    32 |

    Book a Vet

    33 |

    Schedule an appointment with our trusted veterinarians for routine check-ups, vaccinations, or any health concerns.

    34 |
    35 |
    36 | 37 | 38 |
    39 |
    40 | 41 | 42 |
    43 |
    44 | 45 | 46 |
    47 |
    48 | 49 | 50 |
    51 |
    52 | 53 | 54 |
    55 |
    56 | 57 | 58 |
    59 |
    60 | 61 | 62 |
    63 |
    64 | 65 | 66 |
    67 | 68 |
    69 |
    70 | 71 |
    72 |

    Pet Product Recommendations

    73 |
    74 |
    75 | Product 1 76 |

    Dog Shampoo

    77 |

    Antimicrobial, Anti-Fungal, Anti-Itch, Cleansing, and Nourishing Shampoo

    78 | Buy Now 79 |
    80 |
    81 | Product 2 82 |

    Pet Wipes

    83 |

    Aloe Vera Fresh Wet Wipes for Cleaning & Deodorizing for Cats and Dogs

    84 | Buy Now 85 |
    86 |
    87 | Product 3 88 |

    Immunity Chewstix

    89 |

    Boost Health & Vitality with Omega & Zinc for Dogs & Cats of All Life Stages

    90 | Buy Now 91 |
    92 |
    93 |
    94 |
    95 | 96 | 97 | 98 | 99 | 100 | -------------------------------------------------------------------------------- /home.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Home - Pawfect Pawtrails 9 | 10 | 11 | 17 | 18 | 19 |
    20 |
    21 |
    22 |

    Adopt, Don't Shop

    23 |

    Give a loving home to a furry companion and change a life forever.

    24 | 25 | 26 |
    27 |
    28 | 29 | 52 | 53 |
    54 |

    Pet Care Products

    55 |
    56 |
    57 | Product 1 58 |

    Dog Food

    59 |

    Premium quality dog food for all breeds.

    60 | Buy Now 61 |
    62 |
    63 | Product 2 64 |

    Cat Toys

    65 |

    Interactive toys to keep your feline friend entertained.

    66 | Buy Now 67 |
    68 |
    69 | Product 3 70 |

    Pet Grooming Kit

    71 |

    Essential grooming tools for your furry pal.

    72 | Buy Now 73 |
    74 |
    75 |
    76 | 77 |
    78 |

    Success Stories

    79 |
    80 |
    81 | Success Story 1 82 |

    The Pawfect Match

    83 |

    Read how a family found their forever friend at Pawfect Pawtrails.

    84 | Read More 85 |
    86 |
    87 | Success Story 2 88 |

    A Second Chance

    89 |

    Discover the heartwarming tale of a rescued pet's journey to a loving home.

    90 | Read More 91 |
    92 |
    93 |
    94 | 95 |
    96 |
    97 |

    Join the Pawfect Pawtrails Family

    98 |

    Become a part of our mission to find loving homes for every pet.

    99 | 100 | 101 |
    102 |
    103 |
    104 | 105 | 106 | 107 | 108 | 109 | -------------------------------------------------------------------------------- /browse-pets.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Browse Pets - Pawfect Pawtrails 9 | 10 | 11 | 12 | 18 | 19 | 20 |
    21 |
    22 |
    23 |
    24 |

    Browse Pets

    25 |
    26 | 27 | 28 |
    29 |
    30 |
    31 | 32 |
    33 |

    Dogs

    34 |
    35 |
    36 | Dog 1 37 |

    Hulfy

    38 |

    Age: 2 years

    39 |

    Breed: Pug

    40 |

    Gender: Male

    41 | Adopt Me 42 |
    43 |
    44 | Dog 2 45 |

    Luna

    46 |

    Age: 4 years

    47 |

    Breed: Golden Retriever

    48 |

    Gender: Female

    49 | Adopt Me 50 |
    51 |
    52 | Dog 3 53 |

    Max

    54 |

    Age: 1 year

    55 |

    Breed: German Shepherd

    56 |

    Gender: Male

    57 | Adopt Me 58 |
    59 |
    60 |
    61 |
    62 | Dog 4 63 |

    Rocky

    64 |

    Age: 6 years

    65 |

    Breed: Boxer

    66 |

    Gender: Male

    67 | Adopt Me 68 |
    69 |
    70 | Dog 5 71 |

    Sadie

    72 |

    Age: 2 years

    73 |

    Breed: Australian Shepherd

    74 |

    Gender: Female

    75 | Adopt Me 76 |
    77 |
    78 | Dog 6 79 |

    Daisy

    80 |

    Age: 3 year

    81 |

    Breed: Beagle

    82 |

    Gender: Female

    83 | Adopt Me 84 |
    85 |
    86 | 87 |

    Cats

    88 |
    89 |
    90 | Cat 1 91 |

    Loafy

    92 |

    Age: 3 years

    93 |

    Breed: Siamese

    94 |

    Gender: Male

    95 | Adopt Me 96 |
    97 |
    98 | Cat 2 99 |

    Mittens

    100 |

    Age: 2 years

    101 |

    Breed: Tabby

    102 |

    Gender: Female

    103 | Adopt Me 104 |
    105 |
    106 | Cat 3 107 |

    Simba

    108 |

    Age: 5 years

    109 |

    Breed: Persian

    110 |

    Gender: Male

    111 | Adopt Me 112 |
    113 |
    114 |
    115 |
    116 | Cat 4 117 |

    Oliver

    118 |

    Age: 4 years

    119 |

    Breed: British Shorthair

    120 |

    Gender: Male

    121 | Adopt Me 122 |
    123 |
    124 | Cat 5 125 |

    Milo

    126 |

    Age: 1 years

    127 |

    Breed: Bengal

    128 |

    Gender: Female

    129 | Adopt Me 130 |
    131 |
    132 | Cat 6 133 |

    Gizmo

    134 |

    Age: 3 years

    135 |

    Breed: Scottish Fold

    136 |

    Gender: Female

    137 | Adopt Me 138 |
    139 |
    140 |
    141 |
    142 |
    143 | 144 | 145 | 146 | 147 | 148 | -------------------------------------------------------------------------------- /success-stories.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Success Stories - Pawfect Pawtrails 9 | 10 | 11 | 12 | 18 | 19 | 20 |
    21 |
    22 |
    23 | Story 1 24 |
    25 |

    Buddy's Journey

    26 |

    Read the heartwarming story of Buddy, a rescue dog who found his forever home with the Miller family.

    27 | Read More >> 28 |
    29 |
    30 |
    31 | Story 2 32 |
    33 |

    Whiskers' New Life

    34 |

    Discover how Whiskers, an abandoned cat, was given a second chance at life and found a loving family.

    35 | Read More >> 36 |
    37 |
    38 |
    39 | Story 3 40 |
    41 |

    Rescuing Rocky

    42 |

    Follow the inspiring story of Rocky, a puppy mill survivor who overcame adversity and found happiness.

    43 | Read More >> 44 |
    45 |
    46 |
    47 | 48 |
    49 |
    50 |

    Buddy's Journey

    51 |

    In the bustling heart of the city, where the streets echoed with the cacophony of daily life, there was a small, quiet corner in the local shelter where Buddy, a sprightly beagle with soulful eyes, awaited his fate. His days were a monotonous blend of longing looks through the bars of his kennel and the occasional, brief caress from a passing volunteer.

    52 |

    Then, one sunny afternoon, the Miller family walked in. They weren't looking for a pet; they were just there to donate old blankets. But the moment their eyes met Buddy's, something clicked. It was as if an invisible thread connected their hearts to his. They saw past his timid demeanor and recognized a kindred spirit needing love.

    53 |

    The adoption process was a whirlwind of paperwork and excited chatter. Buddy, once so reserved, now wagged his tail with a vigor that matched the brightness in his eyes. The Millers promised him endless cuddles, walks in the park, and a spot on their cozy couch.As they drove home, Buddy's nose pressed against the car window, taking in the scents of his new life. The city's noise faded into the background, replaced by the soft murmur of the Millers planning his welcome party.

    54 |

    Buddy's journey had been long, but as he curled up in the lap of his new family, he knew he was exactly where he was meant to be. The Millers didn't just give Buddy a home; they gave him a family, and in return, he gave them his unwavering loyalty and love. And so, Buddy's story became one of hope, a testament to the magic that happens when the right hearts find each other.

    55 |
    56 | Buddy's Journey 57 |
    58 |
    59 |
    60 |

    Whiskers' New Life

    61 |

    Whiskers, a sleek tabby with emerald eyes, had known the harshness of the streets. Abandoned and alone, she roamed the alleys, her fur matted, her spirit dimmed. She had become a shadow, moving silently, surviving on scraps and fleeting kindness from strangers.

    62 |

    But fate had other plans for Whiskers. One chilly evening, as she nestled in an old cardboard box, she was discovered by the Harrison family. The children, Emma and Noah, peered into her makeshift home with wide-eyed wonder. Whiskers, usually so wary, felt an unusual sense of calm.

    63 |

    The Harrisons were hesitant at first; they had never considered adopting a pet. Yet, there was something about Whiskers that tugged at their hearts. They couldn't leave her to face another cold night alone. Wrapped in a warm blanket, Whiskers was taken to her new abode, a place she would soon call home.The transformation was remarkable. With love and care, Whiskers blossomed. Her coat regained its luster, her eyes sparkled with mischief, and her purrs filled the house with warmth. She became the children's confidant, their playmate, their guardian.

    64 |

    Whiskers' new life was more than just a change of scenery; it was a rebirth of hope. The Harrisons gave her not just shelter, but a family, a sense of belonging. And Whiskers, in her graceful, feline way, gave them a reminder of the beauty of second chances and the joy of unconditional love. In the heart of her family, Whiskers found her forever home, and with each purr, she told her tale of resilience and new beginnings.

    65 |
    66 | Whiskers' New Life 67 |
    68 |
    69 |
    70 |

    Rescuing Rocky

    71 |

    Rocky's tale began in a place devoid of love, a puppy mill where he was just one among many, his tiny paws never touching grass, his eyes never seeing the sun. But Rocky was a fighter, and his spirit refused to be caged. His rescue was nothing short of a miracle. When the local animal rights group raided the mill, Rocky was among the dozens of dogs saved from a grim fate. He was scared and skittish, his trust in humans worn thin by neglect.

    72 |

    Enter the Thompsons, a family with hearts as big as their home. They saw Rocky's picture online and something stirred within them. They knew the road to recovery would be long, but they were ready to walk it with him. The first few days were tough. Rocky cowered in corners, flinched at touches. But the Thompsons were patient. They spoke in soft tones, offered treats with gentle hands, and gave him space to heal.

    73 |

    Slowly, Rocky began to transform. His tail started to wag, his eyes began to shine with curiosity, and he discovered the joy of belly rubs and head scratches. The Thompsons celebrated each small victory, from Rocky's first bark to his first joyful run in the park. Rocky's journey was a testament to resilience. With each passing day, he grew stronger, more confident, and more loving. The Thompsons didn't just rescue Rocky; they helped him reclaim his life. And in return, Rocky filled their home with laughter, loyalty, and an endless supply of cuddles.

    74 |

    Rocky's story is one of hope and triumph, a reminder that even in the darkest of beginnings, there can be a happy ending. Thanks to the Thompsons, Rocky's days are now filled with love, play, and the security of a family that will always stand by him.

    75 |
    76 | Rescuing Rocky 77 |
    78 | 79 |
    80 |

    Share Your Story

    81 |

    Have you adopted a pet from our shelter? We'd love to hear your story and share it with our community.
    Share now at shareyourstory@pawfectpawtails.org

    82 |
    83 |
    84 | 85 | 86 | 87 | 88 | 89 | -------------------------------------------------------------------------------- /resources/upi-logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 12 | 31 | 33 | 35 | 36 | UPI 38 | 41 | 44 | 48 | 52 | 56 | 60 | 64 | 68 | 72 | 76 | 80 | 84 | 88 | 92 | 96 | 100 | 104 | 108 | 112 | 116 | 120 | 124 | 128 | 132 | 136 | 140 | 145 | 150 | 155 | 159 | 163 | 164 | 165 | 166 | -------------------------------------------------------------------------------- /styles.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; 3 | margin: 0; 4 | padding: 0; 5 | } 6 | 7 | body { 8 | font-family: Arial, sans-serif; 9 | line-height: 1.6; 10 | background-color: white; 11 | } 12 | 13 | /* Header */ 14 | header { 15 | background-color: rgb(255, 222, 161); 16 | padding: 17px; 17 | } 18 | 19 | .header-container { 20 | display: flex; 21 | justify-content: space-between; 22 | align-items: center; 23 | } 24 | 25 | .logo-section img::selection { 26 | background-color: whitesmoke; 27 | } 28 | 29 | .logo-section { 30 | display: flex; 31 | align-items: center; 32 | transition: transform 0.2s ease; 33 | } 34 | 35 | .logo-section:hover { 36 | transform: scale(1.01); 37 | } 38 | 39 | #paw { 40 | width: 60px; 41 | margin-right: 10px; 42 | } 43 | 44 | #paw2 { 45 | height: 40px; 46 | } 47 | 48 | nav ul { 49 | display: flex; 50 | list-style: none; 51 | } 52 | 53 | nav ul li { 54 | margin-left: 20px; 55 | text-align: center; 56 | transition: transform 0.2s ease; 57 | } 58 | 59 | nav ul li:hover, .dropdown-content a:hover { 60 | transform: scale(1.01); 61 | align-items: center; 62 | } 63 | 64 | nav ul li a { 65 | font-size: 17px; 66 | color: #b73100 ; 67 | text-decoration: none; 68 | font-weight: bold; 69 | transition: color 0.3s; 70 | } 71 | 72 | nav ul li a::selection, .dropdown-link img::selection, .dropdown::selection { 73 | background-color: #3d3d3d; 74 | color: whitesmoke; 75 | } 76 | 77 | nav ul li a:hover { 78 | color: #392C6B; 79 | } 80 | 81 | /* Hero section */ 82 | .hero { 83 | background-size: cover; 84 | background-position: center; 85 | height: 500px; 86 | display: flex; 87 | flex-direction: column; 88 | justify-content: center; 89 | align-items: center; 90 | color: #8B0000; 91 | text-align: center; 92 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 93 | } 94 | 95 | .hero h1 { 96 | font-size: 36px; 97 | margin-bottom: 20px; 98 | } 99 | 100 | .hero p { 101 | font-size: 18px; 102 | margin-bottom: 30px; 103 | } 104 | 105 | .hero button { 106 | padding: 10px 20px; 107 | background-color: #ff6347; 108 | color: #fff; 109 | border: none; 110 | border-radius: 4px; 111 | cursor: pointer; 112 | } 113 | 114 | /* Featured pets section */ 115 | .featured-pets { 116 | padding: 50px; 117 | text-align: center; 118 | } 119 | 120 | .pet-care { 121 | padding: 50px; 122 | text-align: center; 123 | } 124 | 125 | .parallel-sections { 126 | display: flex; 127 | justify-content: space-around; 128 | align-items: center; 129 | padding: 50px; 130 | } 131 | 132 | .featured-pets { 133 | text-align: center; 134 | } 135 | 136 | .featured-pets h2 { 137 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 138 | } 139 | 140 | .pet-images { 141 | display: flex; 142 | justify-content: center; 143 | margin-bottom: 20px; 144 | } 145 | 146 | .featured-pets img { 147 | max-width: 300px; 148 | margin: 10px; 149 | } 150 | 151 | .featured-pets button { 152 | padding: 10px 20px; 153 | background-color: #ff6347; 154 | color: #fff; 155 | border: none; 156 | border-radius: 4px; 157 | cursor: pointer; 158 | } 159 | 160 | .auth-buttons { 161 | display: flex; 162 | gap: 10px; 163 | } 164 | 165 | .auth-buttons button { 166 | text-align: center; 167 | padding: 10px 20px; 168 | background-color: #ff6347; 169 | font-family: Arial, Helvetica, sans-serif; 170 | font-weight: bold; 171 | color: #fff; 172 | border: none; 173 | border-radius: 24px; 174 | cursor: pointer; 175 | } 176 | 177 | /* Footer */ 178 | footer { 179 | background-color: #393939; 180 | color: #D9D9D9; 181 | padding: 20px; 182 | align-items: center; 183 | font-family: Arial, Helvetica, sans-serif; 184 | } 185 | 186 | .content { 187 | display: flex; 188 | justify-content: center; 189 | width: max-contents; 190 | align-self: center; 191 | gap: 60px; 192 | } 193 | 194 | .footer-links ul a::selection, .footer-links p::selection, .contact p::selection, .contact ul li::selection, .credits p::selection { 195 | background-color: whitesmoke; 196 | color: #555; 197 | } 198 | 199 | .footer-links p, .contact p { 200 | font-size: 18px; 201 | color: white; 202 | } 203 | 204 | .footer-links ul, .contact ul { 205 | font-weight: normal; 206 | list-style: none; 207 | font-size: 15px; 208 | } 209 | 210 | .footer-links ul:visited { 211 | color: #D9D9D9; 212 | } 213 | 214 | .footer-links ul a:hover { 215 | color: white; 216 | } 217 | 218 | .footer-links { 219 | width: max-content; 220 | } 221 | 222 | .link { 223 | color: #D9D9D9; 224 | text-decoration: none; 225 | } 226 | 227 | #ftline { 228 | color: #F9F7F3; 229 | padding: 5px; 230 | border-top: none; 231 | border-left: none; 232 | border-right: none; 233 | width: 100%; 234 | margin-top: 10px; 235 | } 236 | 237 | .credits { 238 | margin-top: 10px; 239 | font-family: Arial; 240 | text-align: center; 241 | font-size: 14px; 242 | } 243 | 244 | /*About*/ 245 | .about-section h1 { 246 | font-size: 32px; 247 | color: #8B0000; 248 | margin-bottom: 20px; 249 | } 250 | 251 | .about-section h2 { 252 | font-size: 24px; 253 | color: #8B0000; 254 | margin-top: 30px; 255 | margin-bottom: 10px; 256 | } 257 | 258 | .about-section p { 259 | text-align: justify; 260 | font-size: 16px; 261 | line-height: 1.6; 262 | color: #333; 263 | margin-bottom: 20px; 264 | } 265 | 266 | .about-section a { 267 | color: #333; 268 | } 269 | 270 | .about-section h1::selection, .about-section h2::selection, .about-section p::selection, .about-section a::selection, .about-section li::selection { 271 | background-color: #3d3d3d; 272 | color: whitesmoke; 273 | } 274 | 275 | .content-wrapper { 276 | position: relative; 277 | background-image: url('resources/Asset 1.png'); 278 | background-repeat: no-repeat; 279 | background-size: cover; 280 | background-position: center center; 281 | min-height: calc(100vh - 100px); 282 | } 283 | 284 | .about-section { 285 | position: relative; 286 | width: 65%; 287 | margin: 0 auto; 288 | padding: 40px; 289 | background-color: rgb(255, 254, 249); 290 | box-shadow: -10px 0 10px -5px rgba(0,0,0,0.2), 10px 0 10px -5px rgba(0,0,0,0.2); 291 | } 292 | 293 | /* Donate Section */ 294 | .donate-main { 295 | background-image: url('resources/2148765183.jpg'); 296 | background-repeat: no-repeat; 297 | background-size: cover; 298 | background-position: center center; 299 | } 300 | 301 | .donate-section { 302 | background-color: rgba(0, 0, 0, 0.599); 303 | padding: 50px; 304 | text-align: center; 305 | align-items: center; 306 | } 307 | 308 | .donate-section h2 { 309 | font-size: 28px; 310 | color: rgb(216, 216, 216); 311 | margin-bottom: 20px; 312 | } 313 | 314 | .cp { 315 | font-size: 16px; 316 | line-height: 1.6; 317 | color: #e6e6e6; 318 | margin-bottom: 30px; 319 | font-weight: 400; 320 | } 321 | 322 | .donation-options { 323 | display: flex; 324 | justify-content: center; 325 | gap: 30px; 326 | margin-bottom: 30px; 327 | } 328 | 329 | .donation-option { 330 | height: 72px; 331 | background-color: rgba(249, 249, 249, 0.41); 332 | border: 1px solid #ddd; 333 | border-radius: 5px; 334 | padding: 20px; 335 | transition: transform 0.3s ease; 336 | align-items: center; 337 | justify-content: center; 338 | flex-direction: column; 339 | } 340 | 341 | .donation-option:hover { 342 | transform: translateY(-5px); 343 | box-shadow: 0 5px 10px rgba(249, 249, 249, 0.512); 344 | } 345 | 346 | .donation-option h3 { 347 | font-size: 17px; 348 | margin-bottom: 10px; 349 | display: flex; 350 | align-items: center; 351 | color: #101010; 352 | } 353 | 354 | .donation-option h3 img { 355 | height: 30px; 356 | margin-right: 10px; 357 | } 358 | 359 | .d2 h3 img { 360 | height: 27px; 361 | } 362 | 363 | .donation-option h3 span { 364 | font-weight: normal; 365 | white-space: nowrap; 366 | } 367 | 368 | .donate-section h2::selection, .donate-section span::selection, .donate-section img::selection, .donate-section p::selection, .donate-section h3::selection, .donate-section br::selection { 369 | background-color:#e6e6e6; 370 | color: #1d1d1d; 371 | } 372 | 373 | .net-banking-option { 374 | background-color: rgba(249, 249, 249, 0.512); 375 | border: 1px solid #ddd; 376 | border-radius: 5px; 377 | padding: 20px; 378 | max-width: 500px; 379 | margin: 0 auto; 380 | transition: transform 0.3s ease; 381 | justify-content: center; 382 | align-content: center; 383 | } 384 | 385 | .net-banking-option:hover { 386 | transform: translateY(-5px); 387 | box-shadow: 0 5px 10px rgba(255, 255, 255, 0.275); 388 | } 389 | 390 | .net-banking-header { 391 | display: flex; 392 | justify-content: center; 393 | margin-bottom: 10px; 394 | } 395 | 396 | .net-banking-header h3 { 397 | font-size: 20px; 398 | color: #101010; 399 | display: flex; 400 | align-items: center; 401 | } 402 | 403 | .net-banking-header h3 img { 404 | height: 30px; 405 | margin-right: 10px; 406 | } 407 | 408 | .bank-info-container { 409 | display: flex; 410 | justify-content: center; 411 | text-align: left; 412 | } 413 | 414 | .bank-info { 415 | font-size: 15px; 416 | color: #101010; 417 | margin-bottom: 10px; 418 | } 419 | 420 | .bi { 421 | color: #101010; 422 | font-size: 17px; 423 | } 424 | 425 | /* Volunteer Section */ 426 | .volunteer-section, .hero-section { 427 | max-width: 800px; 428 | margin: 50px auto; 429 | text-align: center; 430 | padding: 0 20px; 431 | } 432 | 433 | .volunteer-section h2, .hero-section h1 { 434 | font-size: 28px; 435 | color: #8B0000; 436 | margin-bottom: 20px; 437 | } 438 | 439 | .volunteer-section h3 { 440 | font-size: 20px; 441 | color: #8B0000; 442 | margin-bottom: 20px; 443 | } 444 | 445 | .volunteer-section p, .hero-section p { 446 | font-size: 16px; 447 | line-height: 1.6; 448 | color: #333; 449 | margin-bottom: 20px; 450 | } 451 | 452 | .hero-section p { 453 | font-size: 18px; 454 | font-weight: 400; 455 | } 456 | 457 | .volunteer-section ul { 458 | list-style-type: none; 459 | padding: 0; 460 | margin-bottom: 30px; 461 | } 462 | 463 | .volunteer-section li { 464 | font-size: 18px; 465 | margin-bottom: 10px; 466 | } 467 | 468 | .volunteer-section .btn { 469 | display: inline-block; 470 | padding: 10px 20px; 471 | background-color: #ff6347; 472 | color: #fff; 473 | text-decoration: none; 474 | border: none; 475 | border-radius: 4px; 476 | cursor: pointer; 477 | transition: background-color 0.3s; 478 | } 479 | 480 | .volunteer-section .btn:hover { 481 | background-color: #e65c3e; 482 | } 483 | 484 | /* Other Ways Section */ 485 | .other-ways { 486 | max-width: 700px; 487 | margin: 50px auto; 488 | display: flex; 489 | justify-content: space-between; 490 | flex-wrap: wrap; 491 | } 492 | 493 | .other-ways h2 { 494 | font-size: 28px; 495 | color: #8B0000; 496 | text-align: center; 497 | width: 100%; 498 | margin-bottom: 30px; 499 | } 500 | 501 | .other-ways p { 502 | text-align: justify; 503 | } 504 | 505 | .option { 506 | width: 30%; 507 | text-align: center; 508 | margin-bottom: 30px; 509 | } 510 | 511 | .option img { 512 | max-width: 80px; 513 | height: auto; 514 | margin-bottom: 10px; 515 | } 516 | 517 | .option h3 { 518 | font-size: 20px; 519 | color: #8B0000; 520 | margin-bottom: 10px; 521 | } 522 | 523 | .option p { 524 | font-size: 16px; 525 | line-height: 1.6; 526 | color: #333; 527 | margin-bottom: 20px; 528 | } 529 | 530 | .option .btn { 531 | display: inline-block; 532 | padding: 10px 20px; 533 | background-color: #ff6347; 534 | color: #fff; 535 | text-decoration: none; 536 | border: none; 537 | border-radius: 4px; 538 | cursor: pointer; 539 | transition: background-color 0.3s; 540 | } 541 | 542 | .option .btn:hover { 543 | background-color: #e65c3e; 544 | } 545 | 546 | /* Responsive Styles */ 547 | @media (max-width: 768px) { 548 | .other-ways { 549 | flex-direction: column; 550 | align-items: center; 551 | } 552 | 553 | .option { 554 | width: 80%; 555 | } 556 | } 557 | 558 | /* Volunteer Form */ 559 | #volunteer-form { 560 | max-width: 600px; 561 | margin: 50px auto; 562 | padding: 0 20px; 563 | } 564 | 565 | #volunteer-form h2 { 566 | font-size: 28px; 567 | color: #8B0000; 568 | text-align: center; 569 | margin-bottom: 20px; 570 | } 571 | 572 | .other-ways #fic { 573 | height: 60px; 574 | } 575 | 576 | #volunteer-form form { 577 | background-color: #f9f9f9; 578 | padding: 30px; 579 | border-radius: 5px; 580 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 581 | } 582 | 583 | .form-group { 584 | margin-bottom: 20px; 585 | } 586 | 587 | .form-group label { 588 | display: block; 589 | font-size: 16px; 590 | color: #8B0000; 591 | margin-bottom: 5px; 592 | } 593 | 594 | .form-group input, 595 | .form-group textarea, 596 | .form-group select { 597 | width: 100%; 598 | padding: 10px; 599 | border: 1px solid #ccc; 600 | border-radius: 4px; 601 | font-size: 16px; 602 | } 603 | 604 | .form-group textarea { 605 | resize: vertical; 606 | } 607 | 608 | #volunteer-form .btn { 609 | display: block; 610 | width: 100%; 611 | padding: 10px; 612 | background-color: #ff6347; 613 | color: #fff; 614 | text-decoration: none; 615 | border: none; 616 | border-radius: 4px; 617 | cursor: pointer; 618 | transition: background-color 0.3s; 619 | font-size: 16px; 620 | } 621 | 622 | #volunteer-form .btn:hover { 623 | background-color: #e65c3e; 624 | } 625 | 626 | /* Hero Section */ 627 | #hri { 628 | height: 200px; 629 | width: auto; 630 | } 631 | 632 | .hero { 633 | background-image: url('resources/kitten-puppy.jpg'); 634 | display: flex; 635 | justify-content: space-between; 636 | align-items: center; 637 | padding: 40px; 638 | background-color: #f9f9f9; 639 | } 640 | 641 | .hero-content { 642 | flex: 1; 643 | max-width: 50%; 644 | padding: 10px; 645 | text-align: center; 646 | } 647 | 648 | .hero-content h1 { 649 | font-size: 44px; 650 | color: #8B0000; 651 | margin-bottom: 8px; 652 | } 653 | 654 | .hero-content p { 655 | font-size: 18px; 656 | color: #333; 657 | margin-bottom: 220px; 658 | font-weight: 500; 659 | } 660 | 661 | .hero-content button { 662 | font-family:Arial, Helvetica, sans-serif; 663 | font-size: 16px; 664 | padding: 13px 21px; 665 | background-color: #fc5335; 666 | color: #fff; 667 | border: 2px solid #fc5335; 668 | border-radius: 22px; 669 | cursor: pointer; 670 | margin-right: 10px; 671 | transition: background-color 0.3s; 672 | } 673 | 674 | .hero-content button:hover { 675 | border-width: 2px; 676 | border: 2px solid #fc5335; 677 | background-color: #ffffffce; 678 | color: #fc5335; 679 | } 680 | 681 | /* Featured Pets */ 682 | .featured-pets { 683 | padding: 40px; 684 | text-align: center; 685 | } 686 | 687 | .featured-pets h2 { 688 | font-size: 28px; 689 | color: #8B0000; 690 | margin-bottom: 30px; 691 | } 692 | 693 | .pet-cards { 694 | display: flex; 695 | justify-content: center; 696 | flex-wrap: wrap; 697 | } 698 | 699 | .pet-card { 700 | width: 320px; 701 | background-color: #f9f9f9; 702 | padding: 20px; 703 | border-radius: 5px; 704 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 705 | text-align: center; 706 | transition: transform 0.3s ease; 707 | margin: 20px; 708 | align-items: center; 709 | justify-content: center; 710 | } 711 | 712 | .pet-card:hover { 713 | transform: translateY(-5px); 714 | } 715 | 716 | .pet-card img { 717 | width: 100%; 718 | height: auto; 719 | object-fit: cover; 720 | margin: 0 auto; 721 | } 722 | 723 | .pet-card h3 { 724 | font-size: 20px; 725 | color: #8B0000; 726 | margin: 10px; 727 | } 728 | 729 | .pet-card p { 730 | font-size: 17px; 731 | color: #333; 732 | margin: 0 10px 10px; 733 | } 734 | 735 | .adopt-btn { 736 | display: block; 737 | width: calc(100% - 20px); 738 | padding: 10px; 739 | background-color: #ff6347; 740 | color: #fff; 741 | text-align: center; 742 | text-decoration: none; 743 | border-radius: 4px; 744 | margin: 10px; 745 | transition: background-color 0.3s; 746 | } 747 | 748 | .adopt-btn:hover { 749 | background-color: #e65c3e; 750 | } 751 | 752 | /* Pet Care Products */ 753 | .pet-care-products { 754 | padding: 40px; 755 | text-align: center; 756 | } 757 | 758 | .pet-care-products h2 { 759 | font-size: 28px; 760 | color: #8B0000; 761 | margin-bottom: 30px; 762 | } 763 | 764 | .product-cards { 765 | display: flex; 766 | justify-content: center; 767 | flex-wrap: wrap; 768 | } 769 | 770 | .product-card { 771 | width: 320px; 772 | background-color: #f9f9f9; 773 | padding: 20px; 774 | border-radius: 5px; 775 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 776 | text-align: center; 777 | transition: transform 0.3s ease; 778 | margin: 20px; 779 | } 780 | 781 | .product-card:hover { 782 | transform: translateY(-5px); 783 | } 784 | 785 | .product-card img { 786 | width: 100%; 787 | height: auto; 788 | object-fit: cover; 789 | } 790 | 791 | .product-card h3 { 792 | font-size: 20px; 793 | color: #8B0000; 794 | margin: 10px; 795 | } 796 | 797 | .product-card p { 798 | font-size: 17px; 799 | color: #333; 800 | margin: 0 10px 10px; 801 | } 802 | 803 | .buy-btn { 804 | display: block; 805 | width: calc(100% - 20px); 806 | padding: 10px; 807 | background-color: #ff6347; 808 | color: #fff; 809 | text-align: center; 810 | text-decoration: none; 811 | border-radius: 4px; 812 | margin: 10px; 813 | transition: background-color 0.3s; 814 | } 815 | 816 | .buy-btn:hover { 817 | background-color: #e65c3e; 818 | } 819 | 820 | /* Success Stories */ 821 | .success-stories { 822 | padding: 40px; 823 | text-align: center; 824 | } 825 | 826 | .success-stories h2 { 827 | font-size: 28px; 828 | color: #8B0000; 829 | margin-bottom: 30px; 830 | } 831 | 832 | .story-cards { 833 | display: flex; 834 | justify-content: center; 835 | flex-wrap: wrap; 836 | } 837 | 838 | .story-card { 839 | width: 320px; 840 | background-color: #f9f9f9; 841 | padding: 20px; 842 | border-radius: 5px; 843 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 844 | text-align: center; 845 | transition: transform 0.3s ease; 846 | margin: 20px; 847 | } 848 | 849 | .story-card:hover { 850 | transform: translateY(-5px); 851 | } 852 | 853 | .story-card img { 854 | width: 100%; 855 | height: auto; 856 | object-fit: cover; 857 | } 858 | 859 | .story-card h3 { 860 | font-size: 20px; 861 | color: #8B0000; 862 | margin: 10px; 863 | } 864 | 865 | .story-card p { 866 | font-size: 17px; 867 | color: #333; 868 | margin: 0 10px 10px; 869 | } 870 | 871 | .read-more { 872 | display: block; 873 | width: calc(100% - 20px); 874 | padding: 10px; 875 | background-color: #ff6347; 876 | color: #fff; 877 | text-align: center; 878 | text-decoration: none; 879 | border-radius: 4px; 880 | margin: 10px; 881 | transition: background-color 0.3s; 882 | } 883 | 884 | .read-more:hover { 885 | background-color: #e65c3e; 886 | } 887 | 888 | /* Call to Action */ 889 | .cta { 890 | background-color: #f9f9f9; 891 | padding: 40px; 892 | text-align: center; 893 | } 894 | 895 | .cta-content h2 { 896 | font-size: 28px; 897 | color: #8B0000; 898 | margin-bottom: 20px; 899 | } 900 | 901 | .cta-content p { 902 | font-size: 18px; 903 | color: #333; 904 | margin-bottom: 30px; 905 | } 906 | 907 | .cta-content button { 908 | font-family:Arial, Helvetica, sans-serif; 909 | font-size: 16px; 910 | padding: 13px 21px; 911 | background-color: #fc5335; 912 | color: #fff; 913 | border: 2px solid #fc5335; 914 | border-radius: 26px; 915 | cursor: pointer; 916 | margin-right: 10px; 917 | transition: background-color 0.3s; 918 | } 919 | 920 | .cta-content button:hover { 921 | border-width: 2px; 922 | border: 2px solid #fc5335; 923 | background-color: #ffffffce; 924 | color: #fc5335; 925 | } --------------------------------------------------------------------------------