djangoで該当箇所のページの作り方を教えてください。

Djangoで画像のようなページ構成を作りたいです。
下記のソースやhtmlを作ったのですがエラーになってしまいます。
「/contact」は表示されるのですがボタンを押しても「/contalt/result」にアクセスできません。
直接入力で「/contalt/result」をURL指定するとアクセスできるのでURLは存在していて、ソースコード上の問題かと思います。

また問い合わせ確認画面も作りたいのですが作り方が分かりません。
これら問題の解決方法が分かる方いたらソースコード等を教えて欲しいです。

新人業務でHP制作を任されていて期限的にも間に合わなさそうで、やり方というより答えを知りたいです。
分かる方いたらお願い致します。

contact_result.html

<!doctype html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<title>Hello, world!</title>

</head> <body> {% block content %} {{ success }} {% endblock %}

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

</body> </html>

contact_forms.html

<!doctype html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<title>問い合わせフォーム</title>

</head> <body>

{% block content %}
<div class="container">
<div class="row">
    <div class="col-md-8">
    <h3>御社名：OO株式会社</h3>
    <p> {% for i in message %}
      class="modal-body">
        {{i.body}}
      {% endfor %}</p>
    <form method="POST">{% csrf_token %}
        {{ form.as_p }}
        <button type="submit" class="btn btn-primary">送信</button>
    </form>
    </div>
</div>
</div>
{% endblock %}

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

</body> </html>

forms.py

from django import forms
from django.conf import settings
from django.core.mail import BadHeaderError, send_mail
from django.http import HttpResponse
from django.contrib.auth.models import User

class ContactForm(forms.Form):
message = forms.CharField(
label='',
widget=forms.Textarea(attrs={
'class': 'form-control',
'placeholder': "お問い合わせ内容",
}),
)

def send_email(self):
    subject = "お問い合わせ"
    message = self.cleaned_data['message']
    name = self.cleaned_data['name']
    email = self.cleaned_data['email']
    from_email = '{name} <{email}>'.format(name=name, email=email)
    recipient_list = [settings.EMAIL_HOST_USER]  # 受信者リスト
    try:
        send_mail(subject, message, from_email, recipient_list)
    except BadHeaderError:
        return HttpResponse("無効なヘッダが検出されました。")

app/urls.py

urlpatterns = [
path("main",views.Index.as_view(), name="Index"),
path("name/<name>",views.Page2.as_view(), name="Page2"),
path("name/<name>/<category>",views.Page3.as_view(), name="Page3"),
path('contact/', ContactFormView.as_view(), name='contact_form'),
path('contact/result/', ContactResultView.as_view(), name='contact_result'),

view.py

class ContactFormView(FormView):
template_name = 'contact/contact_form.html'
form_class = ContactForm
success_url = reverse_lazy('contact_result')

def form_valid(self, form):
    form.send_email()
    return super().form_valid(form)

class ContactResultView(TemplateView):
template_name = 'contact/contact_result.html'

def get_context_data(self, **kwargs):
    context = super().get_context_data(**kwargs)
    context['success'] = "お問い合わせは正常に送信されました。"
    return context