- var theme_customizer      = true;
doctype html
html(lang='en')
    include ../../components/header-files
    body
        include ../../components/loader
        // page-wrapper Start
        #pageWrapper.page-wrapper
            include ../../components/header
            // Page Body Start
            .page-body-wrapper.horizontal-menu
                include ../../components/sidebar
                .page-body
                    .container-fluid
                      .page-header
                          .row
                              .col-sm-6
                                  h3
                                    | Email Application
                                  ol.breadcrumb
                                    li.breadcrumb-item
                                      a(href='index.html')
                                       | Home
                                    li.breadcrumb-item Apps   
                                    li.breadcrumb-item Email
                                    li.breadcrumb-item.active Email App
                              .col-sm-6
                                include ../../components/bookmark
                    // Container-fluid starts
                    .container-fluid
                      .email-wrap
                        .row
                          .col-xl-3.col-md-6.xl-30
                            .email-sidebar
                              a.btn.btn-primary.email-aside-toggle(href="javascript:void(0)")
                                | email filter
                              .email-left-aside
                                .card
                                  .card-body
                                    .email-app-sidebar
                                      .media
                                        .media-size-email
                                          img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
                                        .media-body
                                          h6.f-w-600 MARKJENCO
                                          p Markjecno@gmail.com
                                      ul.nav.main-menu(role='tablist')
                                        li.nav-item
                                          a#pills-darkhome-tab.btn-primary.btn-block.btn-mail.w-100(data-bs-toggle='pill', href='#pills-darkhome', role='tab', aria-controls='pills-darkhome', aria-selected='true')
                                            i.icofont.icofont-envelope.me-2
                                            |  NEW MAIL
                                        li.nav-item
                                          a#pills-darkprofile-tab.show(data-bs-toggle='pill', href='#pills-darkprofile', role='tab', aria-controls='pills-darkprofile', aria-selected='false')
                                            span.title
                                              i.icon-import
                                              |  Inbox
                                            span.badge.pull-right (236)
                                        li
                                          a(href='#')
                                            span.title
                                              i.icon-folder
                                              |  All mail
                                        li
                                          a(href='#')
                                            span.title
                                              i.icon-new-window
                                              |  Sent
                                            span.badge.pull-right (69)
                                        li
                                          a(href='#')
                                            span.title
                                              i.icon-pencil-alt
                                              |  DRAFT
                                            span.badge.pull-right (59)
                                        li
                                          a(href='#')
                                            span.title
                                              i.icon-trash
                                              |  TRASH
                                            span.badge.pull-right (99)
                                        li
                                          a(href='#')
                                            span.title
                                              i.icon-info-alt
                                              |  IMPORTANT
                                        li
                                          a(href='#')
                                            span.title
                                              i.icon-star
                                              |  Starred
                                        li
                                          hr
                                        li
                                          a(href='#')
                                            span.title
                                              i.icon-email
                                              |  UNREAD
                                        li
                                          a(href='#')
                                            span.title
                                              i.icon-export
                                              |  SPAM
                                        li
                                          a(href='#')
                                            span.title
                                              i.icon-share
                                              |  OUTBOX
                                        li
                                          a(href='#')
                                            span.title
                                              i.icon-file
                                              |  UPDATE
                                        li
                                          a(href='#')
                                            span.title
                                              i.icon-bell
                                              |  ALERT
                                        li
                                          a(href='#')
                                            span.title
                                              i.icon-notepad
                                              |  NOTES
                                            span.badge.pull-right (20)
                          .col-xl-9.col-md-12.xl-70
                            .email-right-aside
                              .card.email-body
                                .email-profile
                                  div
                                    .pe-0.b-r-light
                                    .email-top
                                      .row
                                        .col-12
                                          .media
                                            label.email-chek.d-block(for='chk-ani')
                                              input#chk-ani.checkbox_animated(type='checkbox', checked='')   
                                            .media-body                                                                                   
                                              .dropdown
                                                button#dropdownMenuButton.btn.btn-primary.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
                                                  | Action
                                                .dropdown-menu(aria-labelledby='dropdownMenuButton')
                                                  a.dropdown-item(href='javascript:void(0)') Refresh
                                                  a.dropdown-item(href='javascript:void(0)') Mark as important
                                                  a.dropdown-item(href='javascript:void(0)') Move to span
                                                  a.dropdown-item(href='javascript:void(0)') Move to trush                                   
                                    .inbox
                                      .media
                                        .media-size-email                                        
                                          label.d-block.mb-0(for='chk-ani')
                                            input#chk-ani.checkbox_animated(type='checkbox', checked='')
                                          i.like(data-feather='star')
                                          img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
                                        .media-body
                                          h6
                                            | Pork Lorn 
                                          p Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC.
                                          span 11:59 PM

                                      .media
                                        .media-size-email                                        
                                          label.d-block.mb-0(for='chk-ani')
                                            input#chk-ani.checkbox_animated(type='checkbox', checked='')
                                          i(data-feather='star')
                                          img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
                                        .media-body
                                          h6
                                            | Dee Deo
                                          p Popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC.
                                          span 09:59 AM

                                      .media
                                        .media-size-email                                        
                                          label.d-block.mb-0(for='chk-ani')
                                            input#chk-ani.checkbox_animated(type='checkbox', checked='')
                                          i.like(data-feather='star')
                                          img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
                                        .media-body
                                          h6
                                            | Peg Legge
                                          p A Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words.
                                          span 07:59 AM

                                      .media
                                        .media-size-email                                        
                                          label.d-block.mb-0(for='chk-ani')
                                            input#chk-ani.checkbox_animated(type='checkbox')
                                          i(data-feather='star')
                                          img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
                                        .media-body
                                          h6
                                            | Olive Yew
                                          p Looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage.
                                          span 05:59 AM


                                      .media
                                        .media-size-email                                        
                                          label.d-block.mb-0(for='chk-ani')
                                            input#chk-ani.checkbox_animated(type='checkbox', checked='')
                                          i.like(data-feather='star')
                                          img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
                                        .media-body
                                          h6
                                            | Abby Normal
                                          p very popular during the Renaissance. The first line of Lorem Ipsum.
                                          span 09:29 AM


                                      .media
                                        .media-size-email                                        
                                          label.d-block.mb-0(for='chk-ani')
                                            input#chk-ani.checkbox_animated(type='checkbox')
                                          i.like(data-feather='star')
                                          img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
                                        .media-body
                                          h6
                                            | Clyde Stale
                                          p The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested.
                                          span 06:03 AM

                                      .media
                                        .media-size-email                                        
                                          label.d-block.mb-0(for='chk-ani')
                                            input#chk-ani.checkbox_animated(type='checkbox')
                                          i(data-feather='star')
                                          img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
                                        .media-body
                                          h6
                                            | Art Decco
                                          p All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary.
                                          span 01:11 AM


                                      .media
                                        .media-size-email                                        
                                          label.d-block.mb-0(for='chk-ani')
                                            input#chk-ani.checkbox_animated(type='checkbox', checked='')
                                          i(data-feather='star')
                                          img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
                                        .media-body
                                          h6
                                            | Hugo First
                                          p Randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum
                                          span 09:09 AM


                                      .media
                                        .media-size-email                                        
                                          label.d-block.mb-0(for='chk-ani')
                                            input#chk-ani.checkbox_animated(type='checkbox', checked='')
                                          i(data-feather='star')
                                          img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
                                        .media-body
                                          h6
                                            | Col Fays
                                          p On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment.
                                          span 06:10 AM

                                      .media
                                        .media-size-email                                        
                                          label.d-block.mb-0(for='chk-ani')
                                            input#chk-ani.checkbox_animated(type='checkbox')
                                          i.like(data-feather='star')
                                          img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
                                        .media-body
                                          h6
                                            | Toi Story
                                          p At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.
                                          span 09:59 AM


                                      .media
                                        .media-size-email                                        
                                          label.d-block.mb-0(for='chk-ani')
                                            input#chk-ani.checkbox_animated(type='checkbox')
                                          i.like(data-feather='star')
                                          img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
                                        .media-body
                                          h6
                                            | Jen Tile
                                          p But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system.
                                          span 00:59 AM


                                      .media
                                        .media-size-email                                        
                                          label.d-block.mb-0(for='chk-ani')
                                            input#chk-ani.checkbox_animated(type='checkbox')
                                          i.like(data-feather='star')
                                          img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
                                        .media-body
                                          h6
                                            | C. Yasoon
                                          p ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
                                          span 05:59 AM

                                      .media
                                        .media-size-email                                        
                                          label.d-block.mb-0(for='chk-ani')
                                            input#chk-ani.checkbox_animated(type='checkbox', checked='')
                                          i(data-feather='star')
                                          img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
                                        .media-body
                                          h6
                                            | Anne Teak
                                          p There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour.
                                          span 09:59 AM
                    // Container-fluid Ends
                include ../../components/footer
        include ../../components/footer-files