Added new template.

website/atlasfind/templates/search.html

@@ -0,0 +1,37 @@
+{% extends "base.html" %}
+{% block content %}
+<div class="search-container">
+<form action="{% url 'home' %}" method="GET">
+  <input class="search-box" type="text" name="search" placeholder="Search...">
+  <button id="search-button" class="search-btn" type="submit">Search</button>
+</form>
+</div>
+<div class="search-results">
+  {% if results %}
+      <ul>
+      {% for result in results %}
+          <li>{{ result }}</li>
+      {% endfor %}
+      </ul>
+  {% else %}
+      <p>No results found.</p>
+  {% endif %}
+</div>
+<script>
+  $('#search-button').click(function(event) {
+    event.preventDefault();
+    var query = $('#search-box').val();
+    $.ajax({
+      url: 'http://localhost:8000/search/',
+      data: {
+        'query': query
+      },
+      success: function(data) {
+        $('.search-results').html(data);
+        $('.search-results').addClass('search-results');
+        $('.search-results').show();
+      }
+    });
+  });
+</script>
+{% endblock %}