-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
98 lines (76 loc) · 4.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Community Crime Mapping</title>
<!-- Link to CSS files -->
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<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=Roboto+Flex:opsz,[email protected],400;8..144,500&display=swap" rel="stylesheet">
<!--Files for glowing header-->
<link rel="preconnect" href="https://fonts.googleapi s.com">
<link rel="preconnect" href="https://fonts.gstatic.co m" crossorigin>
<link href="https://fonts.googleapis.com/css?family= Space+Mono:wght@400;700&family=Rubik:wght@400%;500&displ ay=swap" rel="stylesheet">
</head>
<body class="page3">
<!--Header Code Here-->
<nav class="navbar">
<div class="container">
<div class="logo">
<img src="img/WhatsApp Image 2023-11-27 at 5.03.58 PM.jpeg" alt="Logo">
</div>
<div class="nav-links">
<a href="http://127.0.0.1:5500/index.html">Home</a>
<a href="http://127.0.0.1:5500/map.html">Map</a>
<a href="http://127.0.0.1:5500/about.html">About</a>
<a href="http://127.0.0.1:5500/contact.html">Contact</a>
<a href="http://127.0.0.1:5500/safety.html">Safety Measures</a>
<a href="http://127.0.0.1:5500/report.html">Report</a>
<a href="http://127.0.0.1:5500/Sign-up.html">Sign-up</a>
</div>
</div>
</nav>
<!--Main Body Code Here-->
<div class="about-heading">
<h1 data-value="About Our Page">About Our Page</h1>
</div>
<div class="about-description-container">
<p class="about-description">Our unique community crime mapping project utilizes technology and community input to visualize real-time crime data.It empowers citizens by<br>
providing interactive maps highlighting crime trends and hotspots.By fostering collaboration and awareness, it encourages proactive measures for safety.<br>
This innovative platform transforms how we perceive and address security within our nation.<br></p>
</div>
<div class="card-container">
<div class="card">
<h3>Crime Prevention Strategies</h3>
<p>Using the mapped data to identify areas prone to crime and collaborating with local law enforcement to develop targeted crime prevention strategies. This could involve increasing patrols, implementing neighborhood watch programs, or improving street lighting.</p>
</div>
<div class="card">
<h3>Data Visualization</h3>
<p>Utilizing modern tools and technologies to visually represent crime data, making it accessible and understandable for the community. Maps, charts, and graphs can highlight crime trends, hotspots, and patterns.</p>
</div>
<div class="card">
<h3>Community Engagement</h3>
<p>Involving the community in the process by gathering their input, concerns, and suggestions. This could be through surveys, town hall meetings, or interactive online platforms to encourage participation.</p>
</div>
<div class="card">
<h3>Empowering Decision-Making</h3>
<p>Equipping policymakers, law enforcement, and community leaders with valuable insights derived from the mapped data to make informed decisions regarding resource allocation, policy changes, or community programs.</p>
</div>
</div>
<!--Footer Code Here-->
<footer class="footer">
<div class="container">
<p>© 2023 Community Crime Mapping </p>
</div>
</footer>
<!--JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<!--js codes for animated header ,hehehe-->
<script src='https://codepen.io/Hyperplexed/pen/xxYJY jM/54407644e24173ad6019b766443bf2a6.js'></script>
<script src="javaScriptCodes.js"></script>
</body>
</html>