{% extends "base.html" %}

{% block title %} Code 9ja - Learn about{% endblock %}

{% block keywords %}Keywords specific to this page{% endblock %}

{% block description %}Description specific to this page{% endblock %}

{% block author %}Author Name{% endblock %}

{% block content %}

<div class="inner-banner" style="background: url('{{ url_for('static', filename='uploads/' + blog.cover_photo) }}')">
</div>





  <!-- about page about section -->

  <section class="w3l-index3" id="about1">
    <div class="midd-w3 py-5">
      <div class="container py-lg-5 py-md-3">
        <div class="row">
          <div class="col-lg-12 pl-lg-5">
            <div class="header-title mb-5">
                <h1 class="hny-title text-left">{{ blog.title }}</h1>
                <div class="align-items-center">
                    <ul class="blog-meta">
                        <li>
                            <a href="#">{{ blog.author }}</a>
                            <span class="meta-value">{{ blog.date_posted.strftime("%b %d, %Y") }}</span>. <span class="meta-value ml-2"><span class="fa fa-clock-o"></span>{{ blog.duration }} min</span>
                        </li>
                    </ul>
                </div>
            </div>
        
            <div class="blog-content">
                {{ blog.content|safe }}
            </div>
            <a href="{{ url_for('blogs_page') }}" class="btn btn-style btn-primary mt-sm-5 mt-4">Go Back <span class="fa fa-chevron-right ml-2" aria-hidden="true"></span></a>
        </div>
        

          <!-- <div class="col-lg-12 pl-lg-5">
              <div class="header-title mb-5">
                  <h1 class="hny-title text-left">{{ blog.title }}</h1>
                  <div class="align-items-center">
                      <ul class="blog-meta">
                          <li>
                              <a href="#">{{ blog.author }}</a>
                              <span class="meta-value">{{ blog.date_posted.strftime("%b %d, %Y") }}</span>. <span class="meta-value ml-2"><span class="fa fa-clock-o"></span>{{ blog.duration }} min</span>
                          </li>
                      </ul>
                  </div>
              </div>
      
              <p class="mt-3">{{ blog.content|safe }}</p>
              <a href="{{url_for('blogs_page')}}" class="btn btn-style btn-primary mt-sm-5 mt-4">Go Back <span class="fa fa-chevron-right ml-2" aria-hidden="true"></span></a>
          </div> -->
      </div>
      
      </div>
    </div>
  </section>
  <!-- /bottom-grids-->

  <!-- //form-25-section -->



    

  {% endblock %}