diff --git a/Public/ecrime/index.html b/Public/ecrime/index.html
new file mode 100644
index 00000000..8ba9988d
--- /dev/null
+++ b/Public/ecrime/index.html
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+ Crime Reporting Interface
+
+
+
+
+
+
+
+
+
diff --git a/Public/ecrime/script.js b/Public/ecrime/script.js
new file mode 100644
index 00000000..8093a023
--- /dev/null
+++ b/Public/ecrime/script.js
@@ -0,0 +1,19 @@
+// Function to handle the submission of the crime report
+function submitCrimeReport() {
+ // Fetch values from the form
+ var name = document.getElementById('name').value;
+ var crimeDescription = document.getElementById('crimeDescription').value;
+ var region = document.getElementById('region').value;
+ var county = document.getElementById('county').value;
+
+ // Perform further processing or send the data to a server for storage
+
+ // For now, just log the data to the console
+ console.log("Name: " + name);
+ console.log("Crime Description: " + crimeDescription);
+ console.log("Region: " + region);
+ console.log("County: " + county);
+
+ // You can add additional logic here, such as sending the data to a server using AJAX
+}
+
diff --git a/Public/ecrime/style.css b/Public/ecrime/style.css
new file mode 100644
index 00000000..4905ac36
--- /dev/null
+++ b/Public/ecrime/style.css
@@ -0,0 +1,45 @@
+body {
+ font-family: Arial, sans-serif;
+ background-color: #f4f4f4;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ height: 100vh;
+}
+
+form {
+ background-color: #fff;
+ padding: 20px;
+ border-radius: 8px;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+ width: 300px;
+}
+
+label {
+ display: block;
+ margin-bottom: 8px;
+}
+
+input,
+textarea,
+select {
+ width: 100%;
+ padding: 8px;
+ margin-bottom: 16px;
+ box-sizing: border-box;
+}
+
+button {
+ background-color: #007bff;
+ color: #fff;
+ padding: 10px;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+}
+
+button:hover {
+ background-color: #0056b3;
+}