s_blog.html

<!doctype html>
{%extends 'base.html'%}
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="/docs/4.0/assets/img/favicons/favicon.ico">
    <title>
        {% block title %}
        {{blog.title }}
        {% endblock %}
    </title>
    <link rel="canonical" href="https://getbootstrap.com/docs/4.0/examples/cover/">
    <link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="cover.css" rel="stylesheet">
  </head>
  <body class="text-center">
  {% block content %}

    <div class="cover-container d-flex h-100 p-3 mx-auto flex-column">


      <main role="main" class="inner cover">
        <h1 class="cover-heading">{{blog.title}}</h1>
          <h4 class="cover-heading">{{blog.author}}</h4>
          <hr>
        <p class="lead">{{blog.body}}</p>
        <p class="lead">
          <a href="{% url 'homepage:Home Page' %}" class="btn btn-lg btn-secondary">Back</a>
        </p>
      </main>

      <hr>

    </div>


  {% endblock %}
  </body>
</html>