{% extends '../../layout.server.view.html' %} {% block cssFile %}
<link href="/assets/frontend/pages/css/features.css" rel="stylesheet"> {% endblock %} {% block content %}
<div class="container header">
    <div class="section-heading">
        <h1>Tính năng nổi bật Hóa Đơn Việt</h1>
        <p>Sử dụng ngôn ngữ thiết kế Material Design, giao diện đơn giản, dễ sử dụng
            <br> tương tác người dùng trực quan</p>
    </div>
    <div class="row">
        <div class="col-md-3">
            <ul class="features-menu">
                <li><a class="sticky-menu-link js-is-active" href="/tinh-nang/quan-ly-ban-hang">Bán hàng</a></li>
                <li><a class="sticky-menu-link" href="/tinh-nang/quan-ly-hang-hoa">Hàng hóa</a></li>
                <li><a class="sticky-menu-link" href="/tinh-nang/quan-ly-kho-hang">Kho hàng</a></li>
                <li><a class="sticky-menu-link" href="/tinh-nang/quan-ly-khach-hang">Chăm sóc Khách hàng</a></li>
                <li><a class="sticky-menu-link" href="/tinh-nang/quan-ly-khuyen-mai">Khuyến mãi</a></li>
                <li><a class="sticky-menu-link" href="/tinh-nang/quan-ly-bao-cao">Báo cáo</a></li>
                <li><a class="sticky-menu-link" href="/tinh-nang/cong-nghe">Công nghệ</a></li>
                <li><a class="sticky-menu-link" href="/tinh-nang/quan-ly-website-ban-hang">Website bán hàng</a></li>
                <li><a class="sticky-menu-link" href="/tinh-nang/support">24/7 support</a></li>
            </ul>
        </div>
        <div class="col-md-9">

        </div>
    </div>
</div>
<!-- <div class="container">
    <div class="page-slider margin-bottom-40">
        <div id="youtube-background-video">
        </div>
    </div>
</div>
<div class="main">
    <div class="container">
        <ul class="breadcrumb">
            <li><a href="/">Trang chủ</a></li>
            <li class="active"><a href="/tinh-nang">Tính năng</a></li>
        </ul>
        <div class="row margin-bottom-40">
            <div class="col-md-12 col-sm-12">
                <div class="content-page">
                    <div class="filter-v1">
                        <ul class="mix-filter">
                            <li data-filter="all" class="filter active">Tất cả</li>
                            {% for cat in categories %}
                            <li data-filter="{{cat.code}}" class="filter">{{cat.name}}</li>
                            {% endfor %}
                        </ul>
                        <div class="row recent-work thumbnails">
                            {% for feature in features %} {% set link_url = "/tinh-nang/"+ feature.title_url %} {% if feature.detail_url != null %}{% set link_url = feature.detail_url %}{% endif %}
                            <div class="col-md-4 col-sm-6 mix {{feature.category}} mix_all">
                                <div class="recent-work-item">
                                    <em>
                              <img alt="" src="{{feature.image}}" class="img-responsive">
                              <a href="{{link_url}}"><i class="fa fa-link"></i></a>
                              <a href="{{feature.image}}" class="fancybox-button" title="{{feature.title}}" data-rel="fancybox-button"><i class="fa fa-search"></i></a>
                            </em>
                                    <a class="recent-work-description" href="{{link_url}}">
                                        <strong>{{feature.title}}</strong>
                                        <b>{{feature.content}}</b>
                                    </a>
                                </div>
                            </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> -->
{% endblock %} 
<!-- {% block jsFile %}
<script src="/assets/global/plugins/jquery-mixitup/jquery.mixitup.min.js" type="text/javascript"></script>
<script src="/lib/youtubeBackground/src/jquery.youtubebackground.js"></script>
<script type="text/javascript">
$(function() {
    $(document).ready(function() {
        $('.recent-work').mixitup();
        $('#youtube-background-video').YTPlayer({
            repeat: true,
            fitToBackground: false,
            videoId: 'MG2JD1EgSyE'
        });
    });
});
</script>
{% endblock %} -->
