Homepage/index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Crime Analysis and Prediction</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="icon" href="images/favicon.ico">
  </head>
  <body>
    <img src="images/logo-final.png" class="crime-logo" alt="crime logo">
    <div class="intro">
      <img src="images/crime.jpg" class="crime-img" alt="crime img">
      <h1>About Us</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra vestibulum velit a laoreet. Donec placerat,
        libero id pharetra malesuada, nisl arcu blandit tortor, non eleifend sapien purus ac erat. Mauris commodo, nunc
        placerat tempus faucibus, quam tortor pellentesque neque, ac tincidunt erat mi ac ligula. Fusce ante quam, efficitur
        eget lorem quis, auctor dapibus metus.
      </p>


    </div>
    <div class="crime-area">
      <h2>Analysis of Crime in your Area</h2>
      Enter your City: <select class="city" name="City">
        <option value="delhi">Delhi</option>
        <option value="bombay">Mumbai</option>
        <option value="kolkata">Kolkata</option>
        <option value="Chennai">Chennai</option>
        <option value="Bangalore">Bangalore</option>
      </select>
      <br>
      <button type="button" name="btn btn-primary">Display</button>

    </div>
  </body>
  </html>