index.html for Django OCR App

index.html

{% extends "base.html" %}

{% block body %}

<nav class="navbar navbar-light bg-light">
<div class="container-fluid">
<span class="navbar-brand mb-0 h1" style="font-size: medium;">Image to Text app</span>
</div>
</nav>
<div class="container-fluid">
<div id="alert-box"></div>
<br>
<div id="text" style="text-align: center;"></div>
<div id="image-box" class="mb-3">

</div>
<form action="" id="image-form">
{% csrf_token %}

{{ form.as_p }}
</form>
<div class="d-grid gap-2 col-6 mx-auto">
<button class="btn btn-primary btn-sm not-visible" id="confirm-btn">Crop Image</button>
</div>
</div>

{% endblock %}