<h4 class="page-title">
  <span class="fas fa-blog"></span>
  Blog
</h4>
<p><a href="#" class="bold" onclick="blog_view()">Blog</a> <span class="fas fa-angle-right"></span> <a href="#" class="bold" onclick="blog_categories_view()">Blog Categories </a> <span class="fas fa-angle-right"></span> Add blog category</p>
<div class="content-wrapper ">
    <div class="row">
        <div class="col-md-12">
          <div class="mx-auto card p-2">
            <p class="text-center lead">Add blog category</p>
            <form id="add_blog_category_form" class="row">
              <div class=" col-12 col-sm-12 col-md-12 col-md-12" id="add_blog_category_response">
                  
              </div>
              <div class="col-8 col-sm-9 col-md-10 col-md-10">
                <div class="my-2">
                  <input class="form-control" type="text" name="category_name" placeholder="Blog category name" >
                </div>
              </div>
              
              <div class="col-4 col-sm-3 col-md-2 col-md-2">
                <div class="my-2">
                  <input type="hidden" name="add_blog_category_note">
                  <button type="submit" class="btn btn-primary btn-block enter-btn" onclick="add_blog_category()">Submit</button>
                </div>
              </div>
            </form>
          </div>
        </div>
    </div>
</div>
