definicao de layout
This commit is contained in:
186
public/assets/pug/pages/template/email_read.pug
Normal file
186
public/assets/pug/pages/template/email_read.pug
Normal file
@@ -0,0 +1,186 @@
|
||||
- var theme_customizer = true;
|
||||
- var ckeditor = true;
|
||||
- var email_app = 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 Compose
|
||||
ol.breadcrumb
|
||||
li.breadcrumb-item
|
||||
a(href='index.html')
|
||||
| Home
|
||||
li.breadcrumb-item Apps
|
||||
li.breadcrumb-item Email
|
||||
li.breadcrumb-item.active Email Compose
|
||||
.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(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
|
||||
.email-right-aside
|
||||
.email-body
|
||||
.email-content
|
||||
.email-top
|
||||
.row
|
||||
.col-xl-12
|
||||
.media
|
||||
img.me-3.rounded-circle(src='../assets/images/user/user.png', alt='')
|
||||
.media-body
|
||||
h6.d-block
|
||||
| Kori Thomas
|
||||
p Inquiry about our theme pages design.
|
||||
.email-wrapper
|
||||
.emailread-group
|
||||
.read-group
|
||||
p Hello
|
||||
p Dear Sir Good Morning,
|
||||
.read-group
|
||||
h5 Inquiry about our theme pages design.
|
||||
p Viho Admin is a full featured, multipurpose, premium bootstrap admin template built with Bootstrap 5 Framework, HTML5, CSS and JQuery.It has a huge collection of reusable UI components and integrated with latest jQuery plugins.
|
||||
p.m-t-10 It can be used for all type of Web applications like custom admin panel, app backend, CMS or CRM. UI components and integrated with latest jQuery plugins. Tivo Admin is a full featured, multipurpose, premium bootstrap admin template built with Bootstrap 5 Framework.
|
||||
.emailread-group
|
||||
h6.text-muted.mb-0
|
||||
i.icofont.icofont-clip
|
||||
| ATTACHMENTS
|
||||
a.text-muted.text-end.right-download.font-primary.f-w-600(href='#')
|
||||
i.fa.fa-long-arrow-down.me-2
|
||||
| Download All
|
||||
.clearfix
|
||||
.attachment
|
||||
ul
|
||||
li
|
||||
img.img-fluid(src='../assets/images/email/1.jpg', alt='')
|
||||
li
|
||||
img.img-fluid(src='../assets/images/email/2.jpg', alt='')
|
||||
li
|
||||
img.img-fluid(src='../assets/images/email/3.jpg', alt='')
|
||||
.emailread-group
|
||||
textarea.form-control(rows='4' cols='50' placeholder="write about your nots")
|
||||
.action-wrapper
|
||||
ul.actions
|
||||
li
|
||||
a.btn.btn-primary(href='javascript:void(0)')
|
||||
i.fa.fa-reply.me-2
|
||||
| Reply
|
||||
li
|
||||
a.btn.btn-secondary(href='javascript:void(0)')
|
||||
i.fa.fa-reply-all.me-2
|
||||
| Reply All
|
||||
li
|
||||
a.btn.btn-danger(href='javascript:void(0)')
|
||||
i.fa.fa-share.me-2
|
||||
| Forward
|
||||
// Container-fluid Ends
|
||||
include ../../components/footer
|
||||
include ../../components/footer-files
|
||||
Reference in New Issue
Block a user