<Doctype html>
<html lang="en">
{% include custom-head.html %}
<style>
.post-content img {
width: auto;
max-width: 100%;
}
@media(max-width:768px){
.main_h1{
font-size: 1rem !important;
}
}
</style>
<body>
{%- include header/index.html -%}
<section class="section_post">
<div class="container px-5">
<div class="row section-title-wrap">
<div class="col-md-12 mt-5">
<h1 class="main_h1" style="font-weight: 900;">{{ page.title }}</h1>
</div>
</div>
<div class="row mt-5">
<div class="col-md-2">
<div class="socialIons">
<ul class="list-unstyled item-lists2">
<li><a style="pointer-events: none;">{{ site.data.blog.share.label }}</a></li>
{% capture title %}{{ page.title }}{% endcapture %}
{% assign url = page.url | relative_url | prepend: site.url %}
{% for share in site.data.blog.share.platforms %}
{% assign link = share.link | replace: 'TITLE', title | replace: 'URL', url %}
<li> <a href=" {{ link }}" data-toggle="tooltip"
onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
data-placement="top" title="{{ share.type }}" aria-label="{{ share.type }}">
<i class="fa-fw {{ share.icon }}"></i>
</a>
</li>
{% endfor %}
</span>
</ul>
<div class="sep"></div>
<div class="comments-count">
<a href="{{ content.absolute_url }}#disqus_thread" class="comment_count"></a>
</div>
</ul>
</div>
</div>
<div class="col-md-8">
{% assign author = site.data.blog.authors[page.author] %}
{% if author %}
{% include author_bio.html %}
{% endif %}
<div class="post-content fetch-posts-content mt-5">
{{ content }}
</div>
{%- include paginationPostPage.html -%}
{%- include section/related_post.html -%}
<div class="commentsection">
{%- if site.disqus.shortname -%}
{%- include disqus_comments.html -%}
{%- endif -%}
</div>
</div>
</div>
</section>
{%- include section/count.html -%}
{%- include footer/index.html -%}
{% include scripts.html %}
</body>
</html>