Check out example codes for "html overlay django". It will help you in understanding the concepts better.

Code Example 1

{% for instance in object_list %}
    <div align="center">
        <a href="#overlay{{ instance.pk }}">{{ instance.international_title }}</a>
    </div>
    <div id="overlay{{ instance.pk }}">
    <p>{{ instance.international_short_description }}<p>
    </div>
{% endfor %}

Learn ReactJs, React Native from akashmittal.com