Untitled

{% load static %}
<html>
    <head>
        <link rel="stylesheet" href="{% static 'bootstrap.min.css' %}" >
        <script src="{% static 'jquery-3.3.1.slim.min.js' %}" ></script>
        <script src="{% static 'popper.min.js' %}" ></script>
        <script src="{% static 'bootstrap.min.js' %}" ></script>
    </head>
    <body>
        <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="/">Blogs <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/admin">Admin</a>
                    </li>
                </ul>
            </div>
        </nav>
        <div class="card text-white bg-success mb-3" style="max-width: 18rem;">
        <div class="card-header">{{blog.title}}</div>
            <div class="card-body">
                <p class="card-text">{{blog.body}}</p>
            </div>
        </div>
    </body>
</html>