<!DOCTYPE html> <html lang=“en”> {% 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-12 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">
                {%- 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-4">
                <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 }}">
                                    <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 class="theseFeatures">
                        {%- if page.URLS -%}
                        <h3 class="font-weight-bolder">Checkout out these features</h3>
                        <br>
                        {%- for item in page.URLS -%}
                        <p class="mb-3"> <a class="featureLink" style="font-size: 13px"
                                href="{{item.url}}">{{item.name}}</a></p>
                        {%- endfor -%}
                        {% 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 -%}
                        {%- for url in allRandomUrls limit: 10-%}
                        {% if url %}
                        <p class="mb-3">
                            <a class="featureLink" style="font-size: 13px" href="{{url }}">
                                {%- assign name = url | replace: '/', ' ' | replace: '-', ' ' -%}
                                {{ name }}
                            </a>
                        </p>
                        {%- endif -%}
                        {%- endfor -%}
                        {%- 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 section/count.html -%}
{%- include section/alertbar.html -%}
{% include script.html %}
<script src="{{ '/assets/js/TopScroll.js' | relative_url }}" {%- if site.crossorigin -%} crossorigin {%- endif
    -%}></script>
{%- if site.crossorigin -%}
<script>
    const getImages = document.getElementsByTagName('img')
    Array.from(getImages).map(item => {
        item.crossOrigin = 'anonymous'
    })
</script>
{%- endif -%}

</body>

</html>