<html>
{% include custom-head.html %}
<style>
p {
margin-bottom: 3rem;
}
.mainThings {
/* padding-left: 40px; */
position: sticky;
top: 80px;
}
.theseFeatures .featureLink:hover {
text-decoration: underline !important;
}
@media (max-width:768px) {
.theseFeatures {
text-align: center !important;
padding-left: 0;
position: static;
top: auto;
}
}
</style>
<body>
{%- include header/blogHeader.html -%}
<section class="section_post">
<div class="container">
<div class="row section-title-wrap">
<div class="col-md-8 mx-auto mt-5">
<h1 class="display-4" style="font-weight: 900;">{{ page.title }}</h1>
</div>
</div>
<div class="row mt-5">
<div class="col-md-8 mx-auto">
{%- include authors/authors.html -%}
{%- include postauthorbio.html -%}
{% if page.author %}
{%- include author_bio.html -%}
{% endif %}
<div class="post-content">
{{ content }}
</div>
{%- include paginationPostPage.html -%}
</div>
<div class="col-md-8 mx-auto">
<div class="mainThings">
<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 }}">
<img src="{{ share.icon }}" class="mb-0 py-1" style="width: 18px"></img>
</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 class="theseFeatures">
{%- if page.URLS -%}
<h3 class="font-weight-bolder">Checkout out these features</h3>
<br>
<div class="row">
{%- for item in page.URLS -%}
{%- if item.name-%}
<p class="mb-3 col-md-6 col-lg-3"> <a class="featureLink" style="font-size: 13px"
href="{{item.url}}">{{item.name}}</a></p>
{%- endif -%}
{%- endfor -%}
</div>
{% else %}
<h3 class="font-weight-bolder">Checkout out these features</h3>
<br>
{% assign tools = site.pages | where_exp:"item","item.tool" %}
{% assign allRandomUrls = "" | split: ',' %}
{%- for item in tools -%}
{%- if item.lang=="en" -%}
{% assign allRandomUrls = allRandomUrls | push: item.url %}
{%- endif -%}
{%- endfor -%}
<div class="row">
{%- for url in allRandomUrls limit: 10-%}
{% if url %}
<p class="mb-3 col-md-6 col-lg-3">
<a class="featureLink" style="font-size: 13px" href="{{url }}">
{%- assign name = url | replace: '/', ' ' | replace: '-', ' ' -%}
{{ name }}
</a>
</p>
{%- endif -%}
{%- endfor -%}
</div>
{%- endif -%}
</div>
</div>
</div>
<div class="col-md-12">
{%- if page.categories.size> 0 or page.tags.size>0-%}
{%- include section/related_categories_post.html -%}
{%- else -%}
{%- include section/recent_posts.html -%}
{% endif %}
<div class="commentsection my-5">
{%- if site.disqus.shortname -%}
{%- include disqus_comments.html -%}
{%- endif -%}
</div>
</div>
</div>
</div>
</section>
{% include adBlocker/adBlocker.html %}
{%- include section/count.html -%}
<!-- {%- include section/alertbar.html -%} -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" />
{% include script.html %}
<script src="{{ '/assets/js/TopScroll.js' | relative_url }}"></script>
</body>
</html>