definicao de layout
This commit is contained in:
309
public/assets/pug/pages/template/email_inbox.pug
Normal file
309
public/assets/pug/pages/template/email_inbox.pug
Normal file
@@ -0,0 +1,309 @@
|
||||
- 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
|
||||
Reference in New Issue
Block a user