contact.html

{% extends 'base.html' %}

{% block title %}Contact{% endblock title %}

{% block body %}
<div class='container-fluid px-0 mb-3 py-4'>
<img src="https://source.unsplash.com/900x400/?phone,contact" class="d-block w-100 mx-0" alt="...">
</div>
<div class='container'>
 <h1 class='text-center'>Contact Us</h1>
 <form method='post' action="/">
 {% csrf_token %}

  <div class="form-group">
    <label for="name">Name</label>
    <input type="name" class="form-control" id="name" name='name' placeholder="Enter your Name">
  </div>
  <div class="form-group">
    <label for="email">Email address</label>
    <input type="email" class="form-control" id="email"  name='email' placeholder="Enter your email">
  </div>
  <div class="form-group">
    <label for="phone">Phone Number</label>
    <input type="phone" class="form-control" id="phone" name='phone' placeholder="Enter your Phone Number">
  </div>
     
  
  <div class="form-group">
    <label for="exampleFormControlTextarea1">Tell me what you want to contact me for...</label>
    <textarea class="form-control" id="desc" rows="desc" name='desc'></textarea>
  </div>
  <button class='btn btn-primary'type='Submit'>Submit</button>
</form>

</div>

{% endblock body %}