booking/assets/pug/pages/theme/email_compose.pug
2025-03-24 22:58:00 +03:00

173 lines
10 KiB
Plaintext

- var theme_customizer = true;
- var ckeditor = true;
- var email_app = true;
- var dropzone = 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')
i.icofont.icofont-envelope.me-2
| NEW MAIL
li.nav-item
a#pills-darkprofile-tab.show(data-bs-toggle='pill', href='email_inbox.html')
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-body
.email-compose
.email-top.compose-border
.compose-header
h4.mb-0 New Message
button.btn.btn-primary(type='button')
i.fa.fa-file.me-2
| save
.email-wrapper
form.theme-form
.form-group
label.col-form-label.pt-0(for='exampleInputEmail1') To
input#exampleInputEmail1.form-control(type='email')
.form-group
label(for='exampleInputPassword1') Subject
input#exampleInputPassword1.form-control(type='text')
.form-group
label Message
textarea#text-box(name='text-box', cols='10', rows='2')
.form-group
#singleFileUpload.dropzone.digits.text-center(action='/upload.php')
.dz-message.needsclick
i.icon-cloud-up
h6 Drop files here or click to upload.
span.note.needsclick
| (This is just a demo dropzone. Selected files are
strong not
| actually uploaded.)
.action-wrapper
ul.actions
li
a.btn.btn-secondary(href='javascript:void(0)')
i.fa.fa-paper-plane.me-2
| send
li
a.btn.btn-danger(href='javascript:void(0)')
i.fa.fa-times.me-2
| cancel
// Container-fluid Ends
include ../../components/footer
include ../../components/footer-files