
<body class="fullwidth">
<div id="wrapper" class="regular-layout">
    <!-- #####Begin Header-->
    <header id="header" class="header-thin" style="background-color: transparent">
        <!-- #####Begin header main area-->
        <div class="head-main">
            <div class=" h-50" id="" style="background-color: #75aef3;">
            <div class="container">

                <!-- #####Begin logo wrapper-->
                <div class="logo-wrapper" style="font-size: 23px;font-weight: bold; color: white">
                    <!-- standard Logo--><!--<a href="<?/*=base_url('userview/im')*/?>"><img src="<?php /*echo base_url('assets/img/imt.png');*/?>" class="logo-light ol-retina" style="height: 30px;"></a>-->
                    <i class="fa fa-comments" style="padding-right: 10px; font-size: 1.5em;"></i><span>Company Chat</span>
                </div>
                <!-- #####End logo wrapper-->
                <!-- #####Begin primary menu-->
                <ul id="primary-menu">
                    <!-- #####Begin menu item-->
                    <li class="mega-menu">
                        <a id="profileLink" href="<?=base_url('userview/profile')?>" target="_blank">
                            <span class="navUserImg"><img id="userImageTop" src="<?php echo base_url('assets/img/download.png') ?>"> </span>
                            <span id="userNameTop" class="bold">John</span>
                        </a>
                    </li>
                    <!-- #####Begin menu item-->
                    <li class="mega-menu"><a href="<?=base_url('userview/logout')?>" title="Log Out" class="bold"><span>Log Out</span></a>
                        <!-- #####Begin megamenu-->
                        <!-- #####End megamenu-->
                    </li>

                    <!-- #####End menu item-->
                </ul>
                <!-- #####End primary menu-->
                <div class="header-icons">
                    <!-- #####Begin cart-->

                    <!-- #####End cart-->
                    <!-- #####Begin trigger for search-->

                    <!-- #####End trigger for search-->
                    <!-- #####Begin mobile menu trigger-->
                    <div class="ol-mobile-trigger hamburger hamburger--elastic">
                        <div class="hamburger-box">
                            <div class="hamburger-inner"></div>
                        </div>
                    </div>
                    <!-- #####End mobile menu trigger-->

                    <!-- #####Begin icons beside menu-->

                    <!-- #####End icons beside menu-->
                </div>
            </div>
            </div>
            <!-- #####End header main area-->
        </div>
    </header>
</div>
    <!-- #####End Header-->
    <!-- #####Begin contents-->


