Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
308 changes: 308 additions & 0 deletions aboutus.html

Large diffs are not rendered by default.

54 changes: 54 additions & 0 deletions conservationprojectform.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Conservation Project Form</title>
<!-- Include Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
<h2>Conservation Project Form</h2>
<form id="conservationProjectForm">
<div class="form-group">
<label for="park">Park:</label>
<select class="form-control" id="park" name="park" required>
<option value="">Select a Park</option>
<!-- Sample Park Options -->
<option value="park1">Yellowstone National Park</option>
<option value="park2">Yosemite National Park</option>
<!-- Add more parks as needed -->
</select>
</div>
<div class="form-group">
<label for="projectName">Project Name:</label>
<input type="text" class="form-control" id="projectName" name="projectName" required>
</div>
<div class="form-group">
<label for="startDate">Start Date:</label>
<input type="date" class="form-control" id="startDate" name="startDate" required>
</div>
<div class="form-group">
<label for="endDate">End Date:</label>
<input type="date" class="form-control" id="endDate" name="endDate">
</div>
<div class="form-group">
<label for="objectives">Objectives:</label>
<textarea class="form-control" id="objectives" name="objectives" rows="3" required></textarea>
</div>
<div class="form-group">
<label for="findings">Findings:</label>
<textarea class="form-control" id="findings" name="findings" rows="3"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
<a href="index.html" class="btn btn-secondary">Cancel</a>
</form>
</div>

<!-- Include Bootstrap JS and its dependencies -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
54 changes: 54 additions & 0 deletions environmentaldataform.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Environmental Data Form</title>
<!-- Include Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
<h2>Environmental Data Form</h2>
<form id="environmentalDataForm">
<div class="form-group">
<label for="park">Park:</label>
<select class="form-control" id="park" name="park" required>
<option value="">Select a Park</option>
<!-- Sample Park Options -->
<option value="park1">Yellowstone National Park</option>
<option value="park2">Yosemite National Park</option>
<!-- Add more parks as needed -->
</select>
</div>
<div class="form-group">
<label for="dateTime">Date and Time of Data Recording:</label>
<input type="datetime-local" class="form-control" id="dateTime" name="dateTime" required>
</div>
<div class="form-group">
<label for="temperature">Temperature (°C or °F):</label>
<input type="number" step="0.01" class="form-control" id="temperature" name="temperature" placeholder="Enter temperature" required>
</div>
<div class="form-group">
<label for="airQualityIndex">Air Quality Index:</label>
<input type="number" class="form-control" id="airQualityIndex" name="airQualityIndex" required>
</div>
<div class="form-group">
<label for="waterQualityIndex">Water Quality Index:</label>
<input type="number" class="form-control" id="waterQualityIndex" name="waterQualityIndex" required>
</div>
<div class="form-group">
<label for="notes">Notes:</label>
<textarea class="form-control" id="notes" name="notes" rows="3"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
<a href="index.html" class="btn btn-secondary">Cancel</a>
</form>
</div>

<!-- Include Bootstrap JS and its dependencies -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 0 additions & 1 deletion index.html

This file was deleted.

50 changes: 50 additions & 0 deletions parkregistrationform.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Park Registration Form</title>
<!-- Include Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
<h2>Conservation Park Registration Form</h2>
<form id="parkRegistrationForm">
<div class="form-group">
<label for="parkName">Park Name:</label>
<input type="text" class="form-control" id="parkName" name="parkName" required>
</div>
<div class="form-group">
<label for="parkLocation">Location (latitude and longitude or address):</label>
<input type="text" class="form-control" id="parkLocation" name="parkLocation" required>
</div>
<div class="form-group">
<label for="establishmentDate">Establishment Date:</label>
<input type="date" class="form-control" id="establishmentDate" name="establishmentDate" required>
</div>
<div class="form-group">
<label for="parkArea">Area:</label>
<input type="text" class="form-control" id="parkArea" name="parkArea" placeholder="Enter in acres or square kilometers" required>
</div>
<div class="form-group">
<label for="conservationStatus">Conservation Status:</label>
<select class="form-control" id="conservationStatus" name="conservationStatus" required>
<option value="">Select Status</option>
<option value="endangered">Endangered</option>
<option value="vulnerable">Vulnerable</option>
<option value="leastConcern">Least Concern</option>
<option value="nearThreatened">Near Threatened</option>
<option value="notEvaluated">Not Evaluated</option>
</select>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
<button type="button" onclick="document.location='index.html'" class="btn btn-primary">Cancel</button>
</form>
</div>
<!-- Include Bootstrap JS and its dependencies below -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.9/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
52 changes: 52 additions & 0 deletions parkspeciesmappingform.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Park Species Mapping Form</title>
<!-- Include Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
<h2>Park Species Mapping Form</h2>
<form id="parkSpeciesMappingForm">
<div class="form-group">
<label for="park">Park:</label>
<select class="form-control" id="park" name="park" required>
<option value="">Select a Park</option>
<!-- Sample Park Options -->
<option value="park1">Yellowstone National Park</option>
<option value="park2">Yosemite National Park</option>
<!-- Add more parks as needed -->
</select>
</div>
<div class="form-group">
<label for="species">Species:</label>
<select class="form-control" id="species" name="species" required>
<option value="">Select a Species</option>
<!-- Sample Species Options -->
<option value="species1">American Bison</option>
<option value="species2">California Condor</option>
<!-- Add more species as needed -->
</select>
</div>
<div class="form-group">
<label for="countEstimate">Count Estimate:</label>
<input type="number" class="form-control" id="countEstimate" name="countEstimate" required>
</div>
<div class="form-group">
<label for="lastSurveyedDate">Last Surveyed Date:</label>
<input type="date" class="form-control" id="lastSurveyedDate" name="lastSurveyedDate" required>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
<a href="index.html" class="btn btn-secondary">Cancel</a>
</form>
</div>

<!-- Include Bootstrap JS and its dependencies -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
33 changes: 0 additions & 33 deletions sample.html

This file was deleted.

51 changes: 51 additions & 0 deletions speciescatalogform.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Species Catalog Form</title>
<!-- Include Bootstrap CSS -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
<h2>Species Catalog Form</h2>
<form id="speciesCatalogForm">
<div class="form-group">
<label for="commonName">Common Name:</label>
<input type="text" class="form-control" id="commonName" name="commonName" required>
</div>
<div class="form-group">
<label for="scientificName">Scientific Name:</label>
<input type="text" class="form-control" id="scientificName" name="scientificName" required>
</div>
<div class="form-group">
<label for="conservationStatus">Conservation Status:</label>
<select class="form-control" id="conservationStatus" name="conservationStatus" required>
<option value="">Select Status</option>
<option value="criticallyEndangered">Critically Endangered</option>
<option value="endangered">Endangered</option>
<option value="vulnerable">Vulnerable</option>
<option value="nearThreatened">Near Threatened</option>
<option value="leastConcern">Least Concern</option>
</select>
</div>
<div class="form-group">
<label for="category">Category:</label>
<select class="form-control" id="category" name="category" required>
<option value="">Select Category</option>
<option value="flora">Flora</option>
<option value="fauna">Fauna</option>
</select>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
<a href="index.html" class="btn btn-secondary">Cancel</a>
</form>
</div>

<!-- Include Bootstrap JS and its dependencies -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>