forked from anuragverma108/WildGuard
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
129 lines (121 loc) · 4.36 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
/>
<title>About - WildGuard</title>
<!--
- favicon
-->
<link rel="shortcut icon" href="./favicon.svg" type="image/svg+xml" />
<!--
- fontawesome icon link
-->
<script
src="https://kit.fontawesome.com/418b80718b.js"
crossorigin="anonymous"
></script>
<!--
- google font link
-->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Roboto:wght@300;400;500;700&family=Oswald:wght@600&display=swap"
rel="stylesheet"
/>
<script
type="module"
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"
></script>
<link rel="stylesheet" href="./Events-Data/modal.css" />
</head>
<body>
<header style="padding: 2rem; border-bottom: 1px solid #91be55">
<div>
<nav style="display: flex; justify-content: space-evenly">
<h2>
<a href="index.html" style="text-decoration: none; color: #91be55">
WildGuard
</a>
</h2>
<ul
style="
display: flex;
list-style: none;
justify-content: space-between;
padding: 0;
width: 10rem;
"
>
<li>
<a
href="index.html"
style="text-decoration: none; color: black; font-weight: 500"
>
<span>Home</span>
</a>
</li>
<li>
<a
href="about.html"
style="text-decoration: none; color: black; font-weight: 500"
>
<span>About</span>
</a>
</li>
</ul>
</nav>
</div>
</header>
<section>
<div style="display: flex; padding: 2rem; align-items: center;">
<div style="padding: 1rem 2rem">
<h1>Protecting Wildlife In tech era</h1>
<p>
Wild Guard is a cutting-edge web application dedicated to the
protection and preservation of wild animals. As human activities
encroach upon natural habitats, the survival of wildlife becomes
increasingly threatened. Wild Guard aims to be a powerful tool for
conservationists, researchers, and animal lovers to monitor and
safeguard endangered species across the globe.
</p>
<p>
Wild Guard: Protecting Wildlife Through Technology Wild Guard is a
cutting-edge web application dedicated to the protection and
preservation of wild animals. As human activities encroach upon
natural habitats, the survival of wildlife becomes increasingly
threatened. user-generated reports to map movements and habitats.
This data helps wildlife organizations predict potential dangers,
such as poaching, habitat loss, or human-animal conflict, allowing
for quicker and more effective responses. Wild Guard also features
educational resources, offering users insight into the challenges
faced by various species and ways to contribute to their protection.
</p>
<p>
Our mission is simple: to harness the power of technology and
community to protect the world’s wildlife before it’s too late. With
Wild Guard, we can all play a role in guarding the wild and ensuring
a safer future for animals at risk.
</p>
</div>
<div>
<img src="./assets/images/community-hero-bg.jpeg" alt="" srcset="" />
</div>
</div>
</section>
</body>
</html>