Generic placeholder image
3
Josephin DoeTyping . .
Generic placeholder image
1
Lary Doeonline
Generic placeholder image
Aliceonline
Generic placeholder image
1
Alia10 min ago
Generic placeholder image
Suzen15 min ago
Generic placeholder image
3
Josephin DoeTyping . .
Generic placeholder image
1
Lary Doeonline
Generic placeholder image
Aliceonline
Generic placeholder image
1
Alia10 min ago
Generic placeholder image
Suzen15 min ago
Generic placeholder image
3
Josephin DoeTyping . .
Generic placeholder image
1
Lary Doeonline
Generic placeholder image
Aliceonline
Generic placeholder image
1
Alia10 min ago
Generic placeholder image
Suzen15 min ago
Generic placeholder image
3
Josephin DoeTyping . .
Generic placeholder image
1
Lary Doeonline
Generic placeholder image
Aliceonline
Generic placeholder image
1
Alia10 min ago
Generic placeholder image
Suzen15 min ago
Josephin Doe
Generic placeholder image

hello Datta! Will you tell me something

about yourself?

8:20 a.m.

Ohh! very nice

8:22 a.m.

Generic placeholder image

can you help me?

8:20 a.m.

Color menu icon is useful for those users who wants menu list icon with multy color.

To use Light layout for your project add .icon-colored class in <nav> tag.
                                        
                                                    <!-- [ navigation menu ] start -->
                                                    <nav class="pcoded-navbar icon-colored">
                                                    </nav>
                                                    <!-- [ navigation menu ] end -->
                                                
                                            
                                            
                                                <!DOCTYPE html>
                                                <html lang="en">

                                                <head>
                                                <title>GoJazz - .NET Admin Template</title>
                                                <!-- HTML5 Shim and Respond.js IE10 support of HTML5 elements and media queries -->
                                                <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
                                                <!--[if lt IE 10]>
                                                <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
                                                <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
                                                <![endif]-->
                                                <!-- Meta -->
                                                <meta charset="utf-8">
                                                <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
                                                <meta http-equiv="X-UA-Compatible" content="IE=edge" />


                                                <!-- Favicon icon -->
                                                <link rel="icon" href="~/assets/images/favicon.ico" type="image/x-icon">
                                                <!-- fontawesome icon -->
                                                <link rel="stylesheet" href="~/assets/fonts/fontawesome/css/fontawesome-all.min.css">
                                                <!-- animation css -->
                                                <link rel="stylesheet" href="~/assets/plugins/animation/css/animate.min.css">
                                                <!-- prism css -->
                                                <link rel="stylesheet" href="~/assets/plugins/prism/css/prism.min.css">
                                                <!-- vendor css -->
                                                <link rel="stylesheet" href="~/assets/css/style.css">

                                                </head>

                                                <body>
                                                <!-- [ Pre-loader ] start -->
                                                <div class="loader-bg">
                                                <div class="loader-track">
                                                <div class="loader-fill"></div>
                                                </div>
                                                </div>
                                                <!-- [ Pre-loader ] End -->

                                                <!-- [ navigation menu ] start -->
                                                <nav class="pcoded-navbar icon-colored menu-light">
                                                <div class="navbar-wrapper">
                                                <div class="navbar-brand header-logo">
                                                <a href="/Dashboard/Dashboard1" class="b-brand">
                                                <div class="b-bg">
                                                <i class="feather icon-trending-up"></i>
                                                </div>
                                                <span class="b-title">Datta Able</span>
                                                </a>
                                                <a class="mobile-menu" id="mobile-collapse" href="#!"><span></span></a>
                                                </div>
                                                <div class="navbar-content scroll-div">
                                                <ul class="nav pcoded-inner-navbar">
                                                <li class="nav-item pcoded-menu-caption">
                                                <label>Navigation</label>
                                                </li>
                                                <li data-username="dashboard Default Ecommerce CRM Analytics Crypto Project" class="nav-item">
                                                <a href="/Dashboard/Dashboard1" class="nav-link"><span class="pcoded-micon"><i class="feather icon-home"></i></span><span class="pcoded-mtext">Dashboard</span></a>
                                                </li>
                                                <li class="nav-item pcoded-menu-caption">
                                                <label>Other</label>
                                                </li>
                                                <li data-username="Menu levels Menu level 2.1 Menu level 2.2" class="nav-item pcoded-hasmenu">
                                                <a href="#!" class="nav-link"><span class="pcoded-micon"><i class="feather icon-menu"></i></span><span class="pcoded-mtext">Menu levels</span></a>
                                                <ul class="pcoded-submenu">
                                                <li class=""><a href="" class="">Menu Level 2.1</a></li>
                                                <li class="pcoded-hasmenu">
                                                <a href="#!" class="">Menu level 2.2</a>
                                                <ul class="pcoded-submenu">
                                                <li class=""><a href="" class="">Menu level 3.1</a></li>
                                                <li class=""><a href="" class="">Menu level 3.2</a></li>
                                                </ul>
                                                </li>
                                                </ul>
                                                </li>
                                                <li data-username="Disabled Menu" class="nav-item disabled"><a href="#!" class="nav-link"><span class="pcoded-micon"><i class="feather icon-power"></i></span><span class="pcoded-mtext">Disabled menu</span></a></li>
                                                <li data-username="Sample Page" class="nav-item active"><a href="sample-page.html" class="nav-link"><span class="pcoded-micon"><i class="feather icon-sidebar"></i></span><span class="pcoded-mtext">Sample page</span></a></li>
                                                <li class="nav-item pcoded-menu-caption">
                                                <label>Support</label>
                                                </li>
                                                <li data-username="Documentation" class="nav-item"><a href="#!" class="nav-link" target="_blank"><span class="pcoded-micon"><i class="feather icon-book"></i></span><span class="pcoded-mtext">Documentation</span></a></li>
                                                <li data-username="Need Support" class="nav-item"><a href="https://codedthemes.support-hub.io/" class="nav-link" target="_blank"><span class="pcoded-micon"><i class="feather icon-help-circle"></i></span><span class="pcoded-mtext">Need
                                                support ?</span></a></li>
                                                </ul>
                                                </div>
                                                </div>
                                                </nav>
                                                <!-- [ navigation menu ] end -->

                                                <!-- [ Header ] start -->
                                                <header class="navbar pcoded-header navbar-expand-lg navbar-light">
                                                <div class="m-header">
                                                <a class="mobile-menu" id="mobile-collapse1" href="#!"><span></span></a>
                                                <a href="/Dashboard/Dashboard1" class="b-brand">
                                                <div class="b-bg">
                                                <i class="feather icon-trending-up"></i>
                                                </div>
                                                <span class="b-title">Datta Able</span>
                                                </a>
                                                </div>
                                                <a class="mobile-menu" id="mobile-header" href="#!">
                                                <i class="feather icon-more-horizontal"></i>
                                                </a>
                                                <div class="collapse navbar-collapse">
                                                <ul class="navbar-nav mr-auto">
                                                <li><a href="#!" class="full-screen" onclick="javascript:toggleFullScreen()"><i class="feather icon-maximize"></i></a></li>
                                                <li class="nav-item dropdown">
                                                <a class="dropdown-toggle" href="#!" data-toggle="dropdown">Dropdown</a>
                                                <ul class="dropdown-menu">
                                                <li><a class="dropdown-item" href="#!">Action</a></li>
                                                <li><a class="dropdown-item" href="#!">Another action</a></li>
                                                <li><a class="dropdown-item" href="#!">Something else here</a></li>
                                                </ul>
                                                </li>
                                                <li class="nav-item">
                                                <div class="main-search">
                                                <div class="input-group">
                                                <input type="text" id="m-search" class="form-control" placeholder="Search . . .">
                                                <a href="#!" class="input-group-append search-close">
                                                <i class="feather icon-x input-group-text"></i>
                                                </a>
                                                <span class="input-group-append search-btn btn btn-primary">
                                                <i class="feather icon-search input-group-text"></i>
                                                </span>
                                                </div>
                                                </div>
                                                </li>
                                                </ul>
                                                <ul class="navbar-nav ml-auto">
                                                <li>
                                                <div class="dropdown">
                                                <a class="dropdown-toggle" href="#!" data-toggle="dropdown"><i class="icon feather icon-bell"></i></a>
                                                <div class="dropdown-menu dropdown-menu-right notification">
                                                <div class="noti-head">
                                                <h6 class="d-inline-block m-b-0">Notifications</h6>
                                                <div class="float-right">
                                                <a href="#!" class="m-r-10">mark as read</a>
                                                <a href="#!">clear all</a>
                                                </div>
                                                </div>
                                                <ul class="noti-body">
                                                <li class="n-title">
                                                <p class="m-b-0">NEW</p>
                                                </li>
                                                <li class="notification">
                                                <div class="media">
                                                <img class="img-radius" src="~/assets/images/user/avatar-1.jpg" alt="Generic placeholder image">
                                                <div class="media-body">
                                                <p><strong>John Doe</strong><span class="n-time text-muted"><i class="icon feather icon-clock m-r-10"></i>30 min</span></p>
                                                <p>New ticket Added</p>
                                                </div>
                                                </div>
                                                </li>
                                                <li class="n-title">
                                                <p class="m-b-0">EARLIER</p>
                                                </li>
                                                <li class="notification">
                                                <div class="media">
                                                <img class="img-radius" src="~/assets/images/user/avatar-2.jpg" alt="Generic placeholder image">
                                                <div class="media-body">
                                                <p><strong>Joseph William</strong><span class="n-time text-muted"><i class="icon feather icon-clock m-r-10"></i>30 min</span></p>
                                                <p>Prchace New Theme and make payment</p>
                                                </div>
                                                </div>
                                                </li>
                                                <li class="notification">
                                                <div class="media">
                                                <img class="img-radius" src="~/assets/images/user/avatar-3.jpg" alt="Generic placeholder image">
                                                <div class="media-body">
                                                <p><strong>Sara Soudein</strong><span class="n-time text-muted"><i class="icon feather icon-clock m-r-10"></i>30 min</span></p>
                                                <p>currently login</p>
                                                </div>
                                                </div>
                                                </li>
                                                </ul>
                                                <div class="noti-footer">
                                                <a href="#!">show all</a>
                                                </div>
                                                </div>
                                                </div>
                                                </li>
                                                <li><a href="#!" class="displayChatbox"><i class="icon feather icon-mail"></i></a></li>
                                                <li>
                                                <div class="dropdown drp-user">
                                                <a href="#!" class="dropdown-toggle" data-toggle="dropdown">
                                                <i class="icon feather icon-settings"></i>
                                                </a>
                                                <div class="dropdown-menu dropdown-menu-right profile-notification">
                                                <div class="pro-head">
                                                <img src="~/assets/images/user/avatar-1.jpg" class="img-radius" alt="User-Profile-Image">
                                                <span>John Doe</span>
                                                <a href="auth-sign-in-social.html" class="dud-logout" title="Logout">
                                                <i class="feather icon-log-out"></i>
                                                </a>
                                                </div>
                                                <ul class="pro-body">
                                                <li><a href="#!" class="dropdown-item"><i class="feather icon-settings"></i> Settings</a></li>
                                                <li><a href="user-profile.html" class="dropdown-item"><i class="feather icon-user"></i> Profile</a></li>
                                                <li><a href="email-inbox.html" class="dropdown-item"><i class="feather icon-mail"></i> My Messages</a></li>
                                                <li><a href="auth-lock-screen.html" class="dropdown-item"><i class="feather icon-lock"></i> Lock Screen</a></li>
                                                </ul>
                                                </div>
                                                </div>
                                                </li>
                                                </ul>
                                                </div>
                                                </header>
                                                <!-- [ Header ] end -->

                                                <!-- [ chat user list ] start -->
                                                <section class="header-user-list">
                                                <div class="h-list-header">
                                                <div class="input-group">
                                                <input type="text" id="search-friends" class="form-control" placeholder="Search Friend . . .">
                                                </div>
                                                </div>
                                                <div class="h-list-body">
                                                <a href="#!" class="h-close-text"><i class="feather icon-chevrons-right"></i></a>
                                                <div class="main-friend-cont scroll-div">
                                                <div class="main-friend-list">
                                                <div class="media userlist-box" data-id="1" data-status="online" data-username="Josephin Doe">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-1.jpg" alt="Generic placeholder image ">
                                                <div class="live-status">3</div>
                                                </a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Josephin Doe<small class="d-block text-c-green">Typing  . . </small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="2" data-status="online" data-username="Lary Doe">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-2.jpg" alt="Generic placeholder image">
                                                <div class="live-status">1</div>
                                                </a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Lary Doe<small class="d-block text-c-green">online</small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="3" data-status="online" data-username="Alice">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-3.jpg" alt="Generic placeholder image"></a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Alice<small class="d-block text-c-green">online</small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="4" data-status="offline" data-username="Alia">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-1.jpg" alt="Generic placeholder image">
                                                <div class="live-status">1</div>
                                                </a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Alia<small class="d-block text-muted">10 min ago</small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="5" data-status="offline" data-username="Suzen">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-4.jpg" alt="Generic placeholder image"></a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Suzen<small class="d-block text-muted">15 min ago</small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="1" data-status="online" data-username="Josephin Doe">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-1.jpg" alt="Generic placeholder image ">
                                                <div class="live-status">3</div>
                                                </a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Josephin Doe<small class="d-block text-c-green">Typing  . . </small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="2" data-status="online" data-username="Lary Doe">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-2.jpg" alt="Generic placeholder image">
                                                <div class="live-status">1</div>
                                                </a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Lary Doe<small class="d-block text-c-green">online</small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="3" data-status="online" data-username="Alice">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-3.jpg" alt="Generic placeholder image"></a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Alice<small class="d-block text-c-green">online</small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="4" data-status="offline" data-username="Alia">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-1.jpg" alt="Generic placeholder image">
                                                <div class="live-status">1</div>
                                                </a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Alia<small class="d-block text-muted">10 min ago</small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="5" data-status="offline" data-username="Suzen">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-4.jpg" alt="Generic placeholder image"></a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Suzen<small class="d-block text-muted">15 min ago</small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="1" data-status="online" data-username="Josephin Doe">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-1.jpg" alt="Generic placeholder image ">
                                                <div class="live-status">3</div>
                                                </a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Josephin Doe<small class="d-block text-c-green">Typing  . . </small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="2" data-status="online" data-username="Lary Doe">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-2.jpg" alt="Generic placeholder image">
                                                <div class="live-status">1</div>
                                                </a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Lary Doe<small class="d-block text-c-green">online</small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="3" data-status="online" data-username="Alice">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-3.jpg" alt="Generic placeholder image"></a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Alice<small class="d-block text-c-green">online</small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="4" data-status="offline" data-username="Alia">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-1.jpg" alt="Generic placeholder image">
                                                <div class="live-status">1</div>
                                                </a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Alia<small class="d-block text-muted">10 min ago</small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="5" data-status="offline" data-username="Suzen">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-4.jpg" alt="Generic placeholder image"></a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Suzen<small class="d-block text-muted">15 min ago</small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="1" data-status="online" data-username="Josephin Doe">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-1.jpg" alt="Generic placeholder image ">
                                                <div class="live-status">3</div>
                                                </a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Josephin Doe<small class="d-block text-c-green">Typing  . . </small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="2" data-status="online" data-username="Lary Doe">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-2.jpg" alt="Generic placeholder image">
                                                <div class="live-status">1</div>
                                                </a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Lary Doe<small class="d-block text-c-green">online</small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="3" data-status="online" data-username="Alice">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-3.jpg" alt="Generic placeholder image"></a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Alice<small class="d-block text-c-green">online</small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="4" data-status="offline" data-username="Alia">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-1.jpg" alt="Generic placeholder image">
                                                <div class="live-status">1</div>
                                                </a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Alia<small class="d-block text-muted">10 min ago</small></h6>
                                                </div>
                                                </div>
                                                <div class="media userlist-box" data-id="5" data-status="offline" data-username="Suzen">
                                                <a class="media-left" href="#!"><img class="media-object img-radius" src="~/assets/images/user/avatar-4.jpg" alt="Generic placeholder image"></a>
                                                <div class="media-body">
                                                <h6 class="chat-header">Suzen<small class="d-block text-muted">15 min ago</small></h6>
                                                </div>
                                                </div>
                                                </div>
                                                </div>
                                                </div>
                                                </section>
                                                <!-- [ chat user list ] end -->

                                                <!-- [ chat message ] start -->
                                                <section class="header-chat">
                                                <div class="h-list-header">
                                                <h6>Josephin Doe</h6>
                                                <a href="#!" class="h-back-user-list"><i class="feather icon-chevron-left"></i></a>
                                                </div>
                                                <div class="h-list-body">
                                                <div class="main-chat-cont scroll-div">
                                                <div class="main-friend-chat">
                                                <div class="media chat-messages">
                                                <a class="media-left photo-table" href="#!"><img class="media-object img-radius img-radius m-t-5" src="~/assets/images/user/avatar-2.jpg" alt="Generic placeholder image"></a>
                                                <div class="media-body chat-menu-content">
                                                <div class="">
                                                <p class="chat-cont">hello Datta! Will you tell me something</p>
                                                <p class="chat-cont">about yourself?</p>
                                                </div>
                                                <p class="chat-time">8:20 a.m.</p>
                                                </div>
                                                </div>
                                                <div class="media chat-messages">
                                                <div class="media-body chat-menu-reply">
                                                <div class="">
                                                <p class="chat-cont">Ohh! very nice</p>
                                                </div>
                                                <p class="chat-time">8:22 a.m.</p>
                                                </div>
                                                </div>
                                                <div class="media chat-messages">
                                                <a class="media-left photo-table" href="#!"><img class="media-object img-radius img-radius m-t-5" src="~/assets/images/user/avatar-2.jpg" alt="Generic placeholder image"></a>
                                                <div class="media-body chat-menu-content">
                                                <div class="">
                                                <p class="chat-cont">can you help me?</p>
                                                </div>
                                                <p class="chat-time">8:20 a.m.</p>
                                                </div>
                                                </div>
                                                </div>
                                                </div>
                                                </div>
                                                <div class="h-list-footer">
                                                <div class="input-group">
                                                <input type="file" class="chat-attach" style="display:none">
                                                <a href="#!" class="input-group-prepend btn btn-success btn-attach">
                                                <i class="feather icon-paperclip"></i>
                                                </a>
                                                <input type="text" name="h-chat-text" class="form-control h-send-chat" placeholder="Write hear . . ">
                                                <button type="submit" class="input-group-append btn-send btn btn-primary">
                                                <i class="feather icon-message-circle"></i>
                                                </button>
                                                </div>
                                                </div>
                                                </section>
                                                <!-- [ chat message ] end -->

                                                <!-- [ Main Content ] start -->
                                                <div class="pcoded-main-container">
                                                <div class="pcoded-wrapper">
                                                <div class="pcoded-content">
                                                <div class="pcoded-inner-content">
                                                <!-- [ breadcrumb ] start -->
                                                <div class="page-header">
                                                <div class="page-block">
                                                <div class="row align-items-center">
                                                <div class="col-md-12">
                                                <div class="page-header-title">
                                                <h5 class="m-b-10">Color Icon Layout</h5>
                                                </div>
                                                <ul class="breadcrumb">
                                                <li class="breadcrumb-item"><a href="/Dashboard/Dashboard1"><i class="feather icon-home"></i></a></li>
                                                <li class="breadcrumb-item"><a href="#!">Page Layouts</a></li>
                                                <li class="breadcrumb-item"><a href="#!">Color Icon Layout</a></li>
                                                </ul>
                                                </div>
                                                </div>
                                                </div>
                                                </div>
                                                <!-- [ breadcrumb ] end -->
                                                <div class="main-body">
                                                <div class="page-wrapper">
                                                <!-- [ Main Content ] start -->
                                                <div class="row">
                                                <!-- [ menu-icon ] start -->
                                                <div class="col-sm-12">

                                                </div>
                                                <!-- [ menu-icon ] end -->
                                                </div>
                                                <!-- [ Main Content ] end -->
                                                </div>
                                                </div>
                                                </div>
                                                </div>
                                                </div>
                                                </div>
                                                <!-- [ Main Content ] end -->

                                                <!-- Warning Section start -->
                                                <!-- Older IE warning message -->
                                                <!--[if lt IE 11]>
                                                <div class="ie-warning">
                                                <h1>Warning!!</h1>
                                                <p>You are using an outdated version of Internet Explorer, please upgrade
                                                <br/>to any of the following web browsers to access this website.
                                                </p>
                                                <div class="iew-container">
                                                <ul class="iew-download">
                                                <li>
                                                <a href="http://www.google.com/chrome/">
                                                <img src="~/assets/images/browser/chrome.png" alt="Chrome">
                                                <div>Chrome</div>
                                                </a>
                                                </li>
                                                <li>
                                                <a href="https://www.mozilla.org/en-US/firefox/new/">
                                                <img src="~/assets/images/browser/firefox.png" alt="Firefox">
                                                <div>Firefox</div>
                                                </a>
                                                </li>
                                                <li>
                                                <a href="http://www.opera.com">
                                                <img src="~/assets/images/browser/opera.png" alt="Opera">
                                                <div>Opera</div>
                                                </a>
                                                </li>
                                                <li>
                                                <a href="https://www.apple.com/safari/">
                                                <img src="~/assets/images/browser/safari.png" alt="Safari">
                                                <div>Safari</div>
                                                </a>
                                                </li>
                                                <li>
                                                <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">
                                                <img src="~/assets/images/browser/ie.png" alt="">
                                                <div>IE (11 & above)</div>
                                                </a>
                                                </li>
                                                </ul>
                                                </div>
                                                <p>Sorry for the inconvenience!</p>
                                                </div>
                                                <![endif]-->
                                                <!-- Warning Section Ends -->

                                                <!-- Required Js -->
                                                <script src="~/assets/js/vendor-all.min.js"></script>
                                                <script src="~/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
                                                <script src="~/assets/js/pcoded.min.js"></script>

                                                <!-- prism Js -->
                                                <script src="~/assets/plugins/prism/js/prism.min.js"></script>

                                                </body>
                                                </html>