Index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <title>Gusau crime Reporting System</title>
</head
<body>
  <div class="watermark"></div> <!-- Watermark image -->
  <header>
  <nav class="navbar">
    <div class="logo">GUSAU CRIME REPORTING SYSTEM</div>
    <button class="menu-toggle" onclick="toggleMenu()">☰</button>
    <ul class="nav-links">
      <li><a href="Index.html">Home</a></li>
      <li><a href="crime2.html">Report a Crime</a></li>
       <li><a href="inde.html">Zamfara State security Report</a></li>
      <li><a href="crime3.html">Crime Dashboard</a></li>
      <li><a href="crime faqs.html">FAQs</a></li>
      <li><a href="crime4.html">About Us</a></li>
      <li><a href="crime6.html">Terms and Conditions</a></li>
      <li><a href="Privay.html">Privacy Policy</a></li>
    </ul>
  </nav>
  </header>
 <main>
        <section id="intro">
            <h1 id="P">Welcome to the Gusau Crime Reporting System</h1>
            <p id="T">This platform enables you to report crimes securely and anonymously.</p>
            <button onclick="location.href='Crime2.html'" class="cta">Report a Crime Now</button>
        </section>
        <section id="statistics">
            <h2>Featured Statistics</h2>
            <div class="stats">
                <p>Total Reports: <strong>150</strong></p>
                <p>Resolved Cases: <strong>120</strong></p>
            </div>
        </section>
    </main>
    
    <footer>
        <p>&copy; 2024 Crime Reporting System</p>
    </footer>
    <script src="Crime1.js"></script>
</body>
</html>
  <script src="scripts.js"></script>
</body>
</html>