Untitled

                Never    
Text
       
<!DOCTYPE html>
<html lang="en-IT">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/svg+xml" href="../assets/icons/favicon.svg">
  <link rel="stylesheet" href="/outdoortribe/templates/styles/footer.css">
  <link rel="stylesheet" href="/outdoortribe/templates/styles/header.css">
  <link rel="stylesheet" href="styles/createactivity.css">
  <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:wght@300;400;500;700&display=swap" rel="stylesheet">
  <title>Create New Activity</title>
</head>
<body>
  <main class="outer-flex-container">
    <div class="title-container">
      <h1>Create a new Activity</h1>
    </div>
    <form id="check-form" action="check.php" method="post">
    <div class="form-container">
        <div class="location-container">
          <div class="text-container">
            Which Activity?
          </div>
            <label class="label-hidden" for="location">Location</label>
            <input type="text" id="location" placeholder="Location">
        </div>
        <div class="activity-container">
          <div class="text-container">
            Which Activity?
          </div>
            <label class="label-hidden" for="activity-type">Type of Activity</label>
            <select name="activity-type" id="activity-type" required>
              <option value="" disabled selected hidden>Activity</option>
              <option value="trekking">Trekking</option>
              <option value="mountain-biking">Mountain Biking</option>
              <option value="hike">Hike</option>
              <option value="walk">Walk</option>
            </select>
        </div>
        <div class="buttons-container">
          <button id="check-btn" type="submit">Check</button>
        </div>
      </div>
    </form>
    <div class="message-container">
      <p>Please, enter coordinates</p>
    </div>
    <div class="image-container">
      <img src="../assets/icons/map.svg" alt="map">
    </div>
  </main>

  <script src="./javascript/createactivity.js"></script>

</body>
</html>

<?php 
include ('./../templates/header.html'); 
include('./../templates/footer.html')
?>

Raw Text