- 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