{% extends 'base.html' %}
{% load static %}

{% block content %}

<div class="chat-main-row">

    <div class="chat-main-wrapper">
        <div class="col-lg-12 message-view">
            <div class="chat-window">
                <div class="chat-contents">
                    <div class="chat-content-wrap">
                        <div class="chat-wrap-inner">
                            <div class="contact-box">
                                <div class="row">
                                    <div class="contact-cat col-sm-4 col-lg-3">
                                    
                                        <div class="roles-menu">
                                            <ul>
                                                <li class="active"><a href="javascript:void(0);">Human Resources</a></li>
                                                <li><a href="#">HR Self-Service</a></li>
                                                <li><a href="#">Manager & HR Staff</a></li>
                                                <li><a href="#">HR Analytics</a></li>
                                                <li><a href="#">HR Business System</a></li>

                                            </ul>
                                        </div>
                                    </div>
                                    <div class="contacts-list col-sm-8 col-lg-9">
                                        
                                        <section class="comp-section" id="comp_breadcrumbs">
    <h3 class="section-title">HR Self-Service</h3>
    <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</section>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>


{% endblock content %}