From c32c19d8316713b811392c9d3e1df21263a6b21b Mon Sep 17 00:00:00 2001
From: Mohitpatil344 <152961055+Mohitpatil344@users.noreply.github.com>
Date: Fri, 18 Oct 2024 02:47:45 +0530
Subject: [PATCH 2/5] rescue page added
---
assets/css/rescue.css | 258 ++++++++++++++++++++++++++++
assets/js/script.js | 2 +-
index.html | 4 +
rescue.html | 381 ++++++++++++++++++++++++++++++++++++++++++
4 files changed, 644 insertions(+), 1 deletion(-)
create mode 100644 assets/css/rescue.css
create mode 100644 rescue.html
diff --git a/assets/css/rescue.css b/assets/css/rescue.css
new file mode 100644
index 00000000..9bbb9ee5
--- /dev/null
+++ b/assets/css/rescue.css
@@ -0,0 +1,258 @@
+ /* Save Nature CSS */
+ body {
+ font-family: Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+ line-height: 1.6;
+ }
+
+ p.line {
+ text-align: center;
+ }
+
+ .header {
+ background:#00b4d8;
+ color: white;
+ padding: 10px 0;
+ }
+
+ .header .container {
+ width: 80%;
+ margin: 0 auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ .nav ul {
+ list-style: none;
+ padding: 0;
+ }
+
+ .nav ul li {
+ display: inline;
+ margin-right: 20px;
+ }
+
+ .nav ul li a {
+ color:snow;
+ text-decoration: none;
+ }
+
+ .container {
+ width: 80%;
+ margin: 0 auto;
+ }
+
+ .section {
+ padding: 20px 0;
+ margin: 20px 0;
+ border: 1px solid #ddd;
+ border-radius: 5px;
+ }
+
+ .section-title {
+ color: #4CAF50;
+ }
+
+ .contact-form {
+ display: flex;
+ flex-direction: column;
+ }
+
+ .contact-form input,
+ .contact-form textarea {
+ margin-bottom: 10px;
+ padding: 10px;
+ border: 1px solid #ddd;
+ border-radius: 4px;
+ }
+
+ .btn {
+ background: #4CAF50;
+ color: white;
+ padding: 10px;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+ }
+
+ .btn:hover {
+ background: #45a049;
+ }
+
+ .footer {
+ background: #333;
+ color: white;
+ padding: 10px 0;
+ }
+
+ .footer-content {
+ display: flex;
+ justify-content: space-around;
+ align-items: flex-start;
+ padding: 20px 0;
+ }
+
+ .footer-content h3 {
+ margin-bottom: 10px;
+ }
+
+ .footer-content p {
+ margin: 5px 0;
+ }
+
+ .social-links {
+ list-style: none;
+ padding: 0;
+ }
+
+ .social-links li {
+ display: inline;
+ margin-right: 10px;
+ }
+
+ .footer-bottom {
+ text-align: center;
+ padding: 10px 0;
+ /* background: #222; */
+
+ }
+
+ /* Grid layout for the statistics */
+ .stats-grid {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+ gap: 20px;
+ }
+
+ .stat-item {
+ flex: 1;
+ background-color: #f3f3f3;
+ border-radius: 8px;
+ text-align: center;
+ padding: 20px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ transition: transform 0.3s, background-color 0.3s;
+ }
+
+ .stat-item:hover {
+ transform: scale(1.05);
+ background-color: #e8f5e9;
+ }
+
+ .icon {
+ margin-bottom: 15px;
+ }
+
+ .stat-info h3 {
+ font-size: 48px;
+ color: #3ca374;
+ margin: 0;
+ font-weight: bold;
+ }
+
+ .stat-description {
+ font-size: 16px;
+ color: #555;
+ }
+
+ /* Icon styling */
+ .icon img {
+ width: 50px;
+ height: 50px;
+ }
+
+ /* Responsive design for smaller screens */
+ @media (max-width: 768px) {
+ .stats-grid {
+ flex-direction: column;
+ }
+
+ p.line {
+ text-align: left;
+ }
+ }
+
+ /* General section styling */
+ .section {
+ padding: 60px 0;
+ background-color: #f8f9fa;
+ }
+
+ .section-title {
+ text-align: center;
+ font-size: 36px;
+ color: #2c3e50;
+ margin-bottom: 40px;
+ }
+
+ /* Help grid layout */
+ .help-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+ gap: 20px;
+ margin-top: 30px;
+ }
+
+ .help-item {
+ background-color: #ffffff;
+ padding: 20px;
+ border-radius: 10px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ transition: transform 0.3s ease, box-shadow 0.3s ease;
+ text-align: center;
+ }
+
+ .help-item:hover {
+ transform: translateY(-10px);
+ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+ }
+
+ /* Icon styling */
+ .help-icon img {
+ width: 60px;
+ height: 60px;
+ margin-bottom: 15px;
+ }
+
+ .help-info h3 {
+ font-size: 24px;
+ color: #16a085;
+ margin-bottom: 10px;
+ }
+
+ .help-info p {
+ font-size: 16px;
+ color: #7f8c8d;
+ line-height: 1.6;
+ }
+
+ /* Call to action */
+ .help-call-to-action {
+ text-align: center;
+ font-size: 18px;
+ color: #2c3e50;
+ margin-top: 40px;
+ font-weight: bold;
+ }
+
+ /* Responsive adjustments */
+ @media (max-width: 768px) {
+ .help-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .help-item {
+ padding: 15px;
+ }
+
+ .help-info h3 {
+ font-size: 22px;
+ }
+
+ .help-info p {
+ font-size: 14px;
+ }
+ }
\ No newline at end of file
diff --git a/assets/js/script.js b/assets/js/script.js
index a7f8994e..00de3b89 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -43,7 +43,7 @@ window.addEventListener('click', (event) => {
popup.style.display = 'none'; // Hide the popup
}
});
-
+
// Optional: Switch between login and signup forms
const loginTab = document.getElementById('loginTab');
const signupTab = document.getElementById('signupTab');
diff --git a/index.html b/index.html
index 4fbea02e..15731f7e 100644
--- a/index.html
+++ b/index.html
@@ -468,6 +468,10 @@
+
+ Rescue
+
+
diff --git a/rescue.html b/rescue.html
new file mode 100644
index 00000000..bedba7e8
--- /dev/null
+++ b/rescue.html
@@ -0,0 +1,381 @@
+
+
+
+
+
+
+
Rescue Wildlife
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Wildlife Rescue
+
+ Our motivation is to rescuing wildlife,protecting endangered species,help stopping poching and smuggling of wildlife.
+
+
+
+
+
+
+
About
+
+ At WildGuard, we are committed to the protection of animals and the fight against illegal practices that threaten their existence. Our mission is to raise awareness about the devastating impacts of poaching, smuggling, and other forms of wildlife exploitation, and to encourage global action in defense of endangered species.
+
+
+ Wildlife crime is one of the greatest threats to biodiversity today. Poaching and illegal animal trade have pushed many species to the brink of extinction. According to the International Union for Conservation of Nature (IUCN), more than 26,500 species are currently at risk, largely due to human activities.
+
+
+ The illegal wildlife trade, valued at billions of dollars annually, targets animals for their body parts, such as tusks, horns, and pelts, driving species like elephants, rhinoceroses, and tigers toward extinction. Poaching not only devastates animal populations but also disrupts ecosystems, causing long-term environmental damage.
+
+
+ Additionally, animals are often trafficked for the exotic pet trade or used in illegal entertainment industries, subjected to cruel and inhumane treatment. The World Wildlife Fund (WWF) estimates that wildlife trafficking is the fourth largest illegal trade globally, following drugs, arms, and human trafficking.
+
+
+ We believe that each person can make a difference in stopping wildlife crime. Through education, advocacy, and supporting anti-poaching laws, we can all contribute to the preservation of endangered species.
+
+
+ Our key initiatives include:
+
+
+ Supporting anti-poaching patrols and enforcement efforts in wildlife reserves.
+ Raising public awareness about the dangers of illegal wildlife trade.
+ Collaborating with conservation organizations to protect endangered species.
+ Advocating for stronger global regulations and policies to combat wildlife trafficking.
+ Promoting ethical tourism that respects animal welfare.
+
+
+ The future of our wildlife depends on immediate action. Join us in the fight against animal poaching and smuggling to secure a future where animals can thrive in their natural habitats.
+
+
+
+
+
+
+
+
What Can We Do?
+
+ Protecting wildlife is essential for preserving biodiversity and maintaining the balance of our ecosystems. Wildlife contributes to ecosystem health by regulating populations, dispersing seeds, and pollinating plants, all of which support the web of life.
+
+
+ Unfortunately, animals around the world are under increasing pressure due to illegal poaching, habitat destruction, and wildlife trafficking. To combat these threats, individuals and communities must take active roles in protecting animals and their habitats.
+
+
+ The first step in wildlife protection is raising awareness about the impacts of poaching and smuggling. Public education can lead to informed decisions that reduce demand for illegal wildlife products and encourage support for conservation efforts. Stronger regulations and international cooperation are also vital for cracking down on wildlife crime.
+
+
+ Supporting conservation programs that focus on anti-poaching efforts, habitat restoration, and protection of endangered species can make a difference. Advocacy for the enforcement of wildlife protection laws and promoting sustainable tourism also help prevent wildlife exploitation.
+
+
+ Here are some key actions we can take to protect wildlife:
+
+
+ Support organizations that combat poaching and illegal wildlife trade.
+ Educate yourself and others about the importance of wildlife conservation.
+ Reduce demand for products made from endangered species.
+ Advocate for policies and regulations that protect wildlife.
+ Promote ethical and sustainable tourism practices that respect wildlife habitats.
+
+
+ By acting now, we can protect wildlife from exploitation and ensure their survival for future generations. Together, we can make a difference in the fight against wildlife crime.
+
+
+
+
+
+
+
+
+
+
Emergency Wildlife Hotline
+
+ Wildlife emergencies require swift action. Our Emergency Hotline Directory connects you to the right
+ contacts, ensuring that animals in distress get immediate help. Whether it’s a local incident or a
+ global crisis, you can access the appropriate services through our platform.
+
+
+
+
+
+
+
+
+
Rescues
+
+
+
+
+
+
+
+
+
+
+
30000
+
+ Marine animals are rescued yearly and are protected from poaching.
+
+
+
+
+
+
+
+
+
+
+
1M
+
+ Endangered animals are rescued yearly and are protected from poaching.
+
+
+
+
+
+
+
+
+
+
+
3M
+
+ Birds are rescued yearly and are protected from poaching.
+
+
+
+
+
+
+
+
+
+
+
10000
+
+ Mammels are rescued yearly and are protected from poaching.
+
+
+
+
+
+
+
+
+
+
+
100000M+
+
+ Animals are poached yearly
+
+
+
+
+
+
+
+
+
+
+
+
+
Fines and punishments for wildlife crime
+
+ At WildGuard, we are dedicated to the protection of animals and the fight against illegal practices that threaten their existence. Our mission is to raise awareness about the devastating impacts of poaching, smuggling, and other forms of wildlife exploitation, and to encourage global action in defense of endangered species.
+
+
+ Wildlife crime is one of the greatest threats to biodiversity today. Poaching and illegal animal trade have pushed many species to the brink of extinction. According to the International Union for Conservation of Nature (IUCN), more than 26,500 species are currently at risk, largely due to human activities.
+
+
+ The illegal wildlife trade, valued at billions of dollars annually, targets animals for their body parts, such as tusks, horns, and pelts, driving species like elephants, rhinoceroses, and tigers toward extinction. Poaching not only devastates animal populations but also disrupts ecosystems, causing long-term environmental damage.
+
+
+ Animals are often trafficked for the exotic pet trade or used in illegal entertainment industries, subjected to cruel and inhumane treatment. The World Wildlife Fund (WWF) estimates that wildlife trafficking is the fourth largest illegal trade globally, following drugs, arms, and human trafficking.
+
+
+ In response to these crimes, many countries have implemented severe penalties for poaching and wildlife trafficking. Offenders can face hefty fines, often ranging from thousands to millions of dollars, and imprisonment that can last from several months to decades. For example, in the United States, the Lacey Act makes it a felony to violate wildlife laws, leading to fines of up to $250,000 and imprisonment for up to five years. Similar strict laws exist worldwide, with penalties designed to deter these heinous acts.
+
+
+ We believe that each person can make a difference in stopping wildlife crime. Through education, advocacy, and supporting anti-poaching laws, we can all contribute to the preservation of endangered species.
+
+
+ Our key initiatives include:
+
+
+ Supporting anti-poaching patrols and enforcement efforts in wildlife reserves.
+ Raising public awareness about the dangers of illegal wildlife trade.
+ Collaborating with conservation organizations to protect endangered species.
+ Advocating for stronger global regulations and policies to combat wildlife trafficking.
+ Promoting ethical tourism that respects animal welfare.
+
+
+ The future of our wildlife depends on immediate action. Join us in the fight against animal poaching and smuggling to secure a future where animals can thrive in their natural habitats.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
From 9be5bb4c8308154614c15bf40c837de26ab86184 Mon Sep 17 00:00:00 2001
From: Mohitpatil344
Date: Sat, 26 Oct 2024 15:17:17 +0530
Subject: [PATCH 3/5] maps and additional functionality added
---
Maps/public/js/script.js | 771 ++++++++++++++++++++++++++++++++-------
1 file changed, 639 insertions(+), 132 deletions(-)
diff --git a/Maps/public/js/script.js b/Maps/public/js/script.js
index da7192b3..a4d0ebfd 100644
--- a/Maps/public/js/script.js
+++ b/Maps/public/js/script.js
@@ -1,143 +1,656 @@
document.addEventListener('DOMContentLoaded', () => {
- // Initialize the map with a default view
const map = L.map('map').setView([20.5937, 78.9629], 5); // Default view over India
- // Add OpenStreetMap tiles
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '© OpenStreetMap'
}).addTo(map);
- // Helper function to add a marker
- const addMarker = (lat, lng, label, customIcon = null) => {
- const marker = L.marker([lat, lng], { icon: customIcon }).addTo(map);
- marker.bindPopup(label);
- return marker;
- };
-
- // Custom icon for markers
const parkIcon = L.icon({
- iconUrl: 'https://cdn-icons-png.flaticon.com/512/252/252025.png', // Custom icon URL
- iconSize: [38, 38], // Size of the icon
- iconAnchor: [22, 38], // Anchor point of the icon
- popupAnchor: [-3, -38] // Where the popup opens relative to the icon
+ iconUrl: 'https://cdn-icons-png.flaticon.com/512/252/252025.png',
+ iconSize: [38, 38],
+ iconAnchor: [22, 38],
+ popupAnchor: [-3, -38]
});
- // Define national parks with their coordinates
const nationalParks = [
- { name: "Corbett National Park", lat: 29.5521551, lng: 78.8832107 },
- { name: "Kanha National Park", lat: 22.4279, lng: 80.3888 },
- { name: "Tadoba National Park", lat: 20.2167, lng: 79.3075 },
- { name: "Madhav National Park", lat: 24.1740, lng: 77.2631 },
- { name: "Bandhavgarh National Park", lat: 23.6340, lng: 80.7925 },
- { name: "Kaziranga National Park", lat: 26.5775, lng: 93.1711 },
- { name: "Bandipur National Park", lat: 11.6462, lng: 76.5169 },
- { name: "Bannerghatta National Park", lat: 12.7287, lng: 77.6153 },
- { name: "Gir National Park", lat: 21.1266, lng: 70.7923 },
- { name: "Gugamal National Park", lat: 21.3845, lng: 78.8282 },
- { name: "Navegaon National Park", lat: 21.0715, lng: 79.4155 },
- { name: "Pench National Park", lat: 22.0356, lng: 78.6348 },
- { name: "Blackbuck National Park", lat: 22.7111, lng: 70.3592 },
- { name: "Guindy National Park", lat: 13.0026, lng: 80.2266 },
- { name: "Keibul-Lamjao National Park", lat: 24.6607, lng: 93.8821 },
- { name: "Khangchendzonga National Park", lat: 27.2894, lng: 88.6340 },
- { name: "Dudhwa National Park", lat: 27.7088, lng: 80.5477 },
- { name: "Eravikulam National Park", lat: 10.0864, lng: 77.1852 },
- { name: "Vansda National Park", lat: 20.5245, lng: 73.2442 },
- { name: "Van Vihar National Park", lat: 23.2042, lng: 77.5053 },
- { name: "Simlipal National Park", lat: 21.6128, lng: 86.4637 },
- { name: "Ranthambore National Park", lat: 26.0173, lng: 76.5026 },
- { name: "Gulf of Mannar Marine National Park", lat: 9.2745, lng: 78.7100 },
- { name: "Guru Ghasidas (Sanjay) National Park", lat: 23.5115, lng: 81.6062 },
- { name: "Dachigam National Park", lat: 34.0861, lng: 74.7547 },
- { name: "Hemis National Park", lat: 33.4878, lng: 78.4206 },
- { name: "Kishtwar National Park", lat: 33.2536, lng: 75.9312 },
- { name: "Panna National Park", lat: 24.6740, lng: 80.0764 },
- { name: "Sanjay National Park", lat: 24.7275, lng: 80.1619 },
- { name: "Satpura National Park", lat: 22.4220, lng: 78.4156 },
- { name: "Keoladeo Ghana National Park", lat: 27.1965, lng: 77.4237 },
- { name: "Indravati National Park", lat: 19.1942, lng: 81.6651 },
- { name: "Kanger Valley National Park", lat: 19.2704, lng: 81.6920 },
- { name: "Marine National Park", lat: 20.4512, lng: 68.5780 },
- { name: "Periyar National Park", lat: 9.5659, lng: 77.0792 },
- { name: "Nanda Devi National Park", lat: 30.3868, lng: 79.5518 },
- { name: "Valley of Flowers National Park", lat: 30.1900, lng: 79.7313 },
- { name: "Mahatma Gandhi Marine National Park", lat: 13.0078, lng: 92.9537 },
- { name: "Namdapha National Park", lat: 27.2300, lng: 95.0867 },
- { name: "Fossil National Park", lat: 23.1384, lng: 80.1646 },
- { name: "Sanjay Gandhi National Park", lat: 19.1772, lng: 72.8872 },
- { name: "Rajaji National Park", lat: 30.1850, lng: 78.1892 },
- { name: "Great Himalayan National Park", lat: 32.0614, lng: 77.5175 },
- { name: "Silent Valley National Park", lat: 11.1565, lng: 76.5695 },
- { name: "Sunderban National Park", lat: 21.9798, lng: 88.8400 },
- { name: "Balpakram National Park", lat: 25.4866, lng: 91.5507 },
- { name: "Mouling National Park", lat: 28.1561, lng: 94.7006 },
- { name: "Betla National Park", lat: 23.7132, lng: 84.1843 },
- { name: "Nokrek Ridge National Park", lat: 25.3168, lng: 90.3530 },
- { name: "Neora Valley National Park", lat: 27.0272, lng: 88.7942 },
- { name: "Singalila National Park", lat: 27.0646, lng: 88.8594 },
- { name: "Middle Button Island National Park", lat: 10.4004, lng: 92.7494 },
- { name: "Mount Harriet National Park", lat: 11.6137, lng: 92.4967 },
- { name: "North Button Island National Park", lat: 10.3478, lng: 92.7595 },
- { name: "Saddle Peak National Park", lat: 13.1643, lng: 92.8898 },
- { name: "South Button Island National Park", lat: 10.3538, lng: 92.8393 },
- { name: "Pin Valley National Park", lat: 32.0760, lng: 78.7153 },
- { name: "Anshi National Park", lat: 14.8557, lng: 74.5847 },
- { name: "Kudremukh National Park", lat: 13.1417, lng: 75.8970 },
- { name: "Nagarahole (Rajiv Gandhi) National Park", lat: 11.5978, lng: 76.4474 },
- { name: "Bhitarkanika National Park", lat: 20.3733, lng: 86.8577 },
- { name: "Sri Venkateswara National Park", lat: 13.6345, lng: 79.5171 },
- { name: "Valmiki National Park", lat: 27.2473, lng: 84.0679 },
- { name: "Sultan National Park", lat: 28.1948, lng: 76.9539 },
- { name: "Indira Gandhi (Annamalai) National Park", lat: 9.1650, lng: 77.5869 },
- { name: "Gangotri National Park", lat: 30.9844, lng: 79.0794 },
- { name: "Manas National Park", lat: 26.5232, lng: 90.4354 },
- { name: "Mudumalai National Park", lat: 11.5357, lng: 76.6572 },
- { name: "Mukurthi National Park", lat: 11.5326, lng: 76.5875 },
- { name: "Govind National Park", lat: 30.7631, lng: 78.4743 },
- { name: "Murlen National Park", lat: 23.2576, lng: 92.6492 },
- { name: "Campbell Bay National Park", lat: 6.8550, lng: 93.6734 },
- { name: "Galathea Bay National Park", lat: 13.3700, lng: 92.9177 },
- { name: "Mollem National Park", lat: 15.3702, lng: 74.1904 },
- { name: "City Forest (Salim Ali) National Park", lat: 34.1515, lng: 74.2687 },
- { name: "Phawngpui Blue Mountain National Park", lat: 22.3978, lng: 93.0280 },
- { name: "Desert National Park", lat: 26.4571, lng: 70.0222 },
- { name: "Sariska National Park", lat: 27.0307, lng: 76.2869 },
- { name: "Buxa National Park", lat: 26.9487, lng: 89.1196 },
- { name: "Gorumara National Park", lat: 26.9254, lng: 88.7278 },
- { name: "Intanki National Park", lat: 26.1761, lng: 93.7262 },
- { name: "Kasu Brahmananda Reddy National Park", lat: 17.4175, lng: 78.4675 },
- { name: "Mahaveer Harina Vanasthali National Park", lat: 17.3868, lng: 78.4080 },
- { name: "Mrugavani National Park", lat: 17.3668, lng: 78.5200 },
- { name: "Rani Jhansi Marine National Park", lat: 10.3415, lng: 92.7050 },
- { name: "Nameri National Park", lat: 26.9567, lng: 93.5882 },
- { name: "Dibru-Saikhowa National Park", lat: 27.4457, lng: 95.5544 },
- { name: "Rajiv Gandhi Orang National Park", lat: 26.6282, lng: 93.4220 },
- { name: "Kalesar National Park", lat: 30.3361, lng: 77.1540 },
- { name: "Anamudi Shola National Park", lat: 10.1222, lng: 77.0654 },
- { name: "Mathikettan Shola National Park", lat: 10.0320, lng: 77.1611 },
- { name: "Pampadum Shola National Park", lat: 10.0504, lng: 77.0342 },
- { name: "Chandoli National Park", lat: 16.6728, lng: 73.9311 },
- { name: "Rajiv Gandhi (Rameswaram) National Park", lat: 9.2474, lng: 78.6282 },
- { name: "Mukundra Hills National Park", lat: 24.5968, lng: 75.7495 },
- { name: "Clouded Leopard National Park", lat: 23.8105, lng: 91.1614 },
- { name: "Bison National Park", lat: 23.8311, lng: 91.3775 },
- { name: "Papikonda National Park", lat: 17.2011, lng: 81.4712 },
- { name: "Inderkilla National Park", lat: 32.3658, lng: 77.3258 },
- { name: "Khirganga National Park", lat: 32.1162, lng: 77.2334 },
- { name: "Simbalbara National Park", lat: 30.9166, lng: 77.2514 },
- { name: "Jaldapara National Park", lat: 26.6483, lng: 89.0266 },
+ {
+ name: "Corbett National Park",
+ location: { lat: 29.5521551, lng: 78.8832107 },
+ species: [
+ { species: "Bengal Tiger", population: 200 },
+ { species: "Elephant", population: 350 },
+ { species: "Leopard", population: 70 },
+ { species: "Sambar Deer", population: 1000 },
+ { species: "Sloth Bear", population: 50 }
+ ]
+ },
+ {
+ name: "Kanha National Park",
+ location: { lat: 22.4279, lng: 80.3888 },
+ species: [
+ { species: "Bengal Tiger", population: 80 },
+ { species: "Barasingha (Swamp Deer)", population: 600 },
+ { species: "Indian Wild Dog (Dhole)", population: 120 },
+ { species: "Leopard", population: 60 },
+ { species: "Indian Gaur", population: 800 }
+ ]
+ },
+ {
+ name: "Tadoba National Park",
+ location: { lat: 20.2167, lng: 79.3075 },
+ species: [
+ { species: "Bengal Tiger", population: 70 },
+ { species: "Leopard", population: 40 },
+ { species: "Sambar Deer", population: 600 },
+ { species: "Indian Bison", population: 250 },
+ { species: "Wild Boar", population: 500 }
+ ]
+ },
+ {
+ name: "Madhav National Park",
+ location: { lat: 24.1740, lng: 77.2631 },
+ species: [
+ { species: "Leopard", population: 30 },
+ { species: "Sambar Deer", population: 200 },
+ { species: "Chital", population: 300 },
+ { species: "Nilgai", population: 150 },
+ { species: "Indian Wolf", population: 15 }
+ ]
+ },
+ {
+ name: "Bandhavgarh National Park",
+ location: { lat: 23.6340, lng: 80.7925 },
+ species: [
+ { species: "Bengal Tiger", population: 60 },
+ { species: "Indian Leopard", population: 30 },
+ { species: "Sambar Deer", population: 800 },
+ { species: "Indian Wolf", population: 15 },
+ { species: "Wild Boar", population: 400 }
+ ]
+ },
+ {
+ name: "Kaziranga National Park",
+ location: { lat: 26.5775, lng: 93.1711 },
+ species: [
+ { species: "One-Horned Rhino", population: 2600 },
+ { species: "Elephant", population: 1200 },
+ { species: "Water Buffalo", population: 1500 },
+ { species: "Bengal Tiger", population: 110 },
+ { species: "Swamp Deer", population: 800 }
+ ]
+ },
+ {
+ name: "Bandipur National Park",
+ location: { lat: 11.6462, lng: 76.5169 },
+ species: [
+ { species: "Bengal Tiger", population: 40 },
+ { species: "Indian Elephant", population: 1200 },
+ { species: "Indian Bison", population: 800 },
+ { species: "Leopard", population: 50 },
+ { species: "Sambar Deer", population: 400 }
+ ]
+ },
+ {
+ name: "Bannerghatta National Park",
+ location: { lat: 12.7287, lng: 77.6153 },
+ species: [
+ { species: "Bengal Tiger", population: 30 },
+ { species: "Leopard", population: 20 },
+ { species: "Sambar Deer", population: 200 },
+ { species: "Spotted Deer", population: 1000 },
+ { species: "Indian Bison", population: 150 }
+ ]
+ },
+ {
+ name: "Gir National Park",
+ location: { lat: 21.1266, lng: 70.7923 },
+ species: [
+ { species: "Asiatic Lion", population: 600 },
+ { species: "Indian Leopard", population: 300 },
+ { species: "Sambar Deer", population: 400 },
+ { species: "Spotted Deer", population: 1200 },
+ { species: "Four-Horned Antelope", population: 100 }
+ ]
+ },
+ {
+ name: "Gugamal National Park",
+ location: { lat: 21.3845, lng: 78.8282 },
+ species: [
+ { species: "Bengal Tiger", population: 60 },
+ { species: "Leopard", population: 40 },
+ { species: "Indian Bison", population: 200 },
+ { species: "Sambar Deer", population: 350 },
+ { species: "Wild Boar", population: 100 }
+ ]
+ },
+ {
+ name: "Navegaon National Park",
+ location: { lat: 21.0715, lng: 79.4155 },
+ species: [
+ { species: "Bengal Tiger", population: 20 },
+ { species: "Leopard", population: 25 },
+ { species: "Sambar Deer", population: 200 },
+ { species: "Indian Bison", population: 150 },
+ { species: "Wild Boar", population: 100 }
+ ]
+ },
+ {
+ name: "Pench National Park",
+ location: { lat: 22.0356, lng: 78.6348 },
+ species: [
+ { species: "Bengal Tiger", population: 50 },
+ { species: "Leopard", population: 60 },
+ { species: "Indian Wild Dog (Dhole)", population: 120 },
+ { species: "Sambar Deer", population: 300 },
+ { species: "Chital (Spotted Deer)", population: 800 }
+ ]
+ },
+ {
+ name: "Blackbuck National Park",
+ location: { lat: 22.7111, lng: 70.3592 },
+ species: [
+ { species: "Blackbuck", population: 2000 },
+ { species: "Chital", population: 300 },
+ { species: "Nilgai", population: 150 },
+ { species: "Wild Boar", population: 100 },
+ { species: "Fox", population: 50 }
+ ]
+ },
+ {
+ name: "Guindy National Park",
+ location: { lat: 13.0026, lng: 80.2266 },
+ species: [
+ { species: "Blackbuck", population: 200 },
+ { species: "Indian Palm Squirrel", population: 100 },
+ { species: "Bonnet Macaque", population: 80 },
+ { species: "Spotted Deer", population: 150 },
+ { species: "Mongoose", population: 40 }
+ ]
+ },
+ {
+ name: "Keibul-Lamjao National Park",
+ location: { lat: 24.6607, lng: 93.8821 },
+ species: [
+ { species: "Sangai (Dancing Deer)", population: 200 },
+ { species: "Indian Elephant", population: 150 },
+ { species: "Bengal Tiger", population: 20 },
+ { species: "Wild Boar", population: 100 },
+ { species: "Chital", population: 300 }
+ ]
+ },
+ {
+ name: "Khangchendzonga National Park",
+ location: { lat: 27.2894, lng: 88.6340 },
+ species: [
+ { species: "Snow Leopard", population: 30 },
+ { species: "Blue Sheep", population: 300 },
+ { species: "Musk Deer", population: 50 },
+ { species: "Himalayan Monal", population: 200 },
+ { species: "Himalayan Black Bear", population: 20 }
+ ]
+ },
+ {
+ name: "Dudhwa National Park",
+ location: { lat: 27.7088, lng: 80.5477 },
+ species: [
+ { species: "Tiger", population: 70 },
+ { species: "Indian Rhinoceros", population: 35 },
+ { species: "Swamp Deer", population: 600 },
+ { species: "Elephant", population: 300 },
+ { species: "Leopard", population: 25 }
+ ]
+ },
+ {
+ name: "Eravikulam National Park",
+ location: { lat: 10.0864, lng: 77.1852 },
+ species: [
+ { species: "Nilgiri Tahr", population: 200 },
+ { species: "Barking Deer", population: 100 },
+ { species: "Asian Elephant", population: 150 },
+ { species: "Malabar Grey Hornbill", population: 200 },
+ { species: "Sambar Deer", population: 300 }
+ ]
+ },
+ {
+ name: "Vansda National Park",
+ location: { lat: 20.5245, lng: 73.2442 },
+ species: [
+ { species: "Barking Deer", population: 80 },
+ { species: "Indian Flying Fox", population: 150 },
+ { species: "Leopard", population: 20 },
+ { species: "Sambar Deer", population: 150 },
+ { species: "Indian Bison", population: 60 }
+ ]
+ },
+ {
+ name: "Van Vihar National Park",
+ location: { lat: 23.2042, lng: 77.5053 },
+ species: [
+ { species: "Bengal Tiger", population: 15 },
+ { species: "Leopard", population: 20 },
+ { species: "Indian Gaur", population: 100 },
+ { species: "Sambar Deer", population: 100 },
+ { species: "Nilgai", population: 50 }
+ ]
+ },
+ {
+ name: "Simlipal National Park",
+ location: { lat: 21.6128, lng: 86.4637 },
+ species: [
+ { species: "Bengal Tiger", population: 50 },
+ { species: "Indian Elephant", population: 100 },
+ { species: "Sambar Deer", population: 300 },
+ { species: "Wild Boar", population: 150 },
+ { species: "Indian Gaur", population: 200 }
+ ]
+ },
+ {
+ name: "Ranthambore National Park",
+ location: { lat: 26.0173, lng: 76.5026 },
+ species: [
+ { species: "Bengal Tiger", population: 75 },
+ { species: "Indian Leopard", population: 20 },
+ { species: "Sambar Deer", population: 600 },
+ { species: "Chital", population: 1200 },
+ { species: "Indian Bison", population: 150 }
+ ]
+ },
+ {
+ name: "Gulf of Mannar Marine National Park",
+ location: { lat: 9.2745, lng: 78.7100 },
+ species: [
+ { species: "Dugong", population: 50 },
+ { species: "Green Sea Turtle", population: 200 },
+ { species: "Hawksbill Turtle", population: 100 },
+ { species: "Coral Species", population: 500 },
+ { species: "Crab Species", population: 300 }
+ ]
+ },
+ {
+ name: "Guru Ghasidas (Sanjay) National Park",
+ location: { lat: 23.5115, lng: 81.6062 },
+ species: [
+ { species: "Bengal Tiger", population: 30 },
+ { species: "Leopard", population: 20 },
+ { species: "Sambar Deer", population: 300 },
+ { species: "Chital", population: 600 },
+ { species: "Indian Bison", population: 100 }
+ ]
+ },
+ {
+ name: "Dachigam National Park",
+ location: { lat: 34.0861, lng: 74.7547 },
+ species: [
+ { species: "Hangul (Kashmir Stag)", population: 150 },
+ { species: "Barking Deer", population: 80 },
+ { species: "Leopard", population: 25 },
+ { species: "Black Bear", population: 20 },
+ { species: "Himalayan Black Bear", population: 10 }
+ ]
+ },
+ {
+ name: "Hemis National Park",
+ location: { lat: 33.4878, lng: 78.4206 },
+ species: [
+ { species: "Snow Leopard", population: 200 },
+ { species: "Blue Sheep", population: 300 },
+ { species: "Himalayan Ibex", population: 150 },
+ { species: "Red Fox", population: 100 },
+ { species: "Common Marmot", population: 80 }
+ ]
+ },
+ {
+ name: "Kishtwar National Park",
+ location: { lat: 33.2536, lng: 75.9312 },
+ species: [
+ { species: "Snow Leopard", population: 50 },
+ { species: "Himalayan Black Bear", population: 20 },
+ { species: "Musk Deer", population: 30 },
+ { species: "Himalayan Ibex", population: 80 },
+ { species: "Red Fox", population: 40 }
+ ]
+ },
+ {
+ name: "Panna National Park",
+ location: { lat: 24.6740, lng: 80.0764 },
+ species: [
+ { species: "Bengal Tiger", population: 25 },
+ { species: "Leopard", population: 20 },
+ { species: "Sambar Deer", population: 300 },
+ { species: "Chital", population: 500 },
+ { species: "Wild Boar", population: 100 }
+ ]
+ },
+ {
+ name: "Sanjay National Park",
+ location: { lat: 24.7275, lng: 80.1619 },
+ species: [
+ { species: "Bengal Tiger", population: 20 },
+ { species: "Leopard", population: 15 },
+ { species: "Sambar Deer", population: 200 },
+ { species: "Chital", population: 350 },
+ { species: "Indian Wolf", population: 10 }
+ ]
+ },
+ {
+ name: "Satpura National Park",
+ location: { lat: 22.4220, lng: 78.4156 },
+ species: [
+ { species: "Bengal Tiger", population: 40 },
+ { species: "Indian Bison", population: 500 },
+ { species: "Sambar Deer", population: 200 },
+ { species: "Chital", population: 400 },
+ { species: "Leopard", population: 30 }
+ ]
+ },
+ {
+ name: "Keoladeo Ghana National Park",
+ location: { lat: 27.1965, lng: 77.4237 },
+ species: [
+ { species: "Brahminy Duck", population: 50 },
+ { species: "Black-tailed Godwit", population: 1000 },
+ { species: "Sarus Crane", population: 100 },
+ { species: "Great Egret", population: 200 },
+ { species: "Indian Pond Heron", population: 150 }
+ ]
+ },
+ {
+ name: "Indravati National Park",
+ location: { lat: 19.1942, lng: 81.6651 },
+ species: [
+ { species: "Bengal Tiger", population: 25 },
+ { species: "Leopard", population: 15 },
+ { species: "Indian Bison", population: 200 },
+ { species: "Wild Boar", population: 150 },
+ { species: "Chital", population: 300 }
+ ]
+ },
+ {
+ name: "Kanger Valley National Park",
+ location: { lat: 19.2704, lng: 81.6920 },
+ species: [
+ { species: "Bengal Tiger", population: 20 },
+ { species: "Indian Bison", population: 100 },
+ { species: "Chital", population: 150 },
+ { species: "Leopard", population: 10 },
+ { species: "Wild Boar", population: 80 }
+ ]
+ },
+ {
+ name: "Marine National Park",
+ location: { lat: 20.4512, lng: 68.5780 },
+ species: [
+ { species: "Dugong", population: 50 },
+ { species: "Green Sea Turtle", population: 200 },
+ { species: "Hawksbill Turtle", population: 100 },
+ { species: "Coral Species", population: 500 },
+ { species: "Sea Urchin", population: 300 }
+ ]
+ },
+ {
+ name: "Periyar National Park",
+ location: { lat: 9.5659, lng: 77.0792 },
+ species: [
+ { species: "Indian Elephant", population: 1500 },
+ { species: "Bengal Tiger", population: 50 },
+ { species: "Nilgai", population: 80 },
+ { species: "Malabar Grey Hornbill", population: 200 },
+ { species: "Sambar Deer", population: 300 }
+ ]
+ },
+ {
+ name: "Nanda Devi National Park",
+ location: { lat: 30.3868, lng: 79.5518 },
+ species: [
+ { species: "Snow Leopard", population: 30 },
+ { species: "Himalayan Black Bear", population: 20 },
+ { species: "Musk Deer", population: 50 },
+ { species: "Blue Sheep", population: 300 },
+ { species: "Himalayan Ibex", population: 80 }
+ ]
+ },
+ {
+ name: "Valley of Flowers National Park",
+ location: { lat: 30.1900, lng: 79.7313 },
+ species: [
+ { species: "Snow Leopard", population: 20 },
+ { species: "Musk Deer", population: 50 },
+ { species: "Himalayan Blue Sheep", population: 100 },
+ { species: "Himalayan Ibex", population: 60 },
+ { species: "Red Fox", population: 40 }
+ ]
+ },
+ {
+ name: "Mahatma Gandhi Marine National Park",
+ location: { lat: 13.0078, lng: 92.9537 },
+ species: [
+ { species: "Dugong", population: 20 },
+ { species: "Coral Species", population: 300 },
+ { species: "Green Sea Turtle", population: 150 },
+ { species: "Hawksbill Turtle", population: 100 },
+ { species: "Crab Species", population: 200 }
+ ]
+ },
+ {
+ name: "Namdapha National Park",
+ location: { lat: 27.2300, lng: 95.0867 },
+ species: [
+ { species: "Bengal Tiger", population: 30 },
+ { species: "Leopard", population: 25 },
+ { species: "Himalayan Black Bear", population: 15 },
+ { species: "Himalayan Black Deer", population: 20 },
+ { species: "Himalayan Black Bear", population: 10 }
+ ]
+ },
+ {
+ name: "Fossil National Park",
+ location: { lat: 23.1384, lng: 80.1646 },
+ species: [
+ { species: "Bengal Tiger", population: 20 },
+ { species: "Indian Bison", population: 100 },
+ { species: "Sambar Deer", population: 200 },
+ { species: "Chital", population: 150 },
+ { species: "Wild Boar", population: 50 }
+ ]
+ },
+ {
+ name: "Sanjay Gandhi National Park",
+ location: { lat: 19.1772, lng: 72.8872 },
+ species: [
+ { species: "Bengal Tiger", population: 30 },
+ { species: "Leopard", population: 20 },
+ { species: "Sambar Deer", population: 200 },
+ { species: "Chital", population: 300 },
+ { species: "Indian Bison", population: 50 }
+ ]
+ },
+ {
+ name: "Rajaji National Park",
+ location: { lat: 30.1850, lng: 78.1892 },
+ species: [
+ { species: "Bengal Tiger", population: 40 },
+ { species: "Indian Elephant", population: 100 },
+ { species: "Sambar Deer", population: 200 },
+ { species: "Indian Bison", population: 150 },
+ { species: "Chital", population: 300 }
+ ]
+ },
+ {
+ name: "Great Himalayan National Park",
+ location: { lat: 32.0614, lng: 77.5175 },
+ species: [
+ { species: "Snow Leopard", population: 50 },
+ { species: "Blue Sheep", population: 300 },
+ { species: "Himalayan Ibex", population: 80 },
+ { species: "Musk Deer", population: 40 },
+ { species: "Red Fox", population: 30 }
+ ]
+ },
+ {
+ name: "Silent Valley National Park",
+ location: { lat: 11.1565, lng: 76.5695 },
+ species: [
+ { species: "Lion-tailed Macaque", population: 300 },
+ { species: "Nilgiri Tahr", population: 50 },
+ { species: "Malabar Grey Hornbill", population: 100 },
+ { species: "Barking Deer", population: 80 },
+ { species: "Indian Elephant", population: 100 }
+ ]
+ },
+ {
+ name: "Sunderban National Park",
+ location: { lat: 21.9798, lng: 88.8400 },
+ species: [
+ { species: "Bengal Tiger", population: 300 },
+ { species: "Saltwater Crocodile", population: 150 },
+ { species: "Spotted Deer", population: 500 },
+ { species: "Gharial", population: 50 },
+ { species: "Olive Ridley Turtle", population: 200 }
+ ]
+ },
+ {
+ name: "Balpakram National Park",
+ location: { lat: 25.4866, lng: 91.5507 },
+ species: [
+ { species: "Barking Deer", population: 80 },
+ { species: "Leopard", population: 20 },
+ { species: "Sambar Deer", population: 150 },
+ { species: "Indian Bison", population: 60 },
+ { species: "Golden Cat", population: 10 }
+ ]
+ },
+ {
+ name: "Mouling National Park",
+ location: { lat: 28.1561, lng: 94.7006 },
+ species: [
+ { species: "Snow Leopard", population: 40 },
+ { species: "Black Bear", population: 20 },
+ { species: "Barking Deer", population: 80 },
+ { species: "Wild Boar", population: 60 },
+ { species: "Himalayan Blue Sheep", population: 50 }
+ ]
+ },
+ {
+ name: "Betla National Park",
+ location: { lat: 23.7132, lng: 84.1843 },
+ species: [
+ { species: "Bengal Tiger", population: 30 },
+ { species: "Indian Elephant", population: 50 },
+ { species: "Sambar Deer", population: 150 },
+ { species: "Chital", population: 400 },
+ { species: "Indian Wolf", population: 20 }
+ ]
+ },
+ {
+ name: "Nokrek Ridge National Park",
+ location: { lat: 25.3168, lng: 90.3530 },
+ species: [
+ { species: "Barking Deer", population: 50 },
+ { species: "Indian Bison", population: 100 },
+ { species: "Leopard", population: 10 },
+ { species: "Golden Cat", population: 5 },
+ { species: "Red Panda", population: 15 }
+ ]
+ },
+ {
+ name: "Neora Valley National Park",
+ location: { lat: 27.0272, lng: 88.7942 },
+ species: [
+ { species: "Red Panda", population: 20 },
+ { species: "Leopard", population: 15 },
+ { species: "Barking Deer", population: 80 },
+ { species: "Musk Deer", population: 25 },
+ { species: "Himalayan Black Bear", population: 10 }
+ ]
+ },
+ {
+ name: "Singalila National Park",
+ location: { lat: 27.0646, lng: 88.8594 },
+ species: [
+ { species: "Red Panda", population: 15 },
+ { species: "Barking Deer", population: 30 },
+ { species: "Himalayan Black Bear", population: 20 },
+ { species: "Musk Deer", population: 20 },
+ { species: "Snow Leopard", population: 5 }
+ ]
+ },
+ {
+ name: "Middle Button Island National Park",
+ location: { lat: 10.4004, lng: 92.7494 },
+ species: [
+ { species: "Dugong", population: 10 },
+ { species: "Green Sea Turtle", population: 50 },
+ { species: "Hawksbill Turtle", population: 20 },
+ { species: "Coral Species", population: 100 },
+ { species: "Crab Species", population: 30 }
+ ]
+ },
+ {
+ name: "Mount Harriet National Park",
+ location: { lat: 11.6137, lng: 92.4967 },
+ species: [
+ { species: "Barking Deer", population: 50 },
+ { species: "Nilgai", population: 20 },
+ { species: "Leopard", population: 15 },
+ { species: "Sambar Deer", population: 60 },
+ { species: "Indian Bison", population: 30 }
+ ]
+ },
+ {
+ name: "North Button Island National Park",
+ location: { lat: 10.3478, lng: 92.7595 },
+ species: [
+ { species: "Dugong", population: 10 },
+ { species: "Green Sea Turtle", population: 20 },
+ { species: "Coral Species", population: 80 },
+ { species: "Crab Species", population: 30 },
+ { species: "Sea Urchin", population: 50 }
+ ]
+ },
+ {
+ name: "Saddle Peak National Park",
+ location: { lat: 13.1643, lng: 92.8898 },
+ species: [
+ { species: "Barking Deer", population: 40 },
+ { species: "Indian Bison", population: 50 },
+ { species: "Leopard", population: 20 },
+ { species: "Indian Elephant", population: 30 },
+ { species: "Red Panda", population: 10 }
+ ]
+ },
+ {
+ name: "South Button Island National Park",
+ location: { lat: 10.4010, lng: 92.7385 },
+ species: [
+ { species: "Dugong", population: 5 },
+ { species: "Green Sea Turtle", population: 10 },
+ { species: "Coral Species", population: 50 },
+ { species: "Crab Species", population: 20 },
+ { species: "Sea Urchin", population: 30 }
+ ]
+ }
];
+
+
- // Loop through the parks and add them to the map
- nationalParks.forEach(park => {
- addMarker(park.lat, park.lng, park.name, parkIcon);
- });
+ const addParkMarker = (park) => {
+ const marker = L.marker([park.location.lat, park.location.lng], { icon: parkIcon }).addTo(map);
+ const speciesDetails = park.species.map(s => `${s.species}: ${s.population}`).join("
+
${park.name}
+
Species Found and their population:
+
Date: Sun, 27 Oct 2024 00:32:44 +0530
Subject: [PATCH 4/5] changes done in css of cards
---
assets/css/style.css | 139 +++++++++++++++++++++++++------------------
index.html | 53 +++++++++++++++--
style_changed.css | 66 --------------------
3 files changed, 130 insertions(+), 128 deletions(-)
diff --git a/assets/css/style.css b/assets/css/style.css
index 00fdb0a3..e76b7cc8 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1168,106 +1168,129 @@ html {
/*-----------------------------------*\
#SERVICE
\*-----------------------------------*/
-
-.service {
- background-color: var(--baby-powder);
- background-repeat: no-repeat;
- background-position: center top;
- margin-block-start: -200px;
- padding-block-start: 200px;
-}
-
-.service .section-title {
- margin-block: 10px 40px;
-}
-
+/* Service list layout: horizontal row */
.service-list {
- display: grid;
- gap: 30px;
+ display: flex; /* Arrange items horizontally */
+ justify-content: center; /* Center cards horizontally */
+ gap: 30px; /* Space between cards */
}
+/* Service card styling */
.service-card {
+ position: relative;
background-color: var(--white);
text-align: center;
- padding: 45px 40px;
- border-radius: 2px;
+ padding: 0; /* Remove padding for precise centering */
+ border-radius: 8px;
outline: 3px solid transparent;
box-shadow: var(--card-shadow);
transition: var(--transition-2);
+ overflow: hidden;
+ width: 300px;
+ height: 400px; /* Consistent height for all cards */
+ display: flex;
+ align-items: center; /* Center inner card vertically */
+ justify-content: center; /* Center inner card horizontally */
}
-.service-card:is(:hover, :focus-within) {
- outline-color: var(--pistachio);
+/* Inner card styling for flipping effect */
+.card-inner {
+ position: relative;
+ width: 90%; /* Slightly smaller to fit well inside */
+ height: 90%; /* Slightly smaller to fit well inside */
+ transition: transform 0.6s;
+ transform-style: preserve-3d;
}
+/* Card flipping front and back faces */
+.card-front, .card-back {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ backface-visibility: hidden;
+ top: 0;
+ left: 0;
+ padding: 20px; /* Adjust padding as needed */
+ box-sizing: border-box;
+}
+
+/* Front of the card */
+.card-front {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+
+/* Back of the card */
+.card-back {
+ transform: rotateY(180deg);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+
+/* Flipping effect on hover */
+.service-card:hover .card-inner,
+.service-card:focus-within .card-inner {
+ transform: rotateY(180deg);
+}
+
+/* Card icon styling */
.service-card .card-icon {
color: var(--pistachio);
- font-size: 7rem;
- max-width: max-content;
- margin-inline: auto;
+ font-size: 4rem;
+ margin-bottom: 15px;
}
.service-card .card-icon ion-icon {
--ionicon-stroke-width: 20px;
}
+/* Card title and text */
+/* Enlarged card title */
.service-card .card-title {
- letter-spacing: -1px;
- margin-block: 10px;
+ font-size: 2rem; /* Increase to a larger size */
+ font-weight: bold; /* Makes the title bold */
+ letter-spacing: -0.5px;
+ margin-block: 10px 15px; /* Adjust margins for better spacing */
+ color: var(--black); /* Optional: make sure the color contrasts well */
}
+
.service-card .card-text {
font-family: var(--ff-inter);
+ font-size: 1rem;
+ margin-block: 10px;
}
+/* Button styling */
.btn-link {
- display: flex;
- justify-content: center;
+ display: inline-flex;
align-items: center;
gap: 5px;
color: var(--silver-chalice);
- font-size: var(--fs-8);
+ font-size: 0.9rem;
font-weight: var(--fw-600);
margin-block-start: 15px;
+ text-decoration: none;
}
.btn-link span {
text-decoration: underline;
}
-.btn-link span:hover{
+.btn-link span:hover {
cursor: pointer;
}
-#service-card1 {
- transition: transform 0.3s ease;
-}
-
-#service-card1:hover {
- transform: scale(1.025);
-}
-
-#service-card2 {
- transition: transform 0.3s ease;
-}
-
-#service-card2:hover {
- transform: scale(1.025);
-}
-
-#service-card3 {
- transition: transform 0.3s ease;
-}
-
-#service-card3:hover {
- transform: scale(1.025);
-}
-
-#service-card4 {
+/* Individual card hover effect */
+#service-card1, #service-card2, #service-card3, #service-card4 {
transition: transform 0.3s ease;
}
-#service-card4:hover {
+#service-card1:hover, #service-card2:hover, #service-card3:hover, #service-card4:hover {
transform: scale(1.025);
}
@@ -1586,8 +1609,10 @@ data{
.event-card .card-text {
font-family: var(--ff-inter);
margin-block: 5px 30px;
+ font-size: 1.5rem; /* Makes the text larger */
}
+
.event .btn-secondary {
margin-inline: auto;
}
@@ -2906,8 +2931,8 @@ data{
/* Styles for the flip card effect */
.card-inner {
position: relative;
- width: 100%;
- height: 100%;
+ width: 250px;
+ height: 320px;
transition: transform 0.6s;
transform-style: preserve-3d;
}
@@ -2932,7 +2957,7 @@ data{
}
.service-card:hover .card-inner {
- animation: rotateCard 2s forwards;
+ animation: rotateCard 3.5s forwards;
}
@keyframes rotateCard {
diff --git a/index.html b/index.html
index 92a57fcb..cb0fa40b 100644
--- a/index.html
+++ b/index.html
@@ -531,6 +531,49 @@
+
+
@@ -606,9 +649,6 @@ 324+ Trusted Global Partners
-
-
-
@@ -626,6 +666,9 @@
We Work Differently to keep The World Safe
+
@@ -1725,7 +1768,7 @@ Quick Links
+
document.addEventListener('DOMContentLoaded', function () {
diff --git a/style_changed.css b/style_changed.css
index f51b9985..ccedca22 100644
--- a/style_changed.css
+++ b/style_changed.css
@@ -612,71 +612,6 @@ body {
#SERVICE
\*-----------------------------------*/
-.service {
- background-color: var(--baby-powder);
- background-repeat: no-repeat;
- background-position: center top;
- margin-block-start: -200px;
- padding-block-start: 200px;
-}
-
-.service .section-title {
- margin-block: 10px 40px;
-}
-
-.service-list {
- display: grid;
- gap: 30px;
-}
-
-.service-card {
- background-color: var(--white);
- text-align: center;
- padding: 45px 40px;
- border-radius: 2px;
- outline: 3px solid transparent;
- box-shadow: var(--card-shadow);
- transition: var(--transition-2);
-}
-
-.service-card:is(:hover, :focus-within) {
- outline-color: var(--pistachio);
-}
-
-.service-card .card-icon {
- color: var(--pistachio);
- font-size: 7rem;
- max-width: max-content;
- margin-inline: auto;
-}
-
-.service-card .card-icon ion-icon {
- --ionicon-stroke-width: 20px;
-}
-
-.service-card .card-title {
- letter-spacing: -1px;
- margin-block: 10px;
-}
-
-.service-card .card-text {
- font-family: var(--ff-inter);
-}
-
-.btn-link {
- display: flex;
- justify-content: center;
- align-items: center;
- gap: 5px;
- color: var(--silver-chalice);
- font-size: var(--fs-8);
- font-weight: var(--fw-600);
- margin-block-start: 15px;
-}
-
-.btn-link span {
- text-decoration: underline;
-}
/*-----------------------------------*\
#DONATE
@@ -741,7 +676,6 @@ body {
font-weight: var(--fw-500);
}
-@media (min-width: 1200px) {
From 9db7d8954802f36521eba14c41cede191296fe98 Mon Sep 17 00:00:00 2001
From: Mohitpatil344
Date: Wed, 30 Oct 2024 22:50:05 +0530
Subject: [PATCH 5/5] issue no #1664
---
terms-of-use.html | 109 ++++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 109 insertions(+)
create mode 100644 terms-of-use.html
diff --git a/terms-of-use.html b/terms-of-use.html
new file mode 100644
index 00000000..1036828a
--- /dev/null
+++ b/terms-of-use.html
@@ -0,0 +1,109 @@
+
+
+
+ WildGuard - Terms of service
+
+
+
+
+
← Back
+
+
Terms of Service
+
+
Introduction
+
+ Welcome to WildGuard! These Terms of Use govern your access and use of our website and services. By using our site, you agree to comply with and be bound by these terms. Please read them carefully.
+
+
+
Eligibility
+
+ You must be at least 18 years old to use our services. By accessing or using the site, you represent and warrant that you have the legal capacity to agree to these Terms.
+
+
+
Use of the Website
+
+ You are granted a non-exclusive, non-transferable, revocable license to access and use WildGuard's website strictly in accordance with these Terms. You agree not to use the site for any unlawful purpose and to comply with all applicable laws and regulations.
+
+
+
User Accounts
+
+ To access certain features of our website, you may be required to register an account. You are responsible for maintaining the confidentiality of your account information, including your password. You agree to notify us immediately of any unauthorized use of your account.
+
+
+
Intellectual Property Rights
+
+ All content on WildGuard, including text, images, logos, and software, is the property of WildGuard or its content suppliers and is protected by intellectual property laws. You may not use, reproduce, or distribute any content from this website without our written permission.
+
+
+
Prohibited Activities
+
+ You agree not to engage in any of the following activities:
+
+
+ Using the site in a way that could damage, disable, or impair its functionality.
+ Attempting to gain unauthorized access to any portion or feature of the website.
+ Using any automated means to access the site, such as bots or spiders.
+ Engaging in any activity that interferes with other users' ability to use the site.
+
+
+
Limitation of Liability
+
+ WildGuard shall not be held liable for any damages that result from the use of, or inability to use, the website. This includes, but is not limited to, direct, indirect, incidental, and consequential damages. We make no warranties or representations about the accuracy or completeness of the site's content.
+
+
+
Indemnification
+
+ You agree to indemnify and hold WildGuard harmless from any claims, losses, or damages, including legal fees, arising from your use of the website or violation of these Terms.
+
+
+
Modifications to the Terms
+
+ We reserve the right to modify or replace these Terms at any time. Changes will be posted on this page, and your continued use of the site constitutes acceptance of the modified terms.
+
+
+
Governing Law
+
+ These Terms are governed by and construed in accordance with the laws of the jurisdiction in which WildGuard operates. Any disputes arising from these Terms will be resolved in the courts of that jurisdiction.
+
+
+
Contact Us
+
+ If you have any questions about these Terms, please contact us through the homepage.
+
+
+
+
+
+ 
+ 
+