{% set header_title = 'Single Topic - Having problem with Logo' %}
{% extends 'layouts/layout-1.html' %}
{% set navbar_sticky = true %}
{% set navbar_expand_lg = true %}

{% block content %}

<header class="dx-header dx-box-1">
    <div class="container">
        <div class="bg-image bg-image-parallax">
            <img src="assets/images/bg-header-4.png" class="jarallax-img" alt="">
            <div style="background-color: rgba(27, 27, 27, .8);"></div>
        </div>

        <div class="row justify-content-center">
            <div class="col-xl-7">
                <h1 class="h2 mb-30 text-white text-center">How can we help you?</h1>
                <form action="#" class="dx-form dx-form-group-inputs">
                    <input type="text" name="" value="" class="form-control" placeholder="Keyword search...">
                    <button class="dx-btn dx-btn-lg">Search</button>
                </form>
            </div>
        </div>
    </div>
</header>

<div class="dx-box bg-white">
    <div class="container">
        <ul class="dx-links text-center">
            <li><a href="help-center.html">Support Home</a></li>
            <li><a href="documentations.html">Documentations</a></li>
            <li><a href="articles.html">Knowledge Base</a></li>
            <li><a href="forums.html">Forums</a></li>
            <li><a href="ticket.html">Ticket System</a></li>
        </ul>
    </div>
</div>
<div class="dx-separator"></div>

<div class="dx-box-5 pb-100 bg-grey-6">
    <div class="container">
        <div class="row vertical-gap md-gap">
            <div class="col-lg-8">
                <div class="dx-box dx-box-decorated">
                    <div class="dx-blog-post">
                        <div class="dx-blog-post-box pt-30 pb-30">
                            <h2 class="h4 mnt-5 mb-9">Having problem with Logo</h2>
                            {% from "macros/breadcrumbs.html" import breadcrumbs %}
                            {{ breadcrumbs('text-left dx-breadcrumbs-dark mnb-6 fs-14', [['help-center', 'Support Home'], ['forums', 'Forums'], ['topics', 'Design with pleasure', 'Having problem with Logo']]) }}
                        </div>
                        <div class="dx-separator"></div>

                        <div class="dx-comment dx-topic-comment">
                            <div>
                                <div class="dx-comment-img">
                                    <img src="assets/images/avatar-1.png" alt="">
                                </div>
                                <div class="dx-comment-cont">
                                    <div class="dx-comment-head">
                                        <a href="#" class="dx-comment-name">John Leonard</a>
                                        <span class="text-3 fs-14 mnt-5">#5630</span>
                                    </div>
                                    <div class="dx-comment-date">12 Sep 2018 7:40 am</div>
                                    <div class="dx-comment-text">
                                        <p class="mb-0">Nullam ac dui et purus malesuada gravida id fermentum orci. In eu ipsum quis urna hendrerit condimentum vitae a mauris. In congue turpis purus, vitae tempus ante id. Donec orci arcu, sagittis ut finibus vitae.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="dx-comment dx-topic-comment">
                            <div>
                                <div class="dx-comment-img">
                                    <img src="assets/images/avatar-default.svg" alt="">
                                </div>
                                <div class="dx-comment-cont">
                                    <div class="dx-comment-head">
                                        <a href="#" class="dx-comment-name">Bruno Rice</a>
                                        <span class="text-3 fs-14 mnt-5">#5631</span>
                                    </div>
                                    <div class="dx-comment-date">12 Sep 2018 8:22 am</div>
                                    <div class="dx-comment-text">
                                        <p>Nullam ac dui et purus malesuada gravida id fermentum orci. In eu ipsum quis urna hendrerit condimentum vitae a mauris. In congue turpis purus, vitae tempus ante id. Donec orci arcu, sagittis ut finibus vitae.</p>
                                        <blockquote class="dx-blockquote dx-blockquote-style-2">
                                            <span class="dx-blockquote-title mnt-6">Quote by John Leonard:</span>
                                            <p class="mnb-6">Suspendisse, litora pellentesque habitasse nisi, maecenas conubia mauris lectus nec purus gravida integer netus cras viverra eleifend, diam aenean. Rutrum Mauris nisi scelerisque adipiscing facilisi mi metus.</p>
                                        </blockquote>
                                        <p class="mb-0">Consectetuer facilisi dictumst ad scelerisque. Ultrices dignissim bibendum turpis pulvinar.</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="dx-blog-post-box pt-30 pb-30">
                            <ul class="dx-pagination">
                                <li class="dx-pagination-icon"><a href="#"><span class="icon pe-7s-angle-left"></span></a></li>
                                <li><a href="#">1</a></li>
                                <li class="dx-pagination-space">...</li>
                                <li><a href="#">8</a></li>
                                <li class="active"><a href="#">9</a></li>
                                <li><a href="#">10</a></li>
                                <li class="dx-pagination-space">...</li>
                                <li><a href="#">18</a></li>
                                <li class="dx-pagination-icon"><a href="#"><span class="icon pe-7s-angle-right"></span></a></li>
                            </ul>
                        </div>
                        <div class="dx-separator"></div>

                        <div class="dx-blog-post-box">
                            <h3 class="h6 mb-25">Write a Reply</h3>

                            <form class="dx-form" action="#">
                                <div class="dx-form-group">
                                    <div class="dx-editor-quill">
                                        <div class="dx-editor" data-editor-height="150" data-editor-maxHeight="250"></div>
                                    </div>
                                </div>
                                <div class="dx-form-group">
                                    <!-- STRART: Dropzone

                                        Additional Attributes:
                                        data-dropzone-action
                                        data-dropzone-maxMB
                                        data-dropzone-maxFiles
                                    -->
                                    <div class="dx-dropzone" data-dropzone-action="#" data-dropzone-maxMB="5" data-dropzone-maxFiles="5">
                                        <div class="dz-message">
                                            <div class="dx-dropzone-icon">
                                                <span class="icon pe-7s-cloud-upload"></span>
                                            </div>
                                            <div class="h6 dx-dropzone-title">Drop files here or click to upload</div>
                                            <div class="dx-dropzone-text">
                                                <p class="mnb-5 mnt-1">You can upload up to 5 files (maximum 5 MB each) of the following types: .jpg, .jpeg, .png, .zip.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row justify-content-between vertical-gap dx-dropzone-attachment">
                                        <div class="col-auto dx-dropzone-attachment-add">
                                            <label class="mb-0" class="mnt-7"><span class="icon fas fa-paperclip mr-10"></span><span>Add Attachment</span></label>
                                        </div>
                                        <div class="col-auto dx-dropzone-attachment-btn">
                                            <button class="dx-btn dx-btn-lg" type="button" name="button">Submit a ticket</button>
                                        </div>
                                    </div>
                                    <!-- END: Dropzone -->
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="dx-sticky dx-sidebar" data-sticky-offsetTop="120" data-sticky-offsetBot="40">
                    {% from "macros/widgets.html" import subscribe, search, latestArticles, latestForums %}
                    {{ subscribe('') }}
                    {{ search('') }}
                    {{ latestArticles('') }}
                    {{ latestForums('') }}
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}