Aigars Silkalns
4 months ago
22 changed files with 1600 additions and 4099 deletions
Split View
Diff Options
-
+2 -1concept-modern/package.json
-
+33 -4concept-modern/src/config/navigation.js
-
+179 -0concept-modern/src/js/pages/compose.js
-
+218 -0concept-modern/src/js/pages/email-details.js
-
+345 -0concept-modern/src/js/pages/inbox.js
-
+164 -0concept-modern/src/pages/auth/forgot-password.html
-
+2 -2concept-modern/src/pages/auth/login.html
-
+2 -2concept-modern/src/pages/auth/signup.html
-
+192 -0concept-modern/src/pages/email/compose.html
-
+295 -0concept-modern/src/pages/email/details.html
-
+159 -0concept-modern/src/pages/email/inbox.html
-
+0 -742concept-modern/src/pages/inbox.html
-
+5 -2concept-modern/src/partials/layouts/sidebar.hbs
-
+4 -2concept-modern/vite.config.js
-
+0 -1013index.html
-
+0 -570pages/email-compose.html
-
+0 -532pages/email-details.html
-
+0 -61pages/forgot-password.html
-
+0 -631pages/inbox.html
-
+0 -72pages/login.html
-
+0 -383pages/pages-sign-up.html
-
+0 -82pages/sign-up.html
+ 2
- 1
concept-modern/package.json
View File
+ 33
- 4
concept-modern/src/config/navigation.js
View File
+ 179
- 0
concept-modern/src/js/pages/compose.js
View File
| @ -0,0 +1,179 @@ | |||
| // Email Compose Page functionality | |||
| import Quill from 'quill'; | |||
| import 'quill/dist/quill.snow.css'; | |||
| export function initializeCompose() { | |||
| // Initialize Quill editor for email body | |||
| const editor = new Quill('#emailEditor', { | |||
| theme: 'snow', | |||
| placeholder: 'Write your message here...', | |||
| modules: { | |||
| toolbar: [ | |||
| ['bold', 'italic', 'underline', 'strike'], | |||
| ['blockquote', 'code-block'], | |||
| [{ 'header': 1 }, { 'header': 2 }], | |||
| [{ 'list': 'ordered'}, { 'list': 'bullet' }], | |||
| [{ 'script': 'sub'}, { 'script': 'super' }], | |||
| [{ 'indent': '-1'}, { 'indent': '+1' }], | |||
| [{ 'direction': 'rtl' }], | |||
| [{ 'size': ['small', false, 'large', 'huge'] }], | |||
| [{ 'header': [1, 2, 3, 4, 5, 6, false] }], | |||
| [{ 'color': [] }, { 'background': [] }], | |||
| [{ 'font': [] }], | |||
| [{ 'align': [] }], | |||
| ['clean'], | |||
| ['link', 'image', 'video'] | |||
| ] | |||
| } | |||
| }); | |||
| // Handle file attachments | |||
| const fileInput = document.getElementById('fileAttachment'); | |||
| const attachmentArea = document.querySelector('.attachment-area'); | |||
| if (fileInput && attachmentArea) { | |||
| // File input change | |||
| fileInput.addEventListener('change', handleFileSelect); | |||
| // Drag and drop | |||
| attachmentArea.addEventListener('dragover', (e) => { | |||
| e.preventDefault(); | |||
| attachmentArea.classList.add('drag-over'); | |||
| }); | |||
| attachmentArea.addEventListener('dragleave', () => { | |||
| attachmentArea.classList.remove('drag-over'); | |||
| }); | |||
| attachmentArea.addEventListener('drop', (e) => { | |||
| e.preventDefault(); | |||
| attachmentArea.classList.remove('drag-over'); | |||
| handleFiles(e.dataTransfer.files); | |||
| }); | |||
| } | |||
| // Handle form submission | |||
| const composeForm = document.getElementById('composeForm'); | |||
| if (composeForm) { | |||
| composeForm.addEventListener('submit', (e) => { | |||
| e.preventDefault(); | |||
| handleSendEmail(); | |||
| }); | |||
| } | |||
| // Handle discard button | |||
| const discardBtn = document.querySelector('button[type="button"]:has(.fa-trash)'); | |||
| if (discardBtn) { | |||
| discardBtn.addEventListener('click', handleDiscard); | |||
| } | |||
| // Handle save draft | |||
| const saveDraftBtn = document.querySelector('button[type="button"]:has(.fa-save)'); | |||
| if (saveDraftBtn) { | |||
| saveDraftBtn.addEventListener('click', handleSaveDraft); | |||
| } | |||
| } | |||
| function handleFileSelect(e) { | |||
| handleFiles(e.target.files); | |||
| } | |||
| function handleFiles(files) { | |||
| console.log('Files attached:', files); | |||
| // In a real app, would handle file upload and display | |||
| // Show notification | |||
| showNotification(`${files.length} file(s) attached successfully`, 'success'); | |||
| } | |||
| function handleSendEmail() { | |||
| const to = document.getElementById('toEmail').value; | |||
| const cc = document.getElementById('ccEmail').value; | |||
| const bcc = document.getElementById('bccEmail').value; | |||
| const subject = document.getElementById('emailSubject').value; | |||
| if (!to) { | |||
| showNotification('Please enter at least one recipient', 'error'); | |||
| return; | |||
| } | |||
| if (!subject) { | |||
| showNotification('Please enter a subject', 'error'); | |||
| return; | |||
| } | |||
| // In a real app, would send the email | |||
| console.log('Sending email...', { to, cc, bcc, subject }); | |||
| showNotification('Email sent successfully!', 'success'); | |||
| // Redirect to inbox after delay | |||
| setTimeout(() => { | |||
| window.location.href = '/pages/email/inbox.html'; | |||
| }, 1500); | |||
| } | |||
| function handleDiscard() { | |||
| if (confirm('Are you sure you want to discard this email?')) { | |||
| window.location.href = '/pages/email/inbox.html'; | |||
| } | |||
| } | |||
| function handleSaveDraft() { | |||
| // In a real app, would save the draft | |||
| showNotification('Draft saved successfully', 'success'); | |||
| } | |||
| function showNotification(message, type = 'info') { | |||
| const alertClass = type === 'error' ? 'alert-danger' : | |||
| type === 'success' ? 'alert-success' : 'alert-info'; | |||
| const alert = document.createElement('div'); | |||
| alert.className = `alert ${alertClass} alert-dismissible fade show position-fixed top-0 end-0 m-3`; | |||
| alert.style.zIndex = '1050'; | |||
| alert.innerHTML = ` | |||
| ${message} | |||
| <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> | |||
| `; | |||
| document.body.appendChild(alert); | |||
| setTimeout(() => { | |||
| alert.remove(); | |||
| }, 5000); | |||
| } | |||
| // Add drag-over styles | |||
| const style = document.createElement('style'); | |||
| style.textContent = ` | |||
| .attachment-area.drag-over { | |||
| background-color: #e9ecef; | |||
| border-color: #5969ff; | |||
| border-style: dashed; | |||
| } | |||
| .attachment-area.drag-over * { | |||
| pointer-events: none; | |||
| } | |||
| #emailEditor { | |||
| min-height: 300px; | |||
| } | |||
| .ql-toolbar { | |||
| border-top-left-radius: 0.375rem; | |||
| border-top-right-radius: 0.375rem; | |||
| } | |||
| .ql-container { | |||
| border-bottom-left-radius: 0.375rem; | |||
| border-bottom-right-radius: 0.375rem; | |||
| } | |||
| `; | |||
| document.head.appendChild(style); | |||
| // Initialize on DOM ready | |||
| if (document.readyState === 'loading') { | |||
| document.addEventListener('DOMContentLoaded', initializeCompose); | |||
| } else { | |||
| initializeCompose(); | |||
| } | |||
+ 218
- 0
concept-modern/src/js/pages/email-details.js
View File
| @ -0,0 +1,218 @@ | |||
| // Email Details Page functionality | |||
| import * as bootstrap from 'bootstrap'; | |||
| export function initializeEmailDetails() { | |||
| // Initialize tooltips | |||
| const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); | |||
| tooltipTriggerList.map(function (tooltipTriggerEl) { | |||
| return new bootstrap.Tooltip(tooltipTriggerEl); | |||
| }); | |||
| // Handle email actions | |||
| const emailActions = { | |||
| reply: document.querySelector('button[title="Reply"]'), | |||
| replyAll: document.querySelector('button[title="Reply All"]'), | |||
| forward: document.querySelector('button[title="Forward"]'), | |||
| star: document.querySelector('button[title="Star"]'), | |||
| delete: document.querySelector('button[title="Delete"]') | |||
| }; | |||
| // Reply button | |||
| if (emailActions.reply) { | |||
| emailActions.reply.addEventListener('click', () => { | |||
| scrollToReply(); | |||
| focusReplyTextarea(); | |||
| }); | |||
| } | |||
| // Reply All button | |||
| if (emailActions.replyAll) { | |||
| emailActions.replyAll.addEventListener('click', () => { | |||
| scrollToReply(); | |||
| focusReplyTextarea(); | |||
| // In real app, would populate CC field with all recipients | |||
| }); | |||
| } | |||
| // Forward button | |||
| if (emailActions.forward) { | |||
| emailActions.forward.addEventListener('click', () => { | |||
| window.location.href = '/pages/email/compose.html?action=forward'; | |||
| }); | |||
| } | |||
| // Star button | |||
| if (emailActions.star) { | |||
| emailActions.star.addEventListener('click', function() { | |||
| const icon = this.querySelector('i'); | |||
| if (icon.classList.contains('far')) { | |||
| icon.classList.remove('far'); | |||
| icon.classList.add('fas', 'text-warning'); | |||
| showNotification('Email starred', 'success'); | |||
| } else { | |||
| icon.classList.remove('fas', 'text-warning'); | |||
| icon.classList.add('far'); | |||
| showNotification('Star removed', 'info'); | |||
| } | |||
| }); | |||
| } | |||
| // Delete button | |||
| if (emailActions.delete) { | |||
| emailActions.delete.addEventListener('click', () => { | |||
| if (confirm('Are you sure you want to delete this email?')) { | |||
| showNotification('Email deleted', 'success'); | |||
| setTimeout(() => { | |||
| window.location.href = '/pages/email/inbox.html'; | |||
| }, 1000); | |||
| } | |||
| }); | |||
| } | |||
| // Handle reply form | |||
| const replyForm = document.getElementById('replyForm'); | |||
| if (replyForm) { | |||
| replyForm.addEventListener('submit', (e) => { | |||
| e.preventDefault(); | |||
| handleReplySubmit(); | |||
| }); | |||
| } | |||
| // Handle attachment downloads | |||
| document.querySelectorAll('.attachment-item button').forEach(btn => { | |||
| btn.addEventListener('click', function() { | |||
| const fileName = this.closest('.attachment-item').querySelector('h6').textContent; | |||
| showNotification(`Downloading ${fileName}...`, 'info'); | |||
| // In real app, would trigger actual download | |||
| }); | |||
| }); | |||
| // Handle attachment clicks | |||
| document.querySelectorAll('.attachment-item').forEach(item => { | |||
| item.style.cursor = 'pointer'; | |||
| item.addEventListener('click', function(e) { | |||
| if (!e.target.closest('button')) { | |||
| const fileName = this.querySelector('h6').textContent; | |||
| console.log('Preview file:', fileName); | |||
| // In real app, would open preview modal | |||
| } | |||
| }); | |||
| }); | |||
| } | |||
| function scrollToReply() { | |||
| const replySection = document.querySelector('.email-reply'); | |||
| if (replySection) { | |||
| replySection.scrollIntoView({ behavior: 'smooth', block: 'center' }); | |||
| } | |||
| } | |||
| function focusReplyTextarea() { | |||
| const textarea = document.querySelector('.email-reply textarea'); | |||
| if (textarea) { | |||
| setTimeout(() => { | |||
| textarea.focus(); | |||
| }, 500); | |||
| } | |||
| } | |||
| function handleReplySubmit() { | |||
| const textarea = document.querySelector('.email-reply textarea'); | |||
| const replyText = textarea.value.trim(); | |||
| if (!replyText) { | |||
| showNotification('Please enter a reply message', 'error'); | |||
| return; | |||
| } | |||
| // In real app, would send the reply | |||
| showNotification('Reply sent successfully!', 'success'); | |||
| // Clear textarea | |||
| textarea.value = ''; | |||
| // Add reply to the conversation (demo) | |||
| addReplyToConversation(replyText); | |||
| } | |||
| function addReplyToConversation(replyText) { | |||
| const emailBody = document.querySelector('.email-body'); | |||
| const replyHtml = ` | |||
| <div class="reply-message mt-4 p-3 bg-light rounded"> | |||
| <div class="d-flex align-items-center mb-2"> | |||
| <img src="https://placehold.co/40x40/5969ff/ffffff?text=ME&font=montserrat" alt="Me" class="rounded-circle me-2" width="40" height="40"> | |||
| <div> | |||
| <h6 class="mb-0">Me</h6> | |||
| <small class="text-muted">Just now</small> | |||
| </div> | |||
| </div> | |||
| <p class="mb-0">${replyText}</p> | |||
| </div> | |||
| `; | |||
| emailBody.insertAdjacentHTML('beforeend', replyHtml); | |||
| } | |||
| function showNotification(message, type = 'info') { | |||
| const alertClass = type === 'error' ? 'alert-danger' : | |||
| type === 'success' ? 'alert-success' : 'alert-info'; | |||
| const alert = document.createElement('div'); | |||
| alert.className = `alert ${alertClass} alert-dismissible fade show position-fixed top-0 end-0 m-3`; | |||
| alert.style.zIndex = '1050'; | |||
| alert.innerHTML = ` | |||
| ${message} | |||
| <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> | |||
| `; | |||
| document.body.appendChild(alert); | |||
| setTimeout(() => { | |||
| alert.remove(); | |||
| }, 5000); | |||
| } | |||
| // Add hover effect styles | |||
| const style = document.createElement('style'); | |||
| style.textContent = ` | |||
| .attachment-item { | |||
| transition: all 0.2s ease; | |||
| } | |||
| .attachment-item:hover { | |||
| background-color: #f8f9fa; | |||
| transform: translateY(-2px); | |||
| box-shadow: 0 2px 8px rgba(0,0,0,0.1); | |||
| } | |||
| .email-actions button { | |||
| transition: all 0.2s ease; | |||
| } | |||
| .email-actions button:hover { | |||
| transform: translateY(-1px); | |||
| } | |||
| .reply-message { | |||
| animation: slideIn 0.3s ease; | |||
| } | |||
| @keyframes slideIn { | |||
| from { | |||
| opacity: 0; | |||
| transform: translateY(10px); | |||
| } | |||
| to { | |||
| opacity: 1; | |||
| transform: translateY(0); | |||
| } | |||
| } | |||
| `; | |||
| document.head.appendChild(style); | |||
| // Initialize on DOM ready | |||
| if (document.readyState === 'loading') { | |||
| document.addEventListener('DOMContentLoaded', initializeEmailDetails); | |||
| } else { | |||
| initializeEmailDetails(); | |||
| } | |||
+ 345
- 0
concept-modern/src/js/pages/inbox.js
View File
| @ -0,0 +1,345 @@ | |||
| // Inbox Page functionality | |||
| import * as bootstrap from 'bootstrap'; | |||
| export function initializeInbox() { | |||
| // Initialize tooltips | |||
| const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); | |||
| tooltipTriggerList.map(function (tooltipTriggerEl) { | |||
| return new bootstrap.Tooltip(tooltipTriggerEl); | |||
| }); | |||
| // Email data for different folders | |||
| const emailData = { | |||
| inbox: [ | |||
| { | |||
| id: 1, | |||
| from: 'John Doe', | |||
| initials: 'JD', | |||
| color: 'primary', | |||
| subject: 'Q4 Product Launch Strategy Meeting', | |||
| preview: 'Hi team, I wanted to reach out regarding our upcoming Q4 product launch strategy meeting...', | |||
| time: '2:30 PM', | |||
| starred: true, | |||
| unread: true, | |||
| attachments: true, | |||
| labels: ['work', 'important'] | |||
| }, | |||
| { | |||
| id: 2, | |||
| from: 'Sarah Miller', | |||
| initials: 'SM', | |||
| color: 'success', | |||
| subject: 'Budget Review - Updated Figures', | |||
| preview: 'Please find attached the updated budget figures for Q4. We need to discuss the marketing allocation...', | |||
| time: '11:45 AM', | |||
| starred: false, | |||
| unread: true, | |||
| attachments: true, | |||
| labels: ['work'] | |||
| }, | |||
| { | |||
| id: 3, | |||
| from: 'Michael Chen', | |||
| initials: 'MC', | |||
| color: 'warning', | |||
| subject: 'Re: Website Redesign Proposal', | |||
| preview: 'I\'ve reviewed the mockups and they look great! I have a few suggestions about the color scheme...', | |||
| time: '10:30 AM', | |||
| starred: false, | |||
| unread: false, | |||
| attachments: false, | |||
| labels: ['personal'] | |||
| }, | |||
| { | |||
| id: 4, | |||
| from: 'Emily Johnson', | |||
| initials: 'EJ', | |||
| color: 'danger', | |||
| subject: 'Team Building Event - Save the Date!', | |||
| preview: 'Mark your calendars! Our annual team building event is scheduled for next month. We\'ll be...', | |||
| time: 'Yesterday', | |||
| starred: true, | |||
| unread: false, | |||
| attachments: false, | |||
| labels: ['personal'] | |||
| }, | |||
| { | |||
| id: 5, | |||
| from: 'David Wilson', | |||
| initials: 'DW', | |||
| color: 'info', | |||
| subject: 'API Documentation Update', | |||
| preview: 'The API documentation has been updated with the new endpoints. Please review section 3.2 for...', | |||
| time: 'Yesterday', | |||
| starred: false, | |||
| unread: false, | |||
| attachments: true, | |||
| labels: ['work'] | |||
| } | |||
| ], | |||
| starred: [ | |||
| { | |||
| id: 1, | |||
| from: 'John Doe', | |||
| initials: 'JD', | |||
| color: 'primary', | |||
| subject: 'Q4 Product Launch Strategy Meeting', | |||
| preview: 'Hi team, I wanted to reach out regarding our upcoming Q4 product launch strategy meeting...', | |||
| time: '2:30 PM', | |||
| starred: true, | |||
| unread: true, | |||
| attachments: true, | |||
| labels: ['work', 'important'] | |||
| }, | |||
| { | |||
| id: 4, | |||
| from: 'Emily Johnson', | |||
| initials: 'EJ', | |||
| color: 'danger', | |||
| subject: 'Team Building Event - Save the Date!', | |||
| preview: 'Mark your calendars! Our annual team building event is scheduled for next month. We\'ll be...', | |||
| time: 'Yesterday', | |||
| starred: true, | |||
| unread: false, | |||
| attachments: false, | |||
| labels: ['personal'] | |||
| } | |||
| ], | |||
| sent: [ | |||
| { | |||
| id: 6, | |||
| from: 'Me', | |||
| to: 'John Doe', | |||
| initials: 'ME', | |||
| color: 'secondary', | |||
| subject: 'Re: Q4 Product Launch Strategy Meeting', | |||
| preview: 'Thanks for the update John. I\'ve reviewed the documents and have some feedback...', | |||
| time: '1:15 PM', | |||
| starred: false, | |||
| unread: false, | |||
| attachments: false, | |||
| labels: ['work'] | |||
| } | |||
| ], | |||
| drafts: [ | |||
| { | |||
| id: 7, | |||
| from: 'Draft', | |||
| to: 'Marketing Team', | |||
| initials: 'DR', | |||
| color: 'secondary', | |||
| subject: 'New Campaign Ideas', | |||
| preview: 'Hi team, I\'ve been thinking about our next campaign and wanted to share some initial ideas...', | |||
| time: 'Draft', | |||
| starred: false, | |||
| unread: false, | |||
| attachments: false, | |||
| labels: [] | |||
| } | |||
| ], | |||
| trash: [] | |||
| }; | |||
| let currentFolder = 'inbox'; | |||
| let selectedEmails = new Set(); | |||
| // Initialize email list | |||
| renderEmails(currentFolder); | |||
| // Folder navigation | |||
| document.querySelectorAll('[data-folder]').forEach(link => { | |||
| link.addEventListener('click', (e) => { | |||
| e.preventDefault(); | |||
| const folder = e.currentTarget.dataset.folder; | |||
| // Update active state | |||
| document.querySelectorAll('[data-folder]').forEach(el => el.classList.remove('active')); | |||
| e.currentTarget.classList.add('active'); | |||
| // Render emails for selected folder | |||
| currentFolder = folder; | |||
| renderEmails(folder); | |||
| }); | |||
| }); | |||
| // Select all checkbox | |||
| const selectAllCheckbox = document.getElementById('selectAll'); | |||
| if (selectAllCheckbox) { | |||
| selectAllCheckbox.addEventListener('change', (e) => { | |||
| const checkboxes = document.querySelectorAll('.email-checkbox'); | |||
| checkboxes.forEach(cb => { | |||
| cb.checked = e.target.checked; | |||
| const emailId = parseInt(cb.value); | |||
| if (e.target.checked) { | |||
| selectedEmails.add(emailId); | |||
| } else { | |||
| selectedEmails.delete(emailId); | |||
| } | |||
| }); | |||
| }); | |||
| } | |||
| // Email item interactions | |||
| document.addEventListener('click', (e) => { | |||
| // Email checkbox | |||
| if (e.target.classList.contains('email-checkbox')) { | |||
| const emailId = parseInt(e.target.value); | |||
| if (e.target.checked) { | |||
| selectedEmails.add(emailId); | |||
| } else { | |||
| selectedEmails.delete(emailId); | |||
| } | |||
| } | |||
| // Star toggle | |||
| if (e.target.closest('.star-toggle')) { | |||
| e.preventDefault(); | |||
| const star = e.target.closest('.star-toggle'); | |||
| const emailId = parseInt(star.dataset.emailId); | |||
| toggleStar(emailId); | |||
| } | |||
| // Email item click (not on checkbox or star) | |||
| if (e.target.closest('.email-item') && !e.target.closest('.email-checkbox') && !e.target.closest('.star-toggle')) { | |||
| window.location.href = '/pages/email/details.html'; | |||
| } | |||
| }); | |||
| function renderEmails(folder) { | |||
| const emailItems = document.getElementById('emailItems'); | |||
| const emails = emailData[folder] || []; | |||
| if (emails.length === 0) { | |||
| emailItems.innerHTML = ` | |||
| <div class="text-center py-5"> | |||
| <i class="fas fa-inbox fa-3x text-muted mb-3"></i> | |||
| <p class="text-muted">No emails in ${folder}</p> | |||
| </div> | |||
| `; | |||
| return; | |||
| } | |||
| emailItems.innerHTML = emails.map(email => ` | |||
| <div class="email-item border-bottom p-3 hover-bg-light ${email.unread ? 'fw-bold' : ''}" data-email-id="${email.id}"> | |||
| <div class="d-flex align-items-center"> | |||
| <div class="form-check me-3"> | |||
| <input class="form-check-input email-checkbox" type="checkbox" value="${email.id}"> | |||
| </div> | |||
| <div class="avatar bg-${email.color} text-white rounded-circle d-flex align-items-center justify-content-center me-3"> | |||
| <span class="avatar-initial">${email.initials}</span> | |||
| </div> | |||
| <div class="flex-grow-1 min-width-0"> | |||
| <div class="d-flex align-items-center mb-1"> | |||
| <h6 class="mb-0 me-2">${email.from}</h6> | |||
| ${email.to ? `<small class="text-muted">to ${email.to}</small>` : ''} | |||
| ${email.attachments ? `<i class="fa-solid fa-paperclip text-muted ms-2"></i>` : ''} | |||
| <div class="ms-auto text-muted small">${email.time}</div> | |||
| </div> | |||
| <div class="text-truncate">${email.subject}</div> | |||
| <div class="text-muted small text-truncate">${email.preview}</div> | |||
| ${email.labels.length > 0 ? ` | |||
| <div class="mt-1"> | |||
| ${email.labels.map(label => ` | |||
| <span class="badge bg-${getLabelColor(label)} me-1">${label}</span> | |||
| `).join('')} | |||
| </div> | |||
| ` : ''} | |||
| </div> | |||
| <button class="star-toggle btn btn-link text-decoration-none ms-2 hover-text-warning" data-email-id="${email.id}"> | |||
| <i class="fa${email.starred ? 's' : 'r'} fa-star ${email.starred ? 'text-warning' : 'text-muted'}"></i> | |||
| </button> | |||
| </div> | |||
| </div> | |||
| `).join(''); | |||
| } | |||
| function getLabelColor(label) { | |||
| const colors = { | |||
| work: 'success', | |||
| personal: 'primary', | |||
| important: 'warning', | |||
| private: 'danger' | |||
| }; | |||
| return colors[label] || 'secondary'; | |||
| } | |||
| function toggleStar(emailId) { | |||
| // Find email in all folders and toggle star | |||
| Object.keys(emailData).forEach(folder => { | |||
| const email = emailData[folder].find(e => e.id === emailId); | |||
| if (email) { | |||
| email.starred = !email.starred; | |||
| // Update UI | |||
| const star = document.querySelector(`[data-email-id="${emailId}"] i`); | |||
| if (star) { | |||
| star.classList.toggle('fas'); | |||
| star.classList.toggle('far'); | |||
| star.classList.toggle('text-warning'); | |||
| star.classList.toggle('text-muted'); | |||
| } | |||
| } | |||
| }); | |||
| } | |||
| } | |||
| // Add custom styles | |||
| const style = document.createElement('style'); | |||
| style.textContent = ` | |||
| .avatar { | |||
| width: 40px !important; | |||
| height: 40px !important; | |||
| min-width: 40px !important; | |||
| min-height: 40px !important; | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: center; | |||
| flex-shrink: 0; | |||
| } | |||
| .avatar-initial { | |||
| font-size: 0.875rem; | |||
| font-weight: 600; | |||
| color: white; | |||
| line-height: 1; | |||
| } | |||
| .hover-bg-light:hover { | |||
| background-color: #f8f9fa !important; | |||
| cursor: pointer; | |||
| } | |||
| .hover-text-warning:hover { | |||
| color: #ffc107 !important; | |||
| cursor: pointer; | |||
| } | |||
| .min-width-0 { | |||
| min-width: 0; | |||
| } | |||
| .email-item { | |||
| transition: background-color 0.15s ease-in-out; | |||
| } | |||
| .email-checkbox { | |||
| cursor: pointer; | |||
| } | |||
| .list-group-item-action:hover { | |||
| background-color: #f8f9fa; | |||
| } | |||
| .list-group-item-action.active { | |||
| background-color: #e9ecef; | |||
| color: #212529; | |||
| border-color: transparent; | |||
| } | |||
| `; | |||
| document.head.appendChild(style); | |||
| // Initialize on DOM ready | |||
| if (document.readyState === 'loading') { | |||
| document.addEventListener('DOMContentLoaded', initializeInbox); | |||
| } else { | |||
| initializeInbox(); | |||
| } | |||
+ 164
- 0
concept-modern/src/pages/auth/forgot-password.html
View File
| @ -0,0 +1,164 @@ | |||
| <!doctype html> | |||
| <html lang="en" class="h-100"> | |||
| <head> | |||
| {{> layouts/head pageTitle="Forgot Password" }} | |||
| </head> | |||
| <body class="h-100 d-flex align-items-center bg-light"> | |||
| <div class="container"> | |||
| <div class="row justify-content-center"> | |||
| <div class="col-xl-5 col-lg-6 col-md-8 col-sm-10"> | |||
| <div class="text-center mb-4"> | |||
| <a href="/" class="d-inline-block"> | |||
| <h1 class="text-primary fw-bold mb-0">Concept</h1> | |||
| </a> | |||
| <p class="text-muted mt-2">Reset your password</p> | |||
| </div> | |||
| <div class="card shadow-sm border-0"> | |||
| <div class="card-body p-5"> | |||
| <div class="text-center mb-4"> | |||
| <div class="bg-primary bg-opacity-10 text-primary d-flex align-items-center justify-content-center rounded-circle mx-auto mb-3" style="width: 80px; height: 80px;"> | |||
| <i class="fas fa-lock fa-2x"></i> | |||
| </div> | |||
| <h4 class="fw-bold">Forgot Password?</h4> | |||
| <p class="text-muted">No worries, we'll send you reset instructions.</p> | |||
| </div> | |||
| <form id="forgotPasswordForm" novalidate> | |||
| <div class="mb-4"> | |||
| <label for="email" class="form-label fw-medium">Email address</label> | |||
| <input type="email" | |||
| class="form-control form-control-lg" | |||
| id="email" | |||
| placeholder="Enter your email" | |||
| required> | |||
| <div class="invalid-feedback"> | |||
| Please enter a valid email address. | |||
| </div> | |||
| </div> | |||
| <div class="d-grid mb-4"> | |||
| <button type="submit" class="btn btn-primary btn-lg"> | |||
| <span class="btn-text">Reset Password</span> | |||
| <span class="spinner-border spinner-border-sm ms-2 d-none" role="status"> | |||
| <span class="visually-hidden">Loading...</span> | |||
| </span> | |||
| </button> | |||
| </div> | |||
| <div class="text-center"> | |||
| <a href="/pages/auth/login.html" class="text-decoration-none"> | |||
| <i class="fas fa-arrow-left me-1"></i> Back to login | |||
| </a> | |||
| </div> | |||
| </form> | |||
| <!-- Success message (hidden by default) --> | |||
| <div class="success-message d-none"> | |||
| <div class="text-center"> | |||
| <div class="bg-success bg-opacity-10 text-success d-flex align-items-center justify-content-center rounded-circle mx-auto mb-3" style="width: 80px; height: 80px;"> | |||
| <i class="fas fa-check fa-2x"></i> | |||
| </div> | |||
| <h4 class="fw-bold">Check your email</h4> | |||
| <p class="text-muted mb-4">We've sent a password reset link to your email address.</p> | |||
| <div class="d-grid mb-3"> | |||
| <a href="#" class="btn btn-primary btn-lg">Open email app</a> | |||
| </div> | |||
| <p class="text-muted small mb-3"> | |||
| Didn't receive the email? Check your spam folder or | |||
| <a href="#" class="text-decoration-none resend-link">click here to resend</a> | |||
| </p> | |||
| <div class="text-center"> | |||
| <a href="/pages/auth/login.html" class="text-decoration-none"> | |||
| <i class="fas fa-arrow-left me-1"></i> Back to login | |||
| </a> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="text-center mt-4"> | |||
| <p class="text-muted small"> | |||
| Remember your password? | |||
| <a href="/pages/auth/login.html" class="text-decoration-none fw-medium">Login</a> | |||
| </p> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| {{> layouts/scripts }} | |||
| <!-- Page Specific JS --> | |||
| <script type="module"> | |||
| document.addEventListener('DOMContentLoaded', function() { | |||
| const form = document.getElementById('forgotPasswordForm'); | |||
| const successMessage = document.querySelector('.success-message'); | |||
| const resendLink = document.querySelector('.resend-link'); | |||
| // Form submission | |||
| form.addEventListener('submit', function(e) { | |||
| e.preventDefault(); | |||
| // Validate form | |||
| if (!form.checkValidity()) { | |||
| e.stopPropagation(); | |||
| form.classList.add('was-validated'); | |||
| return; | |||
| } | |||
| // Show loading state | |||
| const btn = form.querySelector('button[type="submit"]'); | |||
| const btnText = btn.querySelector('.btn-text'); | |||
| const spinner = btn.querySelector('.spinner-border'); | |||
| btnText.textContent = 'Sending...'; | |||
| spinner.classList.remove('d-none'); | |||
| btn.disabled = true; | |||
| // Simulate API call | |||
| setTimeout(() => { | |||
| // Hide form and show success message | |||
| form.classList.add('d-none'); | |||
| successMessage.classList.remove('d-none'); | |||
| }, 1500); | |||
| }); | |||
| // Resend link | |||
| if (resendLink) { | |||
| resendLink.addEventListener('click', function(e) { | |||
| e.preventDefault(); | |||
| // Disable link temporarily | |||
| this.classList.add('text-muted'); | |||
| this.style.pointerEvents = 'none'; | |||
| this.textContent = 'Sending...'; | |||
| // Simulate resend | |||
| setTimeout(() => { | |||
| this.textContent = 'Email sent!'; | |||
| // Reset after 3 seconds | |||
| setTimeout(() => { | |||
| this.classList.remove('text-muted'); | |||
| this.style.pointerEvents = 'auto'; | |||
| this.textContent = 'click here to resend'; | |||
| }, 3000); | |||
| }, 1500); | |||
| }); | |||
| } | |||
| // Open email app | |||
| document.querySelector('.btn-primary[href="#"]').addEventListener('click', function(e) { | |||
| e.preventDefault(); | |||
| // Try to open default email client | |||
| window.location.href = 'mailto:'; | |||
| }); | |||
| }); | |||
| </script> | |||
| </body> | |||
| </html> | |||
concept-modern/src/pages/misc/login.html → concept-modern/src/pages/auth/login.html
View File
concept-modern/src/pages/misc/signup.html → concept-modern/src/pages/auth/signup.html
View File
+ 192
- 0
concept-modern/src/pages/email/compose.html
View File
| @ -0,0 +1,192 @@ | |||
| {{> layouts/main title="Compose Email" activeMenu="email" activePage="compose"}} | |||
| {{#*inline "content"}} | |||
| <div class="dashboard-main-wrapper"> | |||
| <!-- Header --> | |||
| {{> layouts/header}} | |||
| <!-- Sidebar --> | |||
| {{> layouts/sidebar activeMenu="email" activePage="compose"}} | |||
| <!-- Main Content --> | |||
| <div class="dashboard-wrapper"> | |||
| <div class="dashboard-email"> | |||
| <div class="container-fluid dashboard-content"> | |||
| <!-- Page Header --> | |||
| <div class="row"> | |||
| <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12"> | |||
| <div class="page-header"> | |||
| <h2 class="pageheader-title">Compose Email</h2> | |||
| <p class="pageheader-text">Create and send new email messages</p> | |||
| <div class="page-breadcrumb"> | |||
| <nav aria-label="breadcrumb"> | |||
| <ol class="breadcrumb"> | |||
| <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li> | |||
| <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Email</a></li> | |||
| <li class="breadcrumb-item active" aria-current="page">Compose</li> | |||
| </ol> | |||
| </nav> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Email Interface --> | |||
| <div class="row"> | |||
| <div class="col-xl-12"> | |||
| <div class="card"> | |||
| <div class="card-body p-0"> | |||
| <div class="email-wrapper"> | |||
| <div class="row g-0"> | |||
| <!-- Sidebar --> | |||
| <div class="col-lg-3 col-md-4 border-end"> | |||
| <div class="email-sidebar p-4"> | |||
| <!-- Compose Button --> | |||
| <a href="/pages/email/inbox.html" class="btn btn-outline-secondary btn-lg w-100 mb-4"> | |||
| <i class="fas fa-inbox me-2"></i>Back to Inbox | |||
| </a> | |||
| <!-- Folders --> | |||
| <div class="email-folders"> | |||
| <h6 class="text-muted text-uppercase small mb-3">Folders</h6> | |||
| <div class="list-group list-group-flush"> | |||
| <a href="/pages/email/inbox.html" class="list-group-item list-group-item-action"> | |||
| <i class="fas fa-inbox me-2"></i>Inbox | |||
| <span class="badge bg-primary rounded-pill float-end">24</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <i class="fas fa-star me-2"></i>Starred | |||
| <span class="badge bg-warning rounded-pill float-end">8</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <i class="fas fa-paper-plane me-2"></i>Sent | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <i class="fas fa-file-alt me-2"></i>Drafts | |||
| <span class="badge bg-secondary rounded-pill float-end">2</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <i class="fas fa-trash me-2"></i>Trash | |||
| </a> | |||
| </div> | |||
| </div> | |||
| <!-- Labels --> | |||
| <div class="email-labels mt-4"> | |||
| <h6 class="text-muted text-uppercase small mb-3">Labels</h6> | |||
| <div class="list-group list-group-flush"> | |||
| <a href="#" class="list-group-item list-group-item-action d-flex align-items-center"> | |||
| <span class="badge bg-success me-2"> </span> | |||
| <span>Work</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action d-flex align-items-center"> | |||
| <span class="badge bg-primary me-2"> </span> | |||
| <span>Personal</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action d-flex align-items-center"> | |||
| <span class="badge bg-warning me-2"> </span> | |||
| <span>Important</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action d-flex align-items-center"> | |||
| <span class="badge bg-danger me-2"> </span> | |||
| <span>Private</span> | |||
| </a> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Compose Form --> | |||
| <div class="col-lg-9 col-md-8"> | |||
| <div class="email-compose p-4"> | |||
| <form id="composeForm"> | |||
| <!-- To Field --> | |||
| <div class="mb-3"> | |||
| <label for="toEmail" class="form-label">To:</label> | |||
| <input type="text" class="form-control" id="toEmail" placeholder="Enter recipient email addresses" multiple> | |||
| </div> | |||
| <!-- CC/BCC Fields --> | |||
| <div class="row mb-3"> | |||
| <div class="col-md-6"> | |||
| <label for="ccEmail" class="form-label"> | |||
| CC: | |||
| <small class="text-muted">(Optional)</small> | |||
| </label> | |||
| <input type="text" class="form-control" id="ccEmail" placeholder="Carbon copy recipients"> | |||
| </div> | |||
| <div class="col-md-6"> | |||
| <label for="bccEmail" class="form-label"> | |||
| BCC: | |||
| <small class="text-muted">(Optional)</small> | |||
| </label> | |||
| <input type="text" class="form-control" id="bccEmail" placeholder="Blind carbon copy recipients"> | |||
| </div> | |||
| </div> | |||
| <!-- Subject --> | |||
| <div class="mb-3"> | |||
| <label for="emailSubject" class="form-label">Subject:</label> | |||
| <input type="text" class="form-control" id="emailSubject" placeholder="Enter email subject"> | |||
| </div> | |||
| <!-- Email Body --> | |||
| <div class="mb-3"> | |||
| <label for="emailBody" class="form-label">Message:</label> | |||
| <div id="emailEditor" class="email-editor"></div> | |||
| </div> | |||
| <!-- Attachments --> | |||
| <div class="mb-4"> | |||
| <label class="form-label">Attachments:</label> | |||
| <div class="attachment-area border rounded p-3"> | |||
| <div class="text-center"> | |||
| <i class="fas fa-cloud-upload-alt fa-3x text-muted mb-3"></i> | |||
| <p class="text-muted mb-2">Drag and drop files here or</p> | |||
| <label for="fileAttachment" class="btn btn-outline-primary btn-sm"> | |||
| <i class="fas fa-paperclip me-1"></i>Choose Files | |||
| </label> | |||
| <input type="file" id="fileAttachment" class="d-none" multiple> | |||
| <p class="text-muted small mt-2 mb-0">Maximum file size: 25MB</p> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Action Buttons --> | |||
| <div class="d-flex justify-content-between align-items-center"> | |||
| <div> | |||
| <button type="button" class="btn btn-outline-secondary"> | |||
| <i class="fas fa-trash me-1"></i>Discard | |||
| </button> | |||
| <button type="button" class="btn btn-outline-secondary ms-2"> | |||
| <i class="fas fa-save me-1"></i>Save Draft | |||
| </button> | |||
| </div> | |||
| <div> | |||
| <button type="submit" class="btn btn-primary"> | |||
| <i class="fas fa-paper-plane me-1"></i>Send Email | |||
| </button> | |||
| </div> | |||
| </div> | |||
| </form> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Footer --> | |||
| {{> layouts/footer}} | |||
| </div> | |||
| </div> | |||
| <!-- Page Specific Scripts --> | |||
| <script type="module" src="/js/pages/compose.js"></script> | |||
| {{/inline}} | |||
| {{> layouts/base}} | |||
+ 295
- 0
concept-modern/src/pages/email/details.html
View File
| @ -0,0 +1,295 @@ | |||
| {{> layouts/main title="Email Details" activeMenu="email" activePage="details"}} | |||
| {{#*inline "content"}} | |||
| <div class="dashboard-main-wrapper"> | |||
| <!-- Header --> | |||
| {{> layouts/header}} | |||
| <!-- Sidebar --> | |||
| {{> layouts/sidebar activeMenu="email" activePage="details"}} | |||
| <!-- Main Content --> | |||
| <div class="dashboard-wrapper"> | |||
| <div class="dashboard-email"> | |||
| <div class="container-fluid dashboard-content"> | |||
| <!-- Page Header --> | |||
| <div class="row"> | |||
| <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12"> | |||
| <div class="page-header"> | |||
| <h2 class="pageheader-title">Email Details</h2> | |||
| <p class="pageheader-text">View and manage email message</p> | |||
| <div class="page-breadcrumb"> | |||
| <nav aria-label="breadcrumb"> | |||
| <ol class="breadcrumb"> | |||
| <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li> | |||
| <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Email</a></li> | |||
| <li class="breadcrumb-item active" aria-current="page">Email Details</li> | |||
| </ol> | |||
| </nav> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Email Interface --> | |||
| <div class="row"> | |||
| <div class="col-xl-12"> | |||
| <div class="card"> | |||
| <div class="card-body p-0"> | |||
| <div class="email-wrapper"> | |||
| <div class="row g-0"> | |||
| <!-- Sidebar --> | |||
| <div class="col-lg-3 col-md-4 border-end"> | |||
| <div class="email-sidebar p-4"> | |||
| <!-- Compose Button --> | |||
| <a href="/pages/email/compose.html" class="btn btn-primary btn-lg w-100 mb-4"> | |||
| <i class="fas fa-edit me-2"></i>Compose | |||
| </a> | |||
| <!-- Folders --> | |||
| <div class="email-folders"> | |||
| <h6 class="text-muted text-uppercase small mb-3">Folders</h6> | |||
| <div class="list-group list-group-flush"> | |||
| <a href="/pages/email/inbox.html" class="list-group-item list-group-item-action active"> | |||
| <i class="fas fa-inbox me-2"></i>Inbox | |||
| <span class="badge bg-primary rounded-pill float-end">24</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <i class="fas fa-star me-2"></i>Starred | |||
| <span class="badge bg-warning rounded-pill float-end">8</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <i class="fas fa-paper-plane me-2"></i>Sent | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <i class="fas fa-file-alt me-2"></i>Drafts | |||
| <span class="badge bg-secondary rounded-pill float-end">2</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <i class="fas fa-trash me-2"></i>Trash | |||
| </a> | |||
| </div> | |||
| </div> | |||
| <!-- Labels --> | |||
| <div class="email-labels mt-4"> | |||
| <h6 class="text-muted text-uppercase small mb-3">Labels</h6> | |||
| <div class="list-group list-group-flush"> | |||
| <a href="#" class="list-group-item list-group-item-action d-flex align-items-center"> | |||
| <span class="badge bg-success me-2"> </span> | |||
| <span>Work</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action d-flex align-items-center"> | |||
| <span class="badge bg-primary me-2"> </span> | |||
| <span>Personal</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action d-flex align-items-center"> | |||
| <span class="badge bg-warning me-2"> </span> | |||
| <span>Important</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action d-flex align-items-center"> | |||
| <span class="badge bg-danger me-2"> </span> | |||
| <span>Private</span> | |||
| </a> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Email Details --> | |||
| <div class="col-lg-9 col-md-8"> | |||
| <div class="email-details"> | |||
| <!-- Email Header --> | |||
| <div class="email-header border-bottom p-4"> | |||
| <div class="d-flex justify-content-between align-items-start mb-3"> | |||
| <h3 class="mb-0">Q4 Product Launch Strategy Meeting</h3> | |||
| <div class="email-actions"> | |||
| <button class="btn btn-sm btn-outline-secondary me-1" data-bs-toggle="tooltip" title="Reply"> | |||
| <i class="fas fa-reply"></i> | |||
| </button> | |||
| <button class="btn btn-sm btn-outline-secondary me-1" data-bs-toggle="tooltip" title="Reply All"> | |||
| <i class="fas fa-reply-all"></i> | |||
| </button> | |||
| <button class="btn btn-sm btn-outline-secondary me-1" data-bs-toggle="tooltip" title="Forward"> | |||
| <i class="fas fa-share"></i> | |||
| </button> | |||
| <button class="btn btn-sm btn-outline-secondary me-1" data-bs-toggle="tooltip" title="Star"> | |||
| <i class="far fa-star"></i> | |||
| </button> | |||
| <button class="btn btn-sm btn-outline-secondary" data-bs-toggle="tooltip" title="Delete"> | |||
| <i class="fas fa-trash"></i> | |||
| </button> | |||
| </div> | |||
| </div> | |||
| <div class="email-meta"> | |||
| <div class="d-flex align-items-center mb-2"> | |||
| <img src="https://placehold.co/48x48/5969ff/ffffff?text=JD&font=montserrat" alt="John Doe" class="rounded-circle me-3" width="48" height="48"> | |||
| <div class="flex-grow-1"> | |||
| <h5 class="mb-0">John Doe <small class="text-muted"><john.doe@company.com></small></h5> | |||
| <div class="text-muted small"> | |||
| to me, Sarah Smith, Michael Johnson | |||
| </div> | |||
| </div> | |||
| <div class="text-muted small"> | |||
| Oct 25, 2024, 2:30 PM | |||
| </div> | |||
| </div> | |||
| <div class="email-labels-inline mt-2"> | |||
| <span class="badge bg-success me-1">Work</span> | |||
| <span class="badge bg-warning me-1">Important</span> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Email Body --> | |||
| <div class="email-body p-4"> | |||
| <p>Hi Team,</p> | |||
| <p>I hope this email finds you well. I wanted to reach out regarding our upcoming Q4 product launch strategy meeting scheduled for next Tuesday.</p> | |||
| <p>As we prepare for this important discussion, I've compiled a comprehensive agenda that covers all critical aspects of our launch plan:</p> | |||
| <h5 class="mt-4 mb-3">Meeting Agenda:</h5> | |||
| <ol> | |||
| <li class="mb-2"> | |||
| <strong>Market Analysis Review</strong> (30 min) | |||
| <ul> | |||
| <li>Current market trends and competitor positioning</li> | |||
| <li>Customer feedback from beta testing</li> | |||
| <li>Pricing strategy recommendations</li> | |||
| </ul> | |||
| </li> | |||
| <li class="mb-2"> | |||
| <strong>Product Roadmap Update</strong> (45 min) | |||
| <ul> | |||
| <li>Feature prioritization for launch</li> | |||
| <li>Technical milestones and dependencies</li> | |||
| <li>Risk assessment and mitigation plans</li> | |||
| </ul> | |||
| </li> | |||
| <li class="mb-2"> | |||
| <strong>Marketing Campaign Strategy</strong> (45 min) | |||
| <ul> | |||
| <li>Digital marketing initiatives</li> | |||
| <li>Content calendar and social media plan</li> | |||
| <li>Partnership opportunities</li> | |||
| </ul> | |||
| </li> | |||
| <li class="mb-2"> | |||
| <strong>Sales Enablement</strong> (30 min) | |||
| <ul> | |||
| <li>Sales team training schedule</li> | |||
| <li>Demo environment setup</li> | |||
| <li>Commission structure updates</li> | |||
| </ul> | |||
| </li> | |||
| </ol> | |||
| <p>Please review the attached documents before the meeting:</p> | |||
| <div class="email-attachments mt-4 mb-4"> | |||
| <h6 class="mb-3">Attachments (3)</h6> | |||
| <div class="row g-2"> | |||
| <div class="col-md-4"> | |||
| <div class="attachment-item border rounded p-3"> | |||
| <div class="d-flex align-items-center"> | |||
| <i class="fas fa-file-pdf fa-2x text-danger me-3"></i> | |||
| <div class="flex-grow-1"> | |||
| <h6 class="mb-0 text-truncate">Market_Analysis_Q4.pdf</h6> | |||
| <small class="text-muted">2.4 MB</small> | |||
| </div> | |||
| <button class="btn btn-sm btn-outline-secondary"> | |||
| <i class="fas fa-download"></i> | |||
| </button> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="col-md-4"> | |||
| <div class="attachment-item border rounded p-3"> | |||
| <div class="d-flex align-items-center"> | |||
| <i class="fas fa-file-excel fa-2x text-success me-3"></i> | |||
| <div class="flex-grow-1"> | |||
| <h6 class="mb-0 text-truncate">Product_Roadmap.xlsx</h6> | |||
| <small class="text-muted">856 KB</small> | |||
| </div> | |||
| <button class="btn btn-sm btn-outline-secondary"> | |||
| <i class="fas fa-download"></i> | |||
| </button> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="col-md-4"> | |||
| <div class="attachment-item border rounded p-3"> | |||
| <div class="d-flex align-items-center"> | |||
| <i class="fas fa-file-powerpoint fa-2x text-warning me-3"></i> | |||
| <div class="flex-grow-1"> | |||
| <h6 class="mb-0 text-truncate">Launch_Strategy.pptx</h6> | |||
| <small class="text-muted">4.1 MB</small> | |||
| </div> | |||
| <button class="btn btn-sm btn-outline-secondary"> | |||
| <i class="fas fa-download"></i> | |||
| </button> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <p>If you have any questions or would like to add items to the agenda, please let me know by end of day Monday.</p> | |||
| <p>Looking forward to our discussion!</p> | |||
| <p>Best regards,<br> | |||
| John Doe<br> | |||
| Product Manager<br> | |||
| Company Inc.</p> | |||
| </div> | |||
| <!-- Reply Section --> | |||
| <div class="email-reply border-top p-4"> | |||
| <h5 class="mb-3">Quick Reply</h5> | |||
| <form id="replyForm"> | |||
| <div class="mb-3"> | |||
| <textarea class="form-control" rows="4" placeholder="Type your reply here..."></textarea> | |||
| </div> | |||
| <div class="d-flex justify-content-between align-items-center"> | |||
| <div> | |||
| <button type="button" class="btn btn-sm btn-outline-secondary me-2"> | |||
| <i class="fas fa-paperclip"></i> Attach | |||
| </button> | |||
| <button type="button" class="btn btn-sm btn-outline-secondary"> | |||
| <i class="fas fa-image"></i> Insert Image | |||
| </button> | |||
| </div> | |||
| <div> | |||
| <button type="button" class="btn btn-outline-secondary me-2">Cancel</button> | |||
| <button type="submit" class="btn btn-primary"> | |||
| <i class="fas fa-paper-plane me-1"></i>Send Reply | |||
| </button> | |||
| </div> | |||
| </div> | |||
| </form> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Footer --> | |||
| {{> layouts/footer}} | |||
| </div> | |||
| </div> | |||
| <!-- Page Specific Scripts --> | |||
| <script type="module" src="/js/pages/email-details.js"></script> | |||
| {{/inline}} | |||
| {{> layouts/base}} | |||
+ 159
- 0
concept-modern/src/pages/email/inbox.html
View File
| @ -0,0 +1,159 @@ | |||
| {{> layouts/main title="Inbox" activeMenu="email" activePage="inbox"}} | |||
| {{#*inline "content"}} | |||
| <div class="dashboard-main-wrapper"> | |||
| <!-- Header --> | |||
| {{> layouts/header}} | |||
| <!-- Sidebar --> | |||
| {{> layouts/sidebar activeMenu="email" activePage="inbox"}} | |||
| <!-- Main Content --> | |||
| <div class="dashboard-wrapper"> | |||
| <div class="dashboard-email"> | |||
| <div class="container-fluid dashboard-content"> | |||
| <!-- Page Header --> | |||
| <div class="row"> | |||
| <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12"> | |||
| <div class="page-header"> | |||
| <h2 class="pageheader-title">Inbox</h2> | |||
| <p class="pageheader-text">Manage your emails efficiently</p> | |||
| <div class="page-breadcrumb"> | |||
| <nav aria-label="breadcrumb"> | |||
| <ol class="breadcrumb"> | |||
| <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li> | |||
| <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Email</a></li> | |||
| <li class="breadcrumb-item active" aria-current="page">Inbox</li> | |||
| </ol> | |||
| </nav> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Email Interface --> | |||
| <div class="row"> | |||
| <div class="col-xl-12"> | |||
| <div class="card"> | |||
| <div class="card-body p-0"> | |||
| <div class="email-wrapper"> | |||
| <div class="row g-0"> | |||
| <!-- Sidebar --> | |||
| <div class="col-lg-3 col-md-4 border-end"> | |||
| <div class="email-sidebar p-4"> | |||
| <!-- Compose Button --> | |||
| <a href="/pages/email/compose.html" class="btn btn-primary btn-lg w-100 mb-4"> | |||
| <i class="fas fa-edit me-2"></i>Compose | |||
| </a> | |||
| <!-- Folders --> | |||
| <div class="email-folders"> | |||
| <h6 class="text-muted text-uppercase small mb-3">Folders</h6> | |||
| <div class="list-group list-group-flush"> | |||
| <a href="#" class="list-group-item list-group-item-action active" data-folder="inbox"> | |||
| <i class="fas fa-inbox me-2"></i>Inbox | |||
| <span class="badge bg-primary rounded-pill float-end">24</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action" data-folder="starred"> | |||
| <i class="fas fa-star me-2"></i>Starred | |||
| <span class="badge bg-warning rounded-pill float-end">8</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action" data-folder="sent"> | |||
| <i class="fas fa-paper-plane me-2"></i>Sent | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action" data-folder="drafts"> | |||
| <i class="fas fa-file-alt me-2"></i>Drafts | |||
| <span class="badge bg-secondary rounded-pill float-end">2</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action" data-folder="trash"> | |||
| <i class="fas fa-trash me-2"></i>Trash | |||
| </a> | |||
| </div> | |||
| </div> | |||
| <!-- Labels --> | |||
| <div class="email-labels mt-4"> | |||
| <h6 class="text-muted text-uppercase small mb-3">Labels</h6> | |||
| <div class="list-group list-group-flush"> | |||
| <a href="#" class="list-group-item list-group-item-action d-flex align-items-center"> | |||
| <span class="badge bg-success me-2"> </span> | |||
| <span>Work</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action d-flex align-items-center"> | |||
| <span class="badge bg-primary me-2"> </span> | |||
| <span>Personal</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action d-flex align-items-center"> | |||
| <span class="badge bg-warning me-2"> </span> | |||
| <span>Important</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action d-flex align-items-center"> | |||
| <span class="badge bg-danger me-2"> </span> | |||
| <span>Private</span> | |||
| </a> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Email List --> | |||
| <div class="col-lg-9 col-md-8"> | |||
| <div class="email-list"> | |||
| <!-- Email Toolbar --> | |||
| <div class="email-toolbar border-bottom p-3"> | |||
| <div class="row align-items-center"> | |||
| <div class="col"> | |||
| <div class="form-check"> | |||
| <input class="form-check-input" type="checkbox" id="selectAll"> | |||
| <label class="form-check-label" for="selectAll"> | |||
| Select All | |||
| </label> | |||
| </div> | |||
| </div> | |||
| <div class="col-auto"> | |||
| <div class="btn-group btn-group-sm" role="group"> | |||
| <button type="button" class="btn btn-outline-secondary" data-bs-toggle="tooltip" title="Archive"> | |||
| <i class="fas fa-archive"></i> | |||
| </button> | |||
| <button type="button" class="btn btn-outline-secondary" data-bs-toggle="tooltip" title="Delete"> | |||
| <i class="fas fa-trash"></i> | |||
| </button> | |||
| <button type="button" class="btn btn-outline-secondary" data-bs-toggle="tooltip" title="Mark as Read"> | |||
| <i class="fas fa-envelope-open"></i> | |||
| </button> | |||
| <button type="button" class="btn btn-outline-secondary" data-bs-toggle="tooltip" title="Mark as Unread"> | |||
| <i class="fas fa-envelope"></i> | |||
| </button> | |||
| <button type="button" class="btn btn-outline-secondary" data-bs-toggle="tooltip" title="Star"> | |||
| <i class="fas fa-star"></i> | |||
| </button> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Email Items --> | |||
| <div class="email-items" id="emailItems"> | |||
| <!-- Email items will be populated here by JavaScript --> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Footer --> | |||
| {{> layouts/footer}} | |||
| </div> | |||
| </div> | |||
| <!-- Page Specific Scripts --> | |||
| <script type="module" src="/js/pages/inbox.js"></script> | |||
| {{/inline}} | |||
| {{> layouts/base}} | |||
+ 0
- 742
concept-modern/src/pages/inbox.html
View File
| @ -1,742 +0,0 @@ | |||
| <!doctype html> | |||
| <html lang="en"> | |||
| <head> | |||
| {{> layouts/head pageTitle="Inbox" }} | |||
| </head> | |||
| <body> | |||
| <div class="dashboard-main-wrapper"> | |||
| {{> layouts/header }} | |||
| {{> layouts/sidebar currentPage="inbox" }} | |||
| <div class="dashboard-wrapper"> | |||
| <div class="container-fluid dashboard-content"> | |||
| <!-- Page Header --> | |||
| <div class="row"> | |||
| <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12"> | |||
| <div class="page-header"> | |||
| <h2 class="pageheader-title">Inbox</h2> | |||
| <p class="pageheader-text">Manage your emails efficiently</p> | |||
| <div class="page-breadcrumb"> | |||
| <nav aria-label="breadcrumb"> | |||
| <ol class="breadcrumb"> | |||
| <li class="breadcrumb-item"><a href="/" class="breadcrumb-link">Dashboard</a></li> | |||
| <li class="breadcrumb-item"><a href="#" class="breadcrumb-link">Apps</a></li> | |||
| <li class="breadcrumb-item active" aria-current="page">Inbox</li> | |||
| </ol> | |||
| </nav> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Email Interface --> | |||
| <div class="row"> | |||
| <div class="col-xl-12"> | |||
| <div class="card"> | |||
| <div class="card-body p-0"> | |||
| <div class="email-wrapper"> | |||
| <div class="row g-0"> | |||
| <!-- Sidebar --> | |||
| <div class="col-lg-3 col-md-4 border-end"> | |||
| <div class="email-sidebar p-4"> | |||
| <!-- Compose Button --> | |||
| <button class="btn btn-primary btn-lg w-100 mb-4" data-bs-toggle="modal" data-bs-target="#composeModal"> | |||
| <i class="fas fa-edit me-2"></i>Compose | |||
| </button> | |||
| <!-- Folders --> | |||
| <div class="email-folders"> | |||
| <h6 class="text-muted text-uppercase small mb-3">Folders</h6> | |||
| <div class="list-group list-group-flush"> | |||
| <a href="#" class="list-group-item list-group-item-action active border-0 rounded mb-1" data-folder="inbox"> | |||
| <i class="fas fa-inbox me-3"></i> | |||
| <span>Inbox</span> | |||
| <span class="badge bg-primary rounded-pill float-end">12</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action border-0 rounded mb-1" data-folder="sent"> | |||
| <i class="fas fa-paper-plane me-3"></i> | |||
| <span>Sent</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action border-0 rounded mb-1" data-folder="drafts"> | |||
| <i class="fas fa-file-alt me-3"></i> | |||
| <span>Drafts</span> | |||
| <span class="badge bg-secondary rounded-pill float-end">3</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action border-0 rounded mb-1" data-folder="starred"> | |||
| <i class="fas fa-star me-3"></i> | |||
| <span>Starred</span> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action border-0 rounded mb-1" data-folder="trash"> | |||
| <i class="fas fa-trash me-3"></i> | |||
| <span>Trash</span> | |||
| </a> | |||
| </div> | |||
| </div> | |||
| <!-- Labels --> | |||
| <div class="email-labels mt-4"> | |||
| <h6 class="text-muted text-uppercase small mb-3">Labels</h6> | |||
| <div class="d-flex flex-column gap-2"> | |||
| <a href="#" class="text-decoration-none text-dark"> | |||
| <span class="badge bg-danger me-2"> </span>Important | |||
| </a> | |||
| <a href="#" class="text-decoration-none text-dark"> | |||
| <span class="badge bg-success me-2"> </span>Business | |||
| </a> | |||
| <a href="#" class="text-decoration-none text-dark"> | |||
| <span class="badge bg-warning me-2"> </span>Personal | |||
| </a> | |||
| <a href="#" class="text-decoration-none text-dark"> | |||
| <span class="badge bg-info me-2"> </span>Work | |||
| </a> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Email List --> | |||
| <div class="col-lg-9 col-md-8" id="emailListContainer"> | |||
| <!-- Email Toolbar --> | |||
| <div class="email-toolbar border-bottom p-3"> | |||
| <div class="row align-items-center"> | |||
| <div class="col-md-6"> | |||
| <div class="d-flex align-items-center gap-3"> | |||
| <div class="form-check"> | |||
| <input class="form-check-input" type="checkbox" id="selectAll"> | |||
| </div> | |||
| <div class="btn-group" role="group"> | |||
| <button type="button" class="btn btn-sm btn-outline-secondary"> | |||
| <i class="fas fa-trash"></i> | |||
| </button> | |||
| <button type="button" class="btn btn-sm btn-outline-secondary"> | |||
| <i class="fas fa-exclamation-circle"></i> | |||
| </button> | |||
| <button type="button" class="btn btn-sm btn-outline-secondary"> | |||
| <i class="fas fa-folder"></i> | |||
| </button> | |||
| <button type="button" class="btn btn-sm btn-outline-secondary"> | |||
| <i class="fas fa-tag"></i> | |||
| </button> | |||
| </div> | |||
| <button type="button" class="btn btn-sm btn-outline-secondary"> | |||
| <i class="fas fa-sync"></i> | |||
| </button> | |||
| </div> | |||
| </div> | |||
| <div class="col-md-6"> | |||
| <div class="input-group"> | |||
| <input type="text" class="form-control form-control-sm" placeholder="Search emails..."> | |||
| <button class="btn btn-outline-secondary btn-sm" type="button"> | |||
| <i class="fas fa-search"></i> | |||
| </button> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Email List Items --> | |||
| <div class="email-list" id="emailList"> | |||
| <!-- Emails will be loaded dynamically --> | |||
| </div> | |||
| <!-- Email View --> | |||
| <div class="email-view d-none" id="emailView"> | |||
| <div class="email-view-header border-bottom p-3"> | |||
| <div class="d-flex justify-content-between align-items-center mb-3"> | |||
| <button class="btn btn-outline-secondary btn-sm" id="backToList"> | |||
| <i class="fas fa-arrow-left me-2"></i>Back to inbox | |||
| </button> | |||
| <div class="btn-group" role="group"> | |||
| <button type="button" class="btn btn-sm btn-outline-secondary"> | |||
| <i class="fas fa-reply"></i> | |||
| </button> | |||
| <button type="button" class="btn btn-sm btn-outline-secondary"> | |||
| <i class="fas fa-reply-all"></i> | |||
| </button> | |||
| <button type="button" class="btn btn-sm btn-outline-secondary"> | |||
| <i class="fas fa-share"></i> | |||
| </button> | |||
| <button type="button" class="btn btn-sm btn-outline-secondary"> | |||
| <i class="fas fa-trash"></i> | |||
| </button> | |||
| </div> | |||
| </div> | |||
| <h4 class="email-subject mb-3"></h4> | |||
| <div class="d-flex align-items-center"> | |||
| <div class="avatar avatar-sm me-3"> | |||
| <span class="avatar-initial rounded-circle bg-primary"></span> | |||
| </div> | |||
| <div class="flex-grow-1"> | |||
| <h6 class="mb-0 email-from"></h6> | |||
| <small class="text-muted">to me</small> | |||
| </div> | |||
| <div> | |||
| <small class="text-muted email-date"></small> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="email-view-body p-4"> | |||
| <div class="email-content"> | |||
| <!-- Email content will be loaded here --> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- Pagination --> | |||
| <div class="email-pagination p-3 border-top"> | |||
| <div class="row align-items-center"> | |||
| <div class="col"> | |||
| <p class="mb-0 text-muted">Showing 1-5 of 125 emails</p> | |||
| </div> | |||
| <div class="col-auto"> | |||
| <nav aria-label="Email pagination"> | |||
| <ul class="pagination pagination-sm mb-0"> | |||
| <li class="page-item disabled"> | |||
| <a class="page-link" href="#" tabindex="-1">Previous</a> | |||
| </li> | |||
| <li class="page-item active"><a class="page-link" href="#">1</a></li> | |||
| <li class="page-item"><a class="page-link" href="#">2</a></li> | |||
| <li class="page-item"><a class="page-link" href="#">3</a></li> | |||
| <li class="page-item"> | |||
| <a class="page-link" href="#">Next</a> | |||
| </li> | |||
| </ul> | |||
| </nav> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| {{> layouts/footer }} | |||
| </div> | |||
| </div> | |||
| <!-- Compose Modal --> | |||
| <div class="modal fade" id="composeModal" tabindex="-1" aria-labelledby="composeModalLabel" aria-hidden="true"> | |||
| <div class="modal-dialog modal-lg"> | |||
| <div class="modal-content"> | |||
| <div class="modal-header"> | |||
| <h5 class="modal-title" id="composeModalLabel">New Message</h5> | |||
| <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> | |||
| </div> | |||
| <div class="modal-body"> | |||
| <form> | |||
| <div class="mb-3"> | |||
| <input type="email" class="form-control" placeholder="To:"> | |||
| </div> | |||
| <div class="mb-3"> | |||
| <input type="text" class="form-control" placeholder="Subject:"> | |||
| </div> | |||
| <div class="mb-3"> | |||
| <textarea class="form-control" rows="10" placeholder="Write your message here..."></textarea> | |||
| </div> | |||
| <div class="d-flex gap-2"> | |||
| <button type="button" class="btn btn-light btn-sm"> | |||
| <i class="fas fa-paperclip"></i> Attach | |||
| </button> | |||
| <button type="button" class="btn btn-light btn-sm"> | |||
| <i class="fas fa-image"></i> Insert Photo | |||
| </button> | |||
| <button type="button" class="btn btn-light btn-sm"> | |||
| <i class="fas fa-link"></i> Insert Link | |||
| </button> | |||
| </div> | |||
| </form> | |||
| </div> | |||
| <div class="modal-footer"> | |||
| <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Discard</button> | |||
| <button type="button" class="btn btn-light">Save Draft</button> | |||
| <button type="button" class="btn btn-primary">Send</button> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <script type="module"> | |||
| import '../scss/main.scss'; | |||
| import '../js/app.js'; | |||
| document.addEventListener('DOMContentLoaded', () => { | |||
| // Email data for different folders | |||
| const emailData = { | |||
| inbox: [ | |||
| { | |||
| id: 1, | |||
| from: 'John Doe', | |||
| initials: 'JD', | |||
| color: 'primary', | |||
| subject: 'Project Update - Q4 Results', | |||
| preview: 'Hi team, I wanted to share the latest quarterly results with everyone. The numbers are looking great...', | |||
| time: '10:30 AM', | |||
| label: { text: 'Important', class: 'danger' }, | |||
| starred: false, | |||
| read: false, | |||
| content: ` | |||
| <p>Hi team,</p> | |||
| <p>I wanted to share the latest quarterly results with everyone. The numbers are looking great, and I'm excited to discuss our strategy for Q1.</p> | |||
| <p>Key highlights:</p> | |||
| <ul> | |||
| <li>Revenue up 23% compared to Q3</li> | |||
| <li>Customer satisfaction at an all-time high (4.8/5)</li> | |||
| <li>Successfully launched 3 new features</li> | |||
| <li>Team expanded by 15 new members</li> | |||
| </ul> | |||
| <p>I've attached the full report for your review. Please take a look before our meeting on Friday.</p> | |||
| <p>Best regards,<br>John</p> | |||
| ` | |||
| }, | |||
| { | |||
| id: 2, | |||
| from: 'Sarah Anderson', | |||
| initials: 'SA', | |||
| color: 'success', | |||
| subject: 'Meeting Tomorrow at 2 PM', | |||
| preview: "Don't forget about our meeting tomorrow. I've prepared the agenda and shared it in the team folder...", | |||
| time: '9:15 AM', | |||
| label: { text: 'Business', class: 'success' }, | |||
| starred: true, | |||
| read: false, | |||
| content: ` | |||
| <p>Hi there,</p> | |||
| <p>Just a quick reminder about our meeting tomorrow at 2 PM in the main conference room.</p> | |||
| <p>Agenda items:</p> | |||
| <ol> | |||
| <li>Review Q4 performance metrics</li> | |||
| <li>Discuss 2024 roadmap</li> | |||
| <li>Team resource allocation</li> | |||
| <li>Budget planning for next quarter</li> | |||
| </ol> | |||
| <p>I've shared the detailed agenda and supporting documents in our team folder. Please review them before the meeting.</p> | |||
| <p>See you tomorrow!<br>Sarah</p> | |||
| ` | |||
| }, | |||
| { | |||
| id: 3, | |||
| from: 'Mike Johnson', | |||
| initials: 'MJ', | |||
| color: 'warning', | |||
| subject: 'Re: Vacation Request', | |||
| preview: 'Your vacation request has been approved. Enjoy your time off and see you when you get back...', | |||
| time: 'Yesterday', | |||
| label: { text: 'Personal', class: 'warning' }, | |||
| starred: false, | |||
| read: true, | |||
| content: ` | |||
| <p>Hi,</p> | |||
| <p>Your vacation request for Dec 25 - Jan 2 has been approved. I've updated the team calendar and notified the relevant people.</p> | |||
| <p>Please make sure to:</p> | |||
| <ul> | |||
| <li>Complete your pending tasks or delegate them</li> | |||
| <li>Set up your out-of-office auto-reply</li> | |||
| <li>Share any important passwords or access with your backup</li> | |||
| </ul> | |||
| <p>Enjoy your time off and see you when you get back!</p> | |||
| <p>Best,<br>Mike</p> | |||
| ` | |||
| }, | |||
| { | |||
| id: 4, | |||
| from: 'Tech Company', | |||
| initials: 'TC', | |||
| color: 'info', | |||
| subject: 'New Feature Release - Version 2.5', | |||
| preview: "We're excited to announce the release of version 2.5 with many new features and improvements...", | |||
| time: 'Dec 28', | |||
| label: { text: 'Work', class: 'info' }, | |||
| starred: false, | |||
| read: false, | |||
| content: ` | |||
| <p>Dear valued customer,</p> | |||
| <p>We're thrilled to announce the release of Version 2.5 of our platform!</p> | |||
| <h5>What's New:</h5> | |||
| <ul> | |||
| <li><strong>Advanced Analytics Dashboard</strong> - Get deeper insights into your data</li> | |||
| <li><strong>API v3</strong> - Faster and more reliable</li> | |||
| <li><strong>Dark Mode</strong> - Easy on the eyes during those late nights</li> | |||
| <li><strong>Performance Improvements</strong> - 40% faster load times</li> | |||
| </ul> | |||
| <p>Check out our <a href="#">release notes</a> for a complete list of changes.</p> | |||
| <p>Thank you for being a loyal customer!</p> | |||
| <p>The Tech Company Team</p> | |||
| ` | |||
| }, | |||
| { | |||
| id: 5, | |||
| from: 'Emily Martinez', | |||
| initials: 'EM', | |||
| color: 'secondary', | |||
| subject: 'Design Review Feedback', | |||
| preview: "I've reviewed the latest designs and they look fantastic! Just a few minor suggestions...", | |||
| time: 'Dec 27', | |||
| label: { text: 'Business', class: 'success' }, | |||
| starred: false, | |||
| read: false, | |||
| content: ` | |||
| <p>Hi team,</p> | |||
| <p>I've completed my review of the latest design mockups. Overall, they look fantastic! The new color scheme really brings everything together.</p> | |||
| <p>A few suggestions for consideration:</p> | |||
| <ul> | |||
| <li>The navigation menu could use a bit more padding on mobile</li> | |||
| <li>Consider adding hover states to the card components</li> | |||
| <li>The contrast on the secondary buttons might need adjustment for accessibility</li> | |||
| </ul> | |||
| <p>I've added detailed comments in Figma. Let me know if you'd like to discuss any of these points.</p> | |||
| <p>Great work!<br>Emily</p> | |||
| ` | |||
| } | |||
| ], | |||
| sent: [ | |||
| { | |||
| id: 6, | |||
| from: 'You', | |||
| to: 'Team', | |||
| initials: 'ME', | |||
| color: 'dark', | |||
| subject: 'Weekly Status Update', | |||
| preview: 'Here\'s our weekly status update. We made great progress on all fronts this week...', | |||
| time: '2 hours ago', | |||
| label: { text: 'Business', class: 'success' }, | |||
| starred: false, | |||
| read: true, | |||
| content: ` | |||
| <p>Team,</p> | |||
| <p>Here's our weekly status update for the week of Dec 25-29.</p> | |||
| <h5>Completed:</h5> | |||
| <ul> | |||
| <li>Finished user authentication module</li> | |||
| <li>Deployed hotfix for payment processing</li> | |||
| <li>Completed 5 customer interviews</li> | |||
| </ul> | |||
| <h5>In Progress:</h5> | |||
| <ul> | |||
| <li>Dashboard redesign (70% complete)</li> | |||
| <li>API documentation update</li> | |||
| <li>Performance optimization</li> | |||
| </ul> | |||
| <p>Let me know if you have any questions.</p> | |||
| <p>Best regards</p> | |||
| ` | |||
| }, | |||
| { | |||
| id: 7, | |||
| from: 'You', | |||
| to: 'Client ABC', | |||
| initials: 'ME', | |||
| color: 'dark', | |||
| subject: 'Project Proposal - Mobile App', | |||
| preview: 'Please find attached our proposal for the mobile app development project...', | |||
| time: 'Yesterday', | |||
| label: { text: 'Important', class: 'danger' }, | |||
| starred: true, | |||
| read: true, | |||
| content: ` | |||
| <p>Dear Client,</p> | |||
| <p>Thank you for considering us for your mobile app development project.</p> | |||
| <p>Please find attached our detailed proposal which includes:</p> | |||
| <ul> | |||
| <li>Project scope and deliverables</li> | |||
| <li>Timeline and milestones</li> | |||
| <li>Budget breakdown</li> | |||
| <li>Team composition</li> | |||
| <li>Our previous work samples</li> | |||
| </ul> | |||
| <p>We're confident that our team can deliver a high-quality solution that meets your requirements.</p> | |||
| <p>Looking forward to your feedback.</p> | |||
| <p>Best regards</p> | |||
| ` | |||
| } | |||
| ], | |||
| drafts: [ | |||
| { | |||
| id: 8, | |||
| from: 'You', | |||
| to: '', | |||
| initials: 'ME', | |||
| color: 'dark', | |||
| subject: 'Budget Review Meeting Notes', | |||
| preview: 'Draft: Need to finish the meeting notes from yesterday\'s budget review...', | |||
| time: '1 hour ago', | |||
| label: { text: 'Draft', class: 'secondary' }, | |||
| starred: false, | |||
| read: true, | |||
| content: ` | |||
| <p>[DRAFT - IN PROGRESS]</p> | |||
| <p>Meeting Notes - Budget Review</p> | |||
| <p>Date: Dec 29, 2023</p> | |||
| <p>Attendees: [TODO: Add attendee list]</p> | |||
| <h5>Key Points Discussed:</h5> | |||
| <ul> | |||
| <li>Q4 spending review</li> | |||
| <li>2024 budget allocation</li> | |||
| <li>[TODO: Add more points]</li> | |||
| </ul> | |||
| <p>[Need to add action items and next steps]</p> | |||
| ` | |||
| }, | |||
| { | |||
| id: 9, | |||
| from: 'You', | |||
| to: 'Marketing Team', | |||
| initials: 'ME', | |||
| color: 'dark', | |||
| subject: 'Campaign Ideas for Q1', | |||
| preview: 'Draft: Brainstorming some campaign ideas for next quarter...', | |||
| time: '3 days ago', | |||
| label: { text: 'Draft', class: 'secondary' }, | |||
| starred: false, | |||
| read: true, | |||
| content: ` | |||
| <p>[DRAFT]</p> | |||
| <p>Team,</p> | |||
| <p>I've been brainstorming some campaign ideas for Q1:</p> | |||
| <ul> | |||
| <li>Social media contest - "New Year, New You"</li> | |||
| <li>Email series on productivity tips</li> | |||
| <li>Partnership with influencers</li> | |||
| <li>[Need to add more ideas]</li> | |||
| </ul> | |||
| <p>[TODO: Add budget estimates and timeline]</p> | |||
| ` | |||
| } | |||
| ], | |||
| starred: [], | |||
| trash: [ | |||
| { | |||
| id: 10, | |||
| from: 'Newsletter', | |||
| initials: 'NL', | |||
| color: 'secondary', | |||
| subject: 'Special Offer - 50% Off', | |||
| preview: 'Limited time offer! Get 50% off on all premium plans...', | |||
| time: '1 week ago', | |||
| label: { text: 'Spam', class: 'dark' }, | |||
| starred: false, | |||
| read: true, | |||
| content: `<p>This email has been moved to trash.</p>` | |||
| } | |||
| ] | |||
| }; | |||
| let currentFolder = 'inbox'; | |||
| let currentEmail = null; | |||
| // Initialize starred emails | |||
| emailData.starred = [...emailData.inbox, ...emailData.sent, ...emailData.drafts].filter(email => email.starred); | |||
| // Render email list | |||
| function renderEmailList(folder) { | |||
| const emailList = document.getElementById('emailList'); | |||
| const emails = emailData[folder] || []; | |||
| emailList.innerHTML = emails.map(email => ` | |||
| <div class="email-item border-bottom p-3 hover-bg-light ${email.read ? 'bg-light' : ''}" data-email-id="${email.id}"> | |||
| <div class="row align-items-center"> | |||
| <div class="col-auto"> | |||
| <div class="form-check"> | |||
| <input class="form-check-input email-checkbox" type="checkbox"> | |||
| </div> | |||
| </div> | |||
| <div class="col-auto"> | |||
| <i class="${email.starred ? 'fas' : 'far'} fa-star ${email.starred ? 'text-warning' : 'text-muted hover-text-warning'}"></i> | |||
| </div> | |||
| <div class="col"> | |||
| <div class="d-flex align-items-center"> | |||
| <div class="avatar avatar-sm me-3"> | |||
| <span class="avatar-initial rounded-circle bg-${email.color}">${email.initials}</span> | |||
| </div> | |||
| <div class="flex-grow-1 min-width-0"> | |||
| <div class="d-flex justify-content-between align-items-start"> | |||
| <div class="text-truncate"> | |||
| <h6 class="mb-0 ${email.read ? 'fw-normal' : 'fw-semibold'}">${email.from}${email.to ? ' → ' + email.to : ''}</h6> | |||
| <p class="mb-0 ${email.read ? 'text-muted' : 'text-dark'}">${email.subject}</p> | |||
| <p class="mb-0 text-muted small text-truncate">${email.preview}</p> | |||
| </div> | |||
| <div class="text-end ms-3 flex-shrink-0"> | |||
| <small class="text-muted">${email.time}</small> | |||
| ${email.label ? `<div><span class="badge bg-${email.label.class}">${email.label.text}</span></div>` : ''} | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| `).join(''); | |||
| // Update pagination text | |||
| document.querySelector('.email-pagination p').textContent = `Showing 1-${emails.length} of ${emails.length} emails`; | |||
| // Re-attach event listeners | |||
| attachEmailListeners(); | |||
| } | |||
| // Show email view | |||
| function showEmail(emailId) { | |||
| const email = [...emailData.inbox, ...emailData.sent, ...emailData.drafts, ...emailData.trash].find(e => e.id === emailId); | |||
| if (!email) return; | |||
| currentEmail = email; | |||
| email.read = true; | |||
| // Hide list, show view | |||
| document.getElementById('emailList').classList.add('d-none'); | |||
| document.querySelector('.email-pagination').classList.add('d-none'); | |||
| document.getElementById('emailView').classList.remove('d-none'); | |||
| // Update view content | |||
| document.querySelector('.email-subject').textContent = email.subject; | |||
| document.querySelector('.email-from').textContent = email.from + (email.to ? ' → ' + email.to : ''); | |||
| document.querySelector('.email-date').textContent = email.time; | |||
| document.querySelector('.email-view .avatar-initial').textContent = email.initials; | |||
| document.querySelector('.email-view .avatar-initial').className = `avatar-initial rounded-circle bg-${email.color}`; | |||
| document.querySelector('.email-content').innerHTML = email.content; | |||
| } | |||
| // Back to list | |||
| document.getElementById('backToList').addEventListener('click', () => { | |||
| document.getElementById('emailView').classList.add('d-none'); | |||
| document.getElementById('emailList').classList.remove('d-none'); | |||
| document.querySelector('.email-pagination').classList.remove('d-none'); | |||
| renderEmailList(currentFolder); | |||
| }); | |||
| // Folder navigation | |||
| document.querySelectorAll('[data-folder]').forEach(link => { | |||
| link.addEventListener('click', function(e) { | |||
| e.preventDefault(); | |||
| // Update active state | |||
| document.querySelectorAll('[data-folder]').forEach(l => l.classList.remove('active')); | |||
| this.classList.add('active'); | |||
| // Update current folder and render | |||
| currentFolder = this.dataset.folder; | |||
| renderEmailList(currentFolder); | |||
| // Hide email view if showing | |||
| document.getElementById('emailView').classList.add('d-none'); | |||
| document.getElementById('emailList').classList.remove('d-none'); | |||
| document.querySelector('.email-pagination').classList.remove('d-none'); | |||
| }); | |||
| }); | |||
| // Attach email list event listeners | |||
| function attachEmailListeners() { | |||
| // Select all functionality | |||
| const selectAll = document.getElementById('selectAll'); | |||
| const emailCheckboxes = document.querySelectorAll('.email-checkbox'); | |||
| selectAll.addEventListener('change', function() { | |||
| emailCheckboxes.forEach(checkbox => { | |||
| checkbox.checked = this.checked; | |||
| }); | |||
| }); | |||
| // Email item click handler | |||
| document.querySelectorAll('.email-item').forEach(item => { | |||
| item.addEventListener('click', function(e) { | |||
| // Don't trigger if clicking on checkbox or star | |||
| if (e.target.type === 'checkbox' || e.target.classList.contains('fa-star') || e.target.classList.contains('far')) { | |||
| return; | |||
| } | |||
| const emailId = parseInt(this.dataset.emailId); | |||
| showEmail(emailId); | |||
| }); | |||
| }); | |||
| // Star toggle | |||
| document.querySelectorAll('.fa-star, .far.fa-star').forEach(star => { | |||
| star.addEventListener('click', function(e) { | |||
| e.stopPropagation(); | |||
| const emailItem = this.closest('.email-item'); | |||
| const emailId = parseInt(emailItem.dataset.emailId); | |||
| const email = [...emailData.inbox, ...emailData.sent, ...emailData.drafts].find(e => e.id === emailId); | |||
| if (email) { | |||
| email.starred = !email.starred; | |||
| if (this.classList.contains('far')) { | |||
| this.classList.remove('far', 'text-muted'); | |||
| this.classList.add('fas', 'text-warning'); | |||
| } else { | |||
| this.classList.remove('fas', 'text-warning'); | |||
| this.classList.add('far', 'text-muted'); | |||
| } | |||
| // Update starred folder | |||
| emailData.starred = [...emailData.inbox, ...emailData.sent, ...emailData.drafts].filter(email => email.starred); | |||
| } | |||
| }); | |||
| }); | |||
| } | |||
| // Initial render | |||
| renderEmailList('inbox'); | |||
| }); | |||
| </script> | |||
| <style> | |||
| .email-wrapper { | |||
| min-height: 600px; | |||
| } | |||
| .email-sidebar { | |||
| min-height: 600px; | |||
| } | |||
| .avatar { | |||
| width: 40px; | |||
| height: 40px; | |||
| display: inline-flex; | |||
| align-items: center; | |||
| justify-content: center; | |||
| } | |||
| .avatar-initial { | |||
| font-size: 0.875rem; | |||
| font-weight: 600; | |||
| color: white; | |||
| } | |||
| .hover-bg-light:hover { | |||
| background-color: #f8f9fa !important; | |||
| cursor: pointer; | |||
| } | |||
| .hover-text-warning:hover { | |||
| color: #ffc107 !important; | |||
| cursor: pointer; | |||
| } | |||
| .min-width-0 { | |||
| min-width: 0; | |||
| } | |||
| .email-item { | |||
| transition: background-color 0.15s ease-in-out; | |||
| } | |||
| .email-checkbox { | |||
| cursor: pointer; | |||
| } | |||
| .list-group-item-action:hover { | |||
| background-color: #f8f9fa; | |||
| } | |||
| .list-group-item-action.active { | |||
| background-color: #e9ecef; | |||
| color: #212529; | |||
| border-color: transparent; | |||
| } | |||
| </style> | |||
| </body> | |||
| </html> | |||
+ 5
- 2
concept-modern/src/partials/layouts/sidebar.hbs
View File
+ 4
- 2
concept-modern/vite.config.js
View File
+ 0
- 1013
index.html
File diff suppressed because it is too large
View File
+ 0
- 570
pages/email-compose.html
View File
| @ -1,570 +0,0 @@ | |||
| <!doctype html> | |||
| <html lang="en"> | |||
| <head> | |||
| <!-- Required meta tags --> | |||
| <meta charset="utf-8"> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |||
| <!-- Bootstrap CSS --> | |||
| <link rel="stylesheet" href="../assets/vendor/bootstrap/css/bootstrap.min.css"> | |||
| <link href="../assets/vendor/fonts/circular-std/style.css" rel="stylesheet"> | |||
| <link rel="stylesheet" href="../assets/libs/css/style.css"> | |||
| <link rel="stylesheet" href="../assets/vendor/fonts/fontawesome/css/fontawesome-all.css"> | |||
| <link rel="stylesheet" href="../assets/vendor/select2/css/select2.css"> | |||
| <link rel="stylesheet" href="../assets/vendor/summernote/css/summernote-bs4.css"> | |||
| <link rel="stylesheet" href="../assets/vendor/fonts/material-design-iconic-font/css/materialdesignicons.min.css"> | |||
| <title>Concept - Bootstrap 4 Admin Dashboard Template</title> | |||
| </head> | |||
| <body> | |||
| <!-- ============================================================== --> | |||
| <!-- main wrapper --> | |||
| <!-- ============================================================== --> | |||
| <div class="dashboard-main-wrapper"> | |||
| <!-- ============================================================== --> | |||
| <!-- navbar --> | |||
| <!-- ============================================================== --> | |||
| <div class="dashboard-header"> | |||
| <nav class="navbar navbar-expand-lg bg-white fixed-top"> | |||
| <a class="navbar-brand" href="../index.html">Concept</a> | |||
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div class="collapse navbar-collapse " id="navbarSupportedContent"> | |||
| <ul class="navbar-nav ml-auto navbar-right-top"> | |||
| <li class="nav-item"> | |||
| <div id="custom-search" class="top-search-bar"> | |||
| <input class="form-control" type="text" placeholder="Search.."> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item dropdown notification"> | |||
| <a class="nav-link nav-icons" href="#" id="navbarDropdownMenuLink1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-fw fa-bell"></i> <span class="indicator"></span></a> | |||
| <ul class="dropdown-menu dropdown-menu-right notification-dropdown"> | |||
| <li> | |||
| <div class="notification-title"> Notification</div> | |||
| <div class="notification-list"> | |||
| <div class="list-group"> | |||
| <a href="#" class="list-group-item list-group-item-action active"> | |||
| <div class="notification-info"> | |||
| <div class="notification-list-user-img"><img src="../assets/images/avatar-2.jpg" alt="" class="user-avatar-md rounded-circle"></div> | |||
| <div class="notification-list-user-block"><span class="notification-list-user-name">Jeremy Rakestraw</span>accepted your invitation to join the team. | |||
| <div class="notification-date">2 min ago</div> | |||
| </div> | |||
| </div> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <div class="notification-info"> | |||
| <div class="notification-list-user-img"><img src="../assets/images/avatar-3.jpg" alt="" class="user-avatar-md rounded-circle"></div> | |||
| <div class="notification-list-user-block"><span class="notification-list-user-name"> | |||
| John Abraham</span>is now following you | |||
| <div class="notification-date">2 days ago</div> | |||
| </div> | |||
| </div> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <div class="notification-info"> | |||
| <div class="notification-list-user-img"><img src="../assets/images/avatar-4.jpg" alt="" class="user-avatar-md rounded-circle"></div> | |||
| <div class="notification-list-user-block"><span class="notification-list-user-name">Monaan Pechi</span> is watching your main repository | |||
| <div class="notification-date">2 min ago</div> | |||
| </div> | |||
| </div> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <div class="notification-info"> | |||
| <div class="notification-list-user-img"><img src="../assets/images/avatar-5.jpg" alt="" class="user-avatar-md rounded-circle"></div> | |||
| <div class="notification-list-user-block"><span class="notification-list-user-name">Jessica Caruso</span>accepted your invitation to join the team. | |||
| <div class="notification-date">2 min ago</div> | |||
| </div> | |||
| </div> | |||
| </a> | |||
| </div> | |||
| </div> | |||
| </li> | |||
| <li> | |||
| <div class="list-footer"> <a href="#">View all notifications</a></div> | |||
| </li> | |||
| </ul> | |||
| </li> | |||
| <li class="nav-item dropdown connection"> | |||
| <a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fas fa-fw fa-th"></i> </a> | |||
| <ul class="dropdown-menu dropdown-menu-right connection-dropdown"> | |||
| <li class="connection-list"> | |||
| <div class="row"> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/github.png" alt="" > <span>Github</span></a> | |||
| </div> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/dribbble.png" alt="" > <span>Dribbble</span></a> | |||
| </div> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/dropbox.png" alt="" > <span>Dropbox</span></a> | |||
| </div> | |||
| </div> | |||
| <div class="row"> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/bitbucket.png" alt=""> <span>Bitbucket</span></a> | |||
| </div> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/mail_chimp.png" alt="" ><span>Mail chimp</span></a> | |||
| </div> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/slack.png" alt="" > <span>Slack</span></a> | |||
| </div> | |||
| </div> | |||
| </li> | |||
| <li> | |||
| <div class="conntection-footer"><a href="#">More</a></div> | |||
| </li> | |||
| </ul> | |||
| </li> | |||
| <li class="nav-item dropdown nav-user"> | |||
| <a class="nav-link nav-user-img" href="#" id="navbarDropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="../assets/images/avatar-1.jpg" alt="" class="user-avatar-md rounded-circle"></a> | |||
| <div class="dropdown-menu dropdown-menu-right nav-user-dropdown" aria-labelledby="navbarDropdownMenuLink2"> | |||
| <div class="nav-user-info"> | |||
| <h5 class="mb-0 text-white nav-user-name"> | |||
| John Abraham</h5> | |||
| <span class="status"></span><span class="ml-2">Available</span> | |||
| </div> | |||
| <a class="dropdown-item" href="#"><i class="fas fa-user mr-2"></i>Account</a> | |||
| <a class="dropdown-item" href="#"><i class="fas fa-cog mr-2"></i>Setting</a> | |||
| <a class="dropdown-item" href="#"><i class="fas fa-power-off mr-2"></i>Logout</a> | |||
| </div> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </nav> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- end navbar --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- left sidebar --> | |||
| <!-- ============================================================== --> | |||
| <div class="nav-left-sidebar sidebar-dark"> | |||
| <div class="menu-list"> | |||
| <nav class="navbar navbar-expand-lg navbar-light"> | |||
| <a class="d-xl-none d-lg-none" href="#">Dashboard</a> | |||
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div class="collapse navbar-collapse" id="navbarNav"> | |||
| <ul class="navbar-nav flex-column"> | |||
| <li class="nav-divider"> | |||
| Menu | |||
| </li> | |||
| <li class="nav-item "> | |||
| <a class="nav-link active" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-1" aria-controls="submenu-1"><i class="fa fa-fw fa-user-circle"></i>Dashboard <span class="badge badge-success">6</span></a> | |||
| <div id="submenu-1" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="index.html" data-toggle="collapse" aria-expanded="false" data-target="#submenu-1-2" aria-controls="submenu-1-2">E-Commerce</a> | |||
| <div id="submenu-1-2" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../index.html">E Commerce Dashboard</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../ecommerce-product.html">Product List</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../ecommerce-product-single.html">Product Single</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../ecommerce-product-checkout.html">Product Checkout</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../dashboard-finance.html">Finance</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../dashboard-sales.html">Sales</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-1-1" aria-controls="submenu-1-1">Infulencer</a> | |||
| <div id="submenu-1-1" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../dashboard-influencer.html">Influencer</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../influencer-finder.html">Influencer Finder</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../influencer-profile.html">Influencer Profile</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-2" aria-controls="submenu-2"><i class="fa fa-fw fa-rocket"></i>UI Elements</a> | |||
| <div id="submenu-2" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="cards.html">Cards <span class="badge badge-secondary">New</span></a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="general.html">General</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="carousel.html">Carousel</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="listgroup.html">List Group</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="typography.html">Typography</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="accordions.html">Accordions</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="tabs.html">Tabs</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-3" aria-controls="submenu-3"><i class="fas fa-fw fa-chart-pie"></i>Chart</a> | |||
| <div id="submenu-3" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-c3.html">C3 Charts</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-chartist.html">Chartist Charts</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-charts.html">Chart</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-morris.html">Morris</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-sparkline.html">Sparkline</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-gauge.html">Guage</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item "> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-4" aria-controls="submenu-4"><i class="fab fa-fw fa-wpforms"></i>Forms</a> | |||
| <div id="submenu-4" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="form-elements.html">Form Elements</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="form-validation.html">Parsely Validations</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="multiselect.html">Multiselect</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-5" aria-controls="submenu-5"><i class="fas fa-fw fa-table"></i>Tables</a> | |||
| <div id="submenu-5" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="general-table.html">General Tables</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="data-tables.html">Data Tables</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-divider"> | |||
| Features | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-6" aria-controls="submenu-6"><i class="fas fa-fw fa-file"></i>Pages</a> | |||
| <div id="submenu-6" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="invoice.html">Invoice</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="blank-page.html">Blank Page</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="blank-page-header.html">Blank Page Header</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="login.html">Login</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="404-page.html">404 page</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="sign-up.html">Sign up Page</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="forgot-password.html">Forgot Password</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="pricing.html">Pricing Tables</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="timeline.html">Timeline</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="calendar.html">Calendar</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="sortable-nestable-lists.html">Sortable/Nestable List</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="widgets.html">Widgets</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="media-object.html">Media Objects</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="cropper-image.html">Cropper</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="color-picker.html">Color Picker</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-7" aria-controls="submenu-7"><i class="fas fa-fw fa-inbox"></i>Apps <span class="badge badge-secondary">New</span></a> | |||
| <div id="submenu-7" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="inbox.html">Inbox</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="email-details.html">Email Detail</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="email-compose.html">Email Compose</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="message-chat.html">Message Chat</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-8" aria-controls="submenu-8"><i class="fas fa-fw fa-columns"></i>Icons</a> | |||
| <div id="submenu-8" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-fontawesome.html">FontAwesome Icons</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-material.html">Material Icons</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-simple-lineicon.html">Simpleline Icon</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-themify.html">Themify Icon</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-flag.html">Flag Icons</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-weather.html">Weather Icon</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-9" aria-controls="submenu-9"><i class="fas fa-fw fa-map-marker-alt"></i>Maps</a> | |||
| <div id="submenu-9" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="map-google.html">Google Maps</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="map-vector.html">Vector Maps</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-10" aria-controls="submenu-10"><i class="fas fa-f fa-folder"></i>Menu Level</a> | |||
| <div id="submenu-10" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#">Level 1</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-11" aria-controls="submenu-11">Level 2</a> | |||
| <div id="submenu-11" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#">Level 1</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#">Level 2</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#">Level 3</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </nav> | |||
| </div> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- end left sidebar --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- wrapper --> | |||
| <!-- ============================================================== --> | |||
| <div class="dashboard-wrapper"> | |||
| <div class="container-fluid"> | |||
| <aside class="page-aside"> | |||
| <div class="aside-content"> | |||
| <div class="aside-header"> | |||
| <button class="navbar-toggle" data-target=".aside-nav" data-toggle="collapse" type="button"><span class="icon"><i class="fas fa-caret-down"></i></span></button><span class="title">Mail Service</span> | |||
| <p class="description">Service description</p> | |||
| </div> | |||
| <div class="aside-compose"><a class="btn btn-lg btn-secondary btn-block" href="#">Compose Email</a></div> | |||
| <div class="aside-nav collapse"> | |||
| <ul class="nav"> | |||
| <li><a href="#"><span class="icon"><i class="fas fa-fw fa-inbox"></i></span>Inbox<span class="badge badge-primary float-right">8</span></a></li> | |||
| <li class="active"><a href="#"><span class="icon"><i class="fas fa-fw fa-envelope"></i></span>Sent Mail</a></li> | |||
| <li><a href="#"><span class="icon"><i class="fas fa-fw fa-briefcase"></i></span>Important<span class="badge badge-secondary float-right">4</span></a></li> | |||
| <li><a href="#"><span class="icon"><i class="fas fa-fw fa-file"></i></span>Drafts</a></li> | |||
| <li><a href="#"><span class="icon"><i class="fas fa-fw fa-star"></i></span>Tags</a></li> | |||
| <li><a href="#"><span class="icon"><i class="fas fa-fw fa-trash"></i></span>Trash</a></li> | |||
| </ul><span class="title">Labels</span> | |||
| <ul class="nav nav-pills nav-stacked"> | |||
| <li><a href="#"><i class="m-r-10 mdi mdi-label text-secondary"></i> | |||
| Important </a></li> | |||
| <li><a href="#"> | |||
| <i class="m-r-10 mdi mdi-label text-primary"></i> Business </a></li> | |||
| <li><a href="#"> <i class="m-r-10 mdi mdi-label text-brand"></i> | |||
| Inspiration </a></li> | |||
| </ul> | |||
| </div> | |||
| </div> | |||
| </aside> | |||
| <div class="main-content container-fluid p-0"> | |||
| <div class="email-head"> | |||
| <div class="email-head-title">Compose new message<span class="icon mdi mdi-edit"></span></div> | |||
| </div> | |||
| <div class="email-compose-fields"> | |||
| <div class="to"> | |||
| <div class="form-group row pt-0"> | |||
| <label class="col-md-1 control-label">To:</label> | |||
| <div class="col-md-11"> | |||
| <select class="js-example-basic-multiple" multiple="multiple"> | |||
| <option value="Yellow" selected="selected">Yellow</option> | |||
| <option value="White">White</option> | |||
| <option value="Blue" selected="selected">Blue</option> | |||
| </select> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="to cc"> | |||
| <div class="form-group row pt-2"> | |||
| <label class="col-md-1 control-label">Cc</label> | |||
| <div class="col-md-11"> | |||
| <select class="js-example-basic-multiple" multiple="multiple"> | |||
| <option value="Alabama">Alabama</option> | |||
| <option value="Alaska" selected="selected">Alaska</option> | |||
| <option value="Melbourne">Melbourne</option> | |||
| <option value="Victoria" selected="selected">Victoria</option> | |||
| <option value="Newyork">Newyork</option> | |||
| </select> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="subject"> | |||
| <div class="form-group row pt-2"> | |||
| <label class="col-md-1 control-label">Subject</label> | |||
| <div class="col-md-11"> | |||
| <input class="form-control" type="text"> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="email editor"> | |||
| <div class="col-md-12 p-0"> | |||
| <div class="form-group"> | |||
| <label class="control-label sr-only" for="summernote">Descriptions </label> | |||
| <textarea class="form-control" id="summernote" name="editordata" rows="6" placeholder="Write Descriptions"></textarea> | |||
| </div> | |||
| </div> | |||
| <div class="email action-send"> | |||
| <div class="col-md-12 "> | |||
| <div class="form-group"> | |||
| <button class="btn btn-primary btn-space" type="submit"><i class="icon s7-mail"></i> Send</button> | |||
| <button class="btn btn-secondary btn-space" type="button"><i class="icon s7-close"></i> Cancel</button> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- footer --> | |||
| <!-- ============================================================== --> | |||
| <div class="footer"> | |||
| <div class="container-fluid"> | |||
| <div class="row"> | |||
| <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12"> | |||
| Copyright © 2018 Concept. All rights reserved. Dashboard by <a href="https://colorlib.com/wp/">Colorlib</a>. | |||
| </div> | |||
| <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12"> | |||
| <div class="text-md-right footer-links d-none d-sm-block"> | |||
| <a href="javascript: void(0);">About</a> | |||
| <a href="javascript: void(0);">Support</a> | |||
| <a href="javascript: void(0);">Contact Us</a> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- end footer --> | |||
| <!-- ============================================================== --> | |||
| </div> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- end main wrapper --> | |||
| <!-- ============================================================== --> | |||
| <!-- Optional JavaScript --> | |||
| <script src="../assets/vendor/jquery/jquery-3.3.1.min.js"></script> | |||
| <script src="../assets/vendor/bootstrap/js/bootstrap.bundle.js"></script> | |||
| <script src="../assets/vendor/slimscroll/jquery.slimscroll.js"></script> | |||
| <script src="../assets/vendor/select2/js/select2.min.js"></script> | |||
| <script src="../assets/vendor/summernote/js/summernote-bs4.js"></script> | |||
| <script src="../assets/libs/js/main-js.js"></script> | |||
| <script> | |||
| $(document).ready(function() { | |||
| $('.js-example-basic-multiple').select2({ tags: true }); | |||
| }); | |||
| </script> | |||
| <script> | |||
| $(document).ready(function() { | |||
| $('#summernote').summernote({ | |||
| height: 300 | |||
| }); | |||
| }); | |||
| </script> | |||
| </body> | |||
| </html> | |||
+ 0
- 532
pages/email-details.html
View File
| @ -1,532 +0,0 @@ | |||
| <!doctype html> | |||
| <html lang="en"> | |||
| <head> | |||
| <!-- Required meta tags --> | |||
| <meta charset="utf-8"> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |||
| <!-- Bootstrap CSS --> | |||
| <link rel="stylesheet" href="../assets/vendor/bootstrap/css/bootstrap.min.css"> | |||
| <link href="../assets/vendor/fonts/circular-std/style.css" rel="stylesheet"> | |||
| <link rel="stylesheet" href="../assets/libs/css/style.css"> | |||
| <link rel="stylesheet" href="../assets/vendor/fonts/fontawesome/css/fontawesome-all.css"> | |||
| <link rel="stylesheet" href="../assets/vendor/fonts/material-design-iconic-font/css/materialdesignicons.min.css"> | |||
| <title>Concept - Bootstrap 4 Admin Dashboard Template</title> | |||
| </head> | |||
| <body> | |||
| <!-- ============================================================== --> | |||
| <!-- main wrapper --> | |||
| <!-- ============================================================== --> | |||
| <div class="dashboard-main-wrapper"> | |||
| <!-- ============================================================== --> | |||
| <!-- navbar --> | |||
| <!-- ============================================================== --> | |||
| <div class="dashboard-header"> | |||
| <nav class="navbar navbar-expand-lg bg-white fixed-top"> | |||
| <a class="navbar-brand" href="../index.html">Concept</a> | |||
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div class="collapse navbar-collapse " id="navbarSupportedContent"> | |||
| <ul class="navbar-nav ml-auto navbar-right-top"> | |||
| <li class="nav-item"> | |||
| <div id="custom-search" class="top-search-bar"> | |||
| <input class="form-control" type="text" placeholder="Search.."> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item dropdown notification"> | |||
| <a class="nav-link nav-icons" href="#" id="navbarDropdownMenuLink1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-fw fa-bell"></i> <span class="indicator"></span></a> | |||
| <ul class="dropdown-menu dropdown-menu-right notification-dropdown"> | |||
| <li> | |||
| <div class="notification-title"> Notification</div> | |||
| <div class="notification-list"> | |||
| <div class="list-group"> | |||
| <a href="#" class="list-group-item list-group-item-action active"> | |||
| <div class="notification-info"> | |||
| <div class="notification-list-user-img"><img src="../assets/images/avatar-2.jpg" alt="" class="user-avatar-md rounded-circle"></div> | |||
| <div class="notification-list-user-block"><span class="notification-list-user-name">Jeremy Rakestraw</span>accepted your invitation to join the team. | |||
| <div class="notification-date">2 min ago</div> | |||
| </div> | |||
| </div> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <div class="notification-info"> | |||
| <div class="notification-list-user-img"><img src="../assets/images/avatar-3.jpg" alt="" class="user-avatar-md rounded-circle"></div> | |||
| <div class="notification-list-user-block"><span class="notification-list-user-name"> | |||
| John Abraham</span>is now following you | |||
| <div class="notification-date">2 days ago</div> | |||
| </div> | |||
| </div> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <div class="notification-info"> | |||
| <div class="notification-list-user-img"><img src="../assets/images/avatar-4.jpg" alt="" class="user-avatar-md rounded-circle"></div> | |||
| <div class="notification-list-user-block"><span class="notification-list-user-name">Monaan Pechi</span> is watching your main repository | |||
| <div class="notification-date">2 min ago</div> | |||
| </div> | |||
| </div> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <div class="notification-info"> | |||
| <div class="notification-list-user-img"><img src="../assets/images/avatar-5.jpg" alt="" class="user-avatar-md rounded-circle"></div> | |||
| <div class="notification-list-user-block"><span class="notification-list-user-name">Jessica Caruso</span>accepted your invitation to join the team. | |||
| <div class="notification-date">2 min ago</div> | |||
| </div> | |||
| </div> | |||
| </a> | |||
| </div> | |||
| </div> | |||
| </li> | |||
| <li> | |||
| <div class="list-footer"> <a href="#">View all notifications</a></div> | |||
| </li> | |||
| </ul> | |||
| </li> | |||
| <li class="nav-item dropdown connection"> | |||
| <a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fas fa-fw fa-th"></i> </a> | |||
| <ul class="dropdown-menu dropdown-menu-right connection-dropdown"> | |||
| <li class="connection-list"> | |||
| <div class="row"> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/github.png" alt="" > <span>Github</span></a> | |||
| </div> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/dribbble.png" alt="" > <span>Dribbble</span></a> | |||
| </div> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/dropbox.png" alt="" > <span>Dropbox</span></a> | |||
| </div> | |||
| </div> | |||
| <div class="row"> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/bitbucket.png" alt=""> <span>Bitbucket</span></a> | |||
| </div> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/mail_chimp.png" alt="" ><span>Mail chimp</span></a> | |||
| </div> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/slack.png" alt="" > <span>Slack</span></a> | |||
| </div> | |||
| </div> | |||
| </li> | |||
| <li> | |||
| <div class="conntection-footer"><a href="#">More</a></div> | |||
| </li> | |||
| </ul> | |||
| </li> | |||
| <li class="nav-item dropdown nav-user"> | |||
| <a class="nav-link nav-user-img" href="#" id="navbarDropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="../assets/images/avatar-1.jpg" alt="" class="user-avatar-md rounded-circle"></a> | |||
| <div class="dropdown-menu dropdown-menu-right nav-user-dropdown" aria-labelledby="navbarDropdownMenuLink2"> | |||
| <div class="nav-user-info"> | |||
| <h5 class="mb-0 text-white nav-user-name"> | |||
| John Abraham</h5> | |||
| <span class="status"></span><span class="ml-2">Available</span> | |||
| </div> | |||
| <a class="dropdown-item" href="#"><i class="fas fa-user mr-2"></i>Account</a> | |||
| <a class="dropdown-item" href="#"><i class="fas fa-cog mr-2"></i>Setting</a> | |||
| <a class="dropdown-item" href="#"><i class="fas fa-power-off mr-2"></i>Logout</a> | |||
| </div> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </nav> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- end navbar --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- left sidebar --> | |||
| <!-- ============================================================== --> | |||
| <div class="nav-left-sidebar sidebar-dark"> | |||
| <div class="menu-list"> | |||
| <nav class="navbar navbar-expand-lg navbar-light"> | |||
| <a class="d-xl-none d-lg-none" href="#">Dashboard</a> | |||
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div class="collapse navbar-collapse" id="navbarNav"> | |||
| <ul class="navbar-nav flex-column"> | |||
| <li class="nav-divider"> | |||
| Menu | |||
| </li> | |||
| <li class="nav-item "> | |||
| <a class="nav-link active" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-1" aria-controls="submenu-1"><i class="fa fa-fw fa-user-circle"></i>Dashboard <span class="badge badge-success">6</span></a> | |||
| <div id="submenu-1" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="index.html" data-toggle="collapse" aria-expanded="false" data-target="#submenu-1-2" aria-controls="submenu-1-2">E-Commerce</a> | |||
| <div id="submenu-1-2" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../index.html">E Commerce Dashboard</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../ecommerce-product.html">Product List</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../ecommerce-product-single.html">Product Single</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../ecommerce-product-checkout.html">Product Checkout</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../dashboard-finance.html">Finance</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../dashboard-sales.html">Sales</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-1-1" aria-controls="submenu-1-1">Infulencer</a> | |||
| <div id="submenu-1-1" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../dashboard-influencer.html">Influencer</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../influencer-finder.html">Influencer Finder</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../influencer-profile.html">Influencer Profile</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-2" aria-controls="submenu-2"><i class="fa fa-fw fa-rocket"></i>UI Elements</a> | |||
| <div id="submenu-2" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="cards.html">Cards <span class="badge badge-secondary">New</span></a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="general.html">General</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="carousel.html">Carousel</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="listgroup.html">List Group</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="typography.html">Typography</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="accordions.html">Accordions</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="tabs.html">Tabs</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-3" aria-controls="submenu-3"><i class="fas fa-fw fa-chart-pie"></i>Chart</a> | |||
| <div id="submenu-3" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-c3.html">C3 Charts</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-chartist.html">Chartist Charts</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-charts.html">Chart</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-morris.html">Morris</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-sparkline.html">Sparkline</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-gauge.html">Guage</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item "> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-4" aria-controls="submenu-4"><i class="fab fa-fw fa-wpforms"></i>Forms</a> | |||
| <div id="submenu-4" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="form-elements.html">Form Elements</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="form-validation.html">Parsely Validations</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="multiselect.html">Multiselect</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-5" aria-controls="submenu-5"><i class="fas fa-fw fa-table"></i>Tables</a> | |||
| <div id="submenu-5" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="general-table.html">General Tables</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="data-tables.html">Data Tables</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-divider"> | |||
| Features | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-6" aria-controls="submenu-6"><i class="fas fa-fw fa-file"></i>Pages</a> | |||
| <div id="submenu-6" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="invoice.html">Invoice</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="blank-page.html">Blank Page</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="blank-page-header.html">Blank Page Header</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="login.html">Login</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="404-page.html">404 page</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="sign-up.html">Sign up Page</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="forgot-password.html">Forgot Password</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="pricing.html">Pricing Tables</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="timeline.html">Timeline</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="calendar.html">Calendar</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="sortable-nestable-lists.html">Sortable/Nestable List</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="widgets.html">Widgets</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="media-object.html">Media Objects</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="cropper-image.html">Cropper</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="color-picker.html">Color Picker</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-7" aria-controls="submenu-7"><i class="fas fa-fw fa-inbox"></i>Apps <span class="badge badge-secondary">New</span></a> | |||
| <div id="submenu-7" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="inbox.html">Inbox</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="email-details.html">Email Detail</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="email-compose.html">Email Compose</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="message-chat.html">Message Chat</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-8" aria-controls="submenu-8"><i class="fas fa-fw fa-columns"></i>Icons</a> | |||
| <div id="submenu-8" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-fontawesome.html">FontAwesome Icons</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-material.html">Material Icons</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-simple-lineicon.html">Simpleline Icon</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-themify.html">Themify Icon</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-flag.html">Flag Icons</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-weather.html">Weather Icon</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-9" aria-controls="submenu-9"><i class="fas fa-fw fa-map-marker-alt"></i>Maps</a> | |||
| <div id="submenu-9" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="map-google.html">Google Maps</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="map-vector.html">Vector Maps</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-10" aria-controls="submenu-10"><i class="fas fa-f fa-folder"></i>Menu Level</a> | |||
| <div id="submenu-10" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#">Level 1</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-11" aria-controls="submenu-11">Level 2</a> | |||
| <div id="submenu-11" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#">Level 1</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#">Level 2</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#">Level 3</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </nav> | |||
| </div> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- end left sidebar --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- wrapper --> | |||
| <!-- ============================================================== --> | |||
| <div class="dashboard-wrapper"> | |||
| <div class="container-fluid"> | |||
| <aside class="page-aside"> | |||
| <div class="aside-content"> | |||
| <div class="aside-header"> | |||
| <button class="navbar-toggle" data-target=".aside-nav" data-toggle="collapse" type="button"><span class="icon"><i class="fas fa-caret-down"></i></span></button><span class="title">Mail Service</span> | |||
| <p class="description">Service description</p> | |||
| </div> | |||
| <div class="aside-nav collapse"> | |||
| <ul class="nav"> | |||
| <li><a href="#"><span class="icon"><i class="fas fa-fw fa-inbox"></i></span>Inbox<span class="badge badge-primary float-right">8</span></a></li> | |||
| <li class="active"><a href="#"><span class="icon"><i class="fas fa-fw fa-envelope"></i></span>Sent Mail</a></li> | |||
| <li><a href="#"><span class="icon"><i class="fas fa-fw fa-briefcase"></i></span>Important<span class="badge badge-secondary float-right">4</span></a></li> | |||
| <li><a href="#"><span class="icon"><i class="fas fa-fw fa-file"></i></span>Drafts</a></li> | |||
| <li><a href="#"><span class="icon"><i class="fas fa-fw fa-star"></i></span>Tags</a></li> | |||
| <li><a href="#"><span class="icon"><i class="fas fa-fw fa-trash"></i></span>Trash</a></li> | |||
| </ul><span class="title">Labels</span> | |||
| <ul class="nav nav-pills nav-stacked"> | |||
| <li><a href="#"><i class="m-r-10 mdi mdi-label text-secondary"></i> | |||
| Important </a></li> | |||
| <li><a href="#"> | |||
| <i class="m-r-10 mdi mdi-label text-primary"></i> Business </a></li> | |||
| <li><a href="#"> <i class="m-r-10 mdi mdi-label text-brand"></i> | |||
| Inspiration </a></li> | |||
| </ul> | |||
| <div class="aside-compose"><a class="btn btn-lg btn-primary btn-block" href="#">Compose Email</a></div> | |||
| </div> | |||
| </div> | |||
| </aside> | |||
| <div class="main-content container-fluid p-0"> | |||
| <div class="email-head"> | |||
| <div class="email-head-subject"> | |||
| <div class="title"><a class="active" href="#"><span class="icon"><i class="fas fa-star"></i></span></a> <span>Development Files</span> | |||
| <div class="icons"><a href="#" class="icon"><i class="fas fa-reply"></i></a><a href="#" class="icon"><i class="fas fa-print"></i></a><a href="#" class="icon"><i class="fas fa-trash"></i></a></div> | |||
| </div> | |||
| </div> | |||
| <div class="email-head-sender"> | |||
| <div class="date">August 23, 3:37</div> | |||
| <div class="avatar"><img src="../assets/images/avatar-2.jpg" alt="Avatar" class="rounded-circle user-avatar-md"></div> | |||
| <div class="sender"><a href="#">Justine Myranda</a> to <a href="#">me</a> | |||
| <div class="actions"><a class="icon toggle-dropdown" href="#" data-toggle="dropdown"><i class="fas fa-caret-down"></i></a> | |||
| <div class="dropdown-menu" role="menu"><a class="dropdown-item" href="#">Mark as read</a><a class="dropdown-item" href="#">Mark as unread</a><a class="dropdown-item" href="#">Spam</a> | |||
| <div class="dropdown-divider"></div><a class="dropdown-item" href="#">Delete</a> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="email-body"> | |||
| <p>Hello,</p> | |||
| <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p> | |||
| <p>Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna.</p> | |||
| <p><strong>Regards</strong>, | |||
| <br> Justine Myranda</p> | |||
| </div> | |||
| <div class="email-attachments"> | |||
| <div class="title">Attachments <span>(2 files, 16,24 KB)</span></div> | |||
| <ul> | |||
| <li><a href="#"><span class="icon mdi mdi-attachment-alt"></span> new-release.zip <span>(5.12 KB)</span></a></li> | |||
| <li><a href="#"><span class="icon mdi mdi-attachment-alt"></span> guidelines.pdf <span>(11.3 MB)</span></a></li> | |||
| </ul> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- footer --> | |||
| <!-- ============================================================== --> | |||
| <div class="footer"> | |||
| <div class="container-fluid"> | |||
| <div class="row"> | |||
| <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12"> | |||
| Copyright © 2018 Concept. All rights reserved. Dashboard by <a href="https://colorlib.com/wp/">Colorlib</a>. | |||
| </div> | |||
| <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12"> | |||
| <div class="text-md-right footer-links d-none d-sm-block"> | |||
| <a href="javascript: void(0);">About</a> | |||
| <a href="javascript: void(0);">Support</a> | |||
| <a href="javascript: void(0);">Contact Us</a> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- end footer --> | |||
| <!-- ============================================================== --> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- end main wrapper --> | |||
| <!-- ============================================================== --> | |||
| <!-- Optional JavaScript --> | |||
| <script src="../assets/vendor/jquery/jquery-3.3.1.min.js"></script> | |||
| <script src="../assets/vendor/bootstrap/js/bootstrap.bundle.js"></script> | |||
| <script src="../assets/vendor/slimscroll/jquery.slimscroll.js"></script> | |||
| <script src="../assets/libs/js/main-js.js"></script> | |||
| </body> | |||
| </html> | |||
+ 0
- 61
pages/forgot-password.html
View File
| @ -1,61 +0,0 @@ | |||
| <!doctype html> | |||
| <html lang="en"> | |||
| <head> | |||
| <!-- Required meta tags --> | |||
| <meta charset="utf-8"> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |||
| <title>Concept - Bootstrap 4 Admin Dashboard Template</title> | |||
| <!-- Bootstrap CSS --> | |||
| <link rel="stylesheet" href="../assets/vendor/bootstrap/css/bootstrap.min.css"> | |||
| <link href="../assets/vendor/fonts/circular-std/style.css" rel="stylesheet"> | |||
| <link rel="stylesheet" href="../assets/libs/css/style.css"> | |||
| <link rel="stylesheet" href="../assets/vendor/fonts/fontawesome/css/fontawesome-all.css"> | |||
| <style> | |||
| html, | |||
| body { | |||
| height: 100%; | |||
| } | |||
| body { | |||
| display: -ms-flexbox; | |||
| display: flex; | |||
| -ms-flex-align: center; | |||
| align-items: center; | |||
| padding-top: 40px; | |||
| padding-bottom: 40px; | |||
| } | |||
| </style> | |||
| </head> | |||
| <body> | |||
| <!-- ============================================================== --> | |||
| <!-- forgot password --> | |||
| <!-- ============================================================== --> | |||
| <div class="splash-container"> | |||
| <div class="card"> | |||
| <div class="card-header text-center"><img class="logo-img" src="../assets/images/logo.png" alt="logo"><span class="splash-description">Please enter your user information.</span></div> | |||
| <div class="card-body"> | |||
| <form> | |||
| <p>Don't worry, we'll send you an email to reset your password.</p> | |||
| <div class="form-group"> | |||
| <input class="form-control form-control-lg" type="email" name="email" required="" placeholder="Your Email" autocomplete="off"> | |||
| </div> | |||
| <div class="form-group pt-1"><a class="btn btn-block btn-primary btn-xl" href="../index.html">Reset Password</a></div> | |||
| </form> | |||
| </div> | |||
| <div class="card-footer text-center"> | |||
| <span>Don't have an account? <a href="pages-sign-up.html">Sign Up</a></span> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- end forgot password --> | |||
| <!-- ============================================================== --> | |||
| <!-- Optional JavaScript --> | |||
| <script src="../assets/vendor/jquery/jquery-3.3.1.min.js"></script> | |||
| <script src="../assets/vendor/bootstrap/js/bootstrap.bundle.js"></script> | |||
| </body> | |||
| </html> | |||
+ 0
- 631
pages/inbox.html
View File
| @ -1,631 +0,0 @@ | |||
| <!doctype html> | |||
| <html lang="en"> | |||
| <head> | |||
| <!-- Required meta tags --> | |||
| <meta charset="utf-8"> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |||
| <!-- Bootstrap CSS --> | |||
| <link rel="stylesheet" href="../assets/vendor/bootstrap/css/bootstrap.min.css"> | |||
| <link href="../assets/vendor/fonts/circular-std/style.css" rel="stylesheet"> | |||
| <link rel="stylesheet" href="../assets/libs/css/style.css"> | |||
| <link rel="stylesheet" href="../assets/vendor/fonts/fontawesome/css/fontawesome-all.css"> | |||
| <link rel="stylesheet" href="../assets/vendor/fonts/material-design-iconic-font/css/materialdesignicons.min.css"> | |||
| <title>Concept - Bootstrap 4 Admin Dashboard Template</title> | |||
| </head> | |||
| <body> | |||
| <!-- ============================================================== --> | |||
| <!-- main wrapper --> | |||
| <!-- ============================================================== --> | |||
| <div class="dashboard-main-wrapper"> | |||
| <!-- ============================================================== --> | |||
| <!-- navbar --> | |||
| <!-- ============================================================== --> | |||
| <div class="dashboard-header"> | |||
| <nav class="navbar navbar-expand-lg bg-white fixed-top"> | |||
| <a class="navbar-brand" href="../index.html">Concept</a> | |||
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div class="collapse navbar-collapse " id="navbarSupportedContent"> | |||
| <ul class="navbar-nav ml-auto navbar-right-top"> | |||
| <li class="nav-item"> | |||
| <div id="custom-search" class="top-search-bar"> | |||
| <input class="form-control" type="text" placeholder="Search.."> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item dropdown notification"> | |||
| <a class="nav-link nav-icons" href="#" id="navbarDropdownMenuLink1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fas fa-fw fa-bell"></i> <span class="indicator"></span></a> | |||
| <ul class="dropdown-menu dropdown-menu-right notification-dropdown"> | |||
| <li> | |||
| <div class="notification-title"> Notification</div> | |||
| <div class="notification-list"> | |||
| <div class="list-group"> | |||
| <a href="#" class="list-group-item list-group-item-action active"> | |||
| <div class="notification-info"> | |||
| <div class="notification-list-user-img"><img src="../assets/images/avatar-2.jpg" alt="" class="user-avatar-md rounded-circle"></div> | |||
| <div class="notification-list-user-block"><span class="notification-list-user-name">Jeremy Rakestraw</span>accepted your invitation to join the team. | |||
| <div class="notification-date">2 min ago</div> | |||
| </div> | |||
| </div> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <div class="notification-info"> | |||
| <div class="notification-list-user-img"><img src="../assets/images/avatar-3.jpg" alt="" class="user-avatar-md rounded-circle"></div> | |||
| <div class="notification-list-user-block"><span class="notification-list-user-name">John Abraham</span>is now following you | |||
| <div class="notification-date">2 days ago</div> | |||
| </div> | |||
| </div> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <div class="notification-info"> | |||
| <div class="notification-list-user-img"><img src="../assets/images/avatar-4.jpg" alt="" class="user-avatar-md rounded-circle"></div> | |||
| <div class="notification-list-user-block"><span class="notification-list-user-name">Monaan Pechi</span> is watching your main repository | |||
| <div class="notification-date">2 min ago</div> | |||
| </div> | |||
| </div> | |||
| </a> | |||
| <a href="#" class="list-group-item list-group-item-action"> | |||
| <div class="notification-info"> | |||
| <div class="notification-list-user-img"><img src="../assets/images/avatar-5.jpg" alt="" class="user-avatar-md rounded-circle"></div> | |||
| <div class="notification-list-user-block"><span class="notification-list-user-name">Jessica Caruso</span>accepted your invitation to join the team. | |||
| <div class="notification-date">2 min ago</div> | |||
| </div> | |||
| </div> | |||
| </a> | |||
| </div> | |||
| </div> | |||
| </li> | |||
| <li> | |||
| <div class="list-footer"> <a href="#">View all notifications</a></div> | |||
| </li> | |||
| </ul> | |||
| </li> | |||
| <li class="nav-item dropdown connection"> | |||
| <a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fas fa-fw fa-th"></i> </a> | |||
| <ul class="dropdown-menu dropdown-menu-right connection-dropdown"> | |||
| <li class="connection-list"> | |||
| <div class="row"> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/github.png" alt="" > <span>Github</span></a> | |||
| </div> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/dribbble.png" alt="" > <span>Dribbble</span></a> | |||
| </div> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/dropbox.png" alt="" > <span>Dropbox</span></a> | |||
| </div> | |||
| </div> | |||
| <div class="row"> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/bitbucket.png" alt=""> <span>Bitbucket</span></a> | |||
| </div> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/mail_chimp.png" alt="" ><span>Mail chimp</span></a> | |||
| </div> | |||
| <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 "> | |||
| <a href="#" class="connection-item"><img src="../assets/images/slack.png" alt="" > <span>Slack</span></a> | |||
| </div> | |||
| </div> | |||
| </li> | |||
| <li> | |||
| <div class="conntection-footer"><a href="#">More</a></div> | |||
| </li> | |||
| </ul> | |||
| </li> | |||
| <li class="nav-item dropdown nav-user"> | |||
| <a class="nav-link nav-user-img" href="#" id="navbarDropdownMenuLink2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="../assets/images/avatar-1.jpg" alt="" class="user-avatar-md rounded-circle"></a> | |||
| <div class="dropdown-menu dropdown-menu-right nav-user-dropdown" aria-labelledby="navbarDropdownMenuLink2"> | |||
| <div class="nav-user-info"> | |||
| <h5 class="mb-0 text-white nav-user-name">John Abraham</h5> | |||
| <span class="status"></span><span class="ml-2">Available</span> | |||
| </div> | |||
| <a class="dropdown-item" href="#"><i class="fas fa-user mr-2"></i>Account</a> | |||
| <a class="dropdown-item" href="#"><i class="fas fa-cog mr-2"></i>Setting</a> | |||
| <a class="dropdown-item" href="#"><i class="fas fa-power-off mr-2"></i>Logout</a> | |||
| </div> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </nav> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- end navbar --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- left sidebar --> | |||
| <!-- ============================================================== --> | |||
| <div class="nav-left-sidebar sidebar-dark"> | |||
| <div class="menu-list"> | |||
| <nav class="navbar navbar-expand-lg navbar-light"> | |||
| <a class="d-xl-none d-lg-none" href="#">Dashboard</a> | |||
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> | |||
| <span class="navbar-toggler-icon"></span> | |||
| </button> | |||
| <div class="collapse navbar-collapse" id="navbarNav"> | |||
| <ul class="navbar-nav flex-column"> | |||
| <li class="nav-divider"> | |||
| Menu | |||
| </li> | |||
| <li class="nav-item "> | |||
| <a class="nav-link active" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-1" aria-controls="submenu-1"><i class="fa fa-fw fa-user-circle"></i>Dashboard <span class="badge badge-success">6</span></a> | |||
| <div id="submenu-1" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="index.html" data-toggle="collapse" aria-expanded="false" data-target="#submenu-1-2" aria-controls="submenu-1-2">E-Commerce</a> | |||
| <div id="submenu-1-2" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../index.html">E Commerce Dashboard</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../ecommerce-product.html">Product List</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../ecommerce-product-single.html">Product Single</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../ecommerce-product-checkout.html">Product Checkout</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../dashboard-finance.html">Finance</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../dashboard-sales.html">Sales</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-1-1" aria-controls="submenu-1-1">Infulencer</a> | |||
| <div id="submenu-1-1" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../dashboard-influencer.html">Influencer</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../influencer-finder.html">Influencer Finder</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="../influencer-profile.html">Influencer Profile</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-2" aria-controls="submenu-2"><i class="fa fa-fw fa-rocket"></i>UI Elements</a> | |||
| <div id="submenu-2" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="cards.html">Cards <span class="badge badge-secondary">New</span></a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="general.html">General</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="carousel.html">Carousel</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="listgroup.html">List Group</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="typography.html">Typography</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="accordions.html">Accordions</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="tabs.html">Tabs</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-3" aria-controls="submenu-3"><i class="fas fa-fw fa-chart-pie"></i>Chart</a> | |||
| <div id="submenu-3" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-c3.html">C3 Charts</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-chartist.html">Chartist Charts</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-charts.html">Chart</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-morris.html">Morris</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-sparkline.html">Sparkline</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="chart-gauge.html">Guage</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item "> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-4" aria-controls="submenu-4"><i class="fab fa-fw fa-wpforms"></i>Forms</a> | |||
| <div id="submenu-4" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="form-elements.html">Form Elements</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="form-validation.html">Parsely Validations</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="multiselect.html">Multiselect</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-5" aria-controls="submenu-5"><i class="fas fa-fw fa-table"></i>Tables</a> | |||
| <div id="submenu-5" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="general-table.html">General Tables</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="data-tables.html">Data Tables</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-divider"> | |||
| Features | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-6" aria-controls="submenu-6"><i class="fas fa-fw fa-file"></i>Pages</a> | |||
| <div id="submenu-6" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="invoice.html">Invoice</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="blank-page.html">Blank Page</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="blank-page-header.html">Blank Page Header</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="login.html">Login</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="404-page.html">404 page</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="sign-up.html">Sign up Page</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="forgot-password.html">Forgot Password</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="pricing.html">Pricing Tables</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="timeline.html">Timeline</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="calendar.html">Calendar</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="sortable-nestable-lists.html">Sortable/Nestable List</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="widgets.html">Widgets</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="media-object.html">Media Objects</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="cropper-image.html">Cropper</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="color-picker.html">Color Picker</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-7" aria-controls="submenu-7"><i class="fas fa-fw fa-inbox"></i>Apps <span class="badge badge-secondary">New</span></a> | |||
| <div id="submenu-7" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="inbox.html">Inbox</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="email-details.html">Email Detail</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="email-compose.html">Email Compose</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="message-chat.html">Message Chat</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-8" aria-controls="submenu-8"><i class="fas fa-fw fa-columns"></i>Icons</a> | |||
| <div id="submenu-8" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-fontawesome.html">FontAwesome Icons</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-material.html">Material Icons</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-simple-lineicon.html">Simpleline Icon</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-themify.html">Themify Icon</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-flag.html">Flag Icons</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="icon-weather.html">Weather Icon</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-9" aria-controls="submenu-9"><i class="fas fa-fw fa-map-marker-alt"></i>Maps</a> | |||
| <div id="submenu-9" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="map-google.html">Google Maps</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="map-vector.html">Vector Maps</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-10" aria-controls="submenu-10"><i class="fas fa-f fa-folder"></i>Menu Level</a> | |||
| <div id="submenu-10" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#">Level 1</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#" data-toggle="collapse" aria-expanded="false" data-target="#submenu-11" aria-controls="submenu-11">Level 2</a> | |||
| <div id="submenu-11" class="collapse submenu" style=""> | |||
| <ul class="nav flex-column"> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#">Level 1</a> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#">Level 2</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| <li class="nav-item"> | |||
| <a class="nav-link" href="#">Level 3</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| </nav> | |||
| </div> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- end left sidebar --> | |||
| <!-- ============================================================== --> | |||
| <!-- ============================================================== --> | |||
| <!-- wrapper --> | |||
| <!-- ============================================================== --> | |||
| <div class="dashboard-wrapper"> | |||
| <div class="container-fluid"> | |||
| <aside class="page-aside"> | |||
| <div class="aside-content"> | |||
| <div class="aside-header"> | |||
| <button class="navbar-toggle" data-target=".aside-nav" data-toggle="collapse" type="button"><span class="icon"><i class="fas fa-caret-down"></i></span></button><span class="title">Mail Service</span> | |||
| <p class="description">Service description</p> | |||
| </div> | |||
| <div class="aside-compose"><a class="btn btn-lg btn-secondary btn-block" href="#">Compose Email</a></div> | |||
| <div class="aside-nav collapse"> | |||
| <ul class="nav"> | |||
| <li class="active"><a href="#"><span class="icon"><i class="fas fa-fw fa-inbox"></i></span>Inbox<span class="badge badge-primary float-right">8</span></a></li> | |||
| <li><a href="#"><span class="icon"><i class="fas fa-fw fa-envelope"></i></span>Sent Mail</a></li> | |||
| <li><a href="#"><span class="icon"><i class="fas fa-fw fa-briefcase"></i></span>Important<span class="badge badge-secondary float-right">4</span></a></li> | |||
| <li><a href="#"><span class="icon"><i class="fas fa-fw fa-file"></i></span>Drafts</a></li> | |||
| <li><a href="#"><span class="icon"><i class="fas fa-fw fa-star"></i></span>Tags</a></li> | |||
| <li><a href="#"><span class="icon"><i class="fas fa-fw fa-trash"></i></span>Trash</a></li> | |||
| </ul><span class="title">Labels</span> | |||
| <ul class="nav nav-pills nav-stacked"> | |||
| <li><a href="#"><i class="m-r-10 mdi mdi-label text-secondary"></i> | |||
| Important </a></li> | |||
| <li><a href="#"> | |||
| <i class="m-r-10 mdi mdi-label text-primary"></i> Business </a></li> | |||
| <li><a href="#"> <i class="m-r-10 mdi mdi-label text-brand"></i> | |||
| Inspiration </a></li> | |||
| </ul> | |||
| </div> | |||
| </div> | |||
| </aside> | |||
| <div class="main-content container-fluid p-0"> | |||
| <div class="email-inbox-header"> | |||
| <div class="row"> | |||
| <div class="col-lg-6"> | |||
| <div class="email-title"><span class="icon"><i class="fas fa-inbox"></i></span> Inbox <span class="new-messages">(2 new messages)</span> </div> | |||
| </div> | |||
| <div class="col-lg-6"> | |||
| <div class="email-search"> | |||
| <div class="input-group input-search"> | |||
| <input class="form-control" type="text" placeholder="Search mail..."><span class="input-group-btn"> | |||
| <button class="btn btn-secondary" type="button"><i class="fas fa-search"></i></button></span> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="email-filters"> | |||
| <div class="email-filters-left"> | |||
| <label class="custom-control custom-checkbox be-select-all"> | |||
| <input class="custom-control-input chk_all" type="checkbox" name="chk_all"><span class="custom-control-label"></span> | |||
| </label> | |||
| <div class="btn-group"> | |||
| <button class="btn btn-light dropdown-toggle" data-toggle="dropdown" type="button"> | |||
| With selected <span class="caret"></span></button> | |||
| <div class="dropdown-menu" role="menu"><a class="dropdown-item" href="#">Mark as rea</a><a class="dropdown-item" href="#">Mark as unread</a><a class="dropdown-item" href="#">Spam</a> | |||
| <div class="dropdown-divider"></div><a class="dropdown-item" href="#">Delete</a> | |||
| </div> | |||
| </div> | |||
| <div class="btn-group"> | |||
| <button class="btn btn-light" type="button">Archive</button> | |||
| <button class="btn btn-light" type="button">Span</button> | |||
| <button class="btn btn-light" type="button">Delete</button> | |||
| </div> | |||
| <div class="btn-group"> | |||
| <button class="btn btn-light dropdown-toggle" data-toggle="dropdown" type="button">Order by <span class="caret"></span></button> | |||
| <div class="dropdown-menu dropdown-menu-right" role="menu"><a class="dropdown-item" href="#">Date</a><a class="dropdown-item" href="#">From</a><a class="dropdown-item" href="#">Subject</a> | |||
| <div class="dropdown-divider"></div><a class="dropdown-item" href="#">Size</a> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="email-filters-right"><span class="email-pagination-indicator">1-50 of 253</span> | |||
| <div class="btn-group email-pagination-nav"> | |||
| <button class="btn btn-light" type="button"><i class="fas fa-angle-left"></i></button> | |||
| <button class="btn btn-light" type="button"><i class="fas fa-angle-right"></i></button> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="email-list"> | |||
| <div class="email-list-item email-list-item--unread"> | |||
| <div class="email-list-actions"> | |||
| <label class="custom-control custom-checkbox"> | |||
| <input class="custom-control-input checkboxes" type="checkbox" value="1" id="one"><span class="custom-control-label"></span> | |||
| </label><a class="favorite active" href="#"><span><i class="fas fa-star"></i></span></a> | |||
| </div> | |||
| <div class="email-list-detail"><span class="date float-right"><span class="icon"><i class="fas fa-paperclip"></i> </span>28 Jul</span><span class="from">Penelope Thornton</span> | |||
| <p class="msg">Urgent - You forgot your keys in the class room, please come imediatly!</p> | |||
| </div> | |||
| </div> | |||
| <div class="email-list-item email-list-item--unread"> | |||
| <div class="email-list-actions"> | |||
| <label class="custom-control custom-checkbox"> | |||
| <input class="custom-control-input checkboxes" type="checkbox" value="2" id="two"><span class="custom-control-label"></span> | |||
| </label><a class="favorite" href="#"><span><i class="fas fa-star"></i></span></a> | |||
| </div> | |||
| <div class="email-list-detail"><span class="date float-right"></span><span class="date float-right"><span class="icon"><i class="fas fa-paperclip"></i></span> 13 Jul</span><span class="from">Benji Harper</span> | |||
| <p class="msg">Urgent - You forgot your keys in the class room, please come imediatly!</p> | |||
| </div> | |||
| </div> | |||
| <div class="email-list-item"> | |||
| <div class="email-list-actions"> | |||
| <label class="custom-control custom-checkbox"> | |||
| <input class="custom-control-input checkboxes" type="checkbox" value="3" id="three"><span class="custom-control-label"></span> | |||
| </label><a class="favorite" href="#"><span><i class="fas fa-star"></i></span></a> | |||
| </div> | |||
| <div class="email-list-detail"><span class="date float-right">23 Jun</span><span class="from">Justine Myranda</span> | |||
| <p class="msg">Urgent - You forgot your keys in the class room, please come imediatly!</p> | |||
| </div> | |||
| </div> | |||
| <div class="email-list-item"> | |||
| <div class="email-list-actions"> | |||
| <label class="custom-control custom-checkbox"> | |||
| <input class="custom-control-input checkboxes" type="checkbox" value="4" id="four"><span class="custom-control-label"></span> | |||
| </label><a class="favorite" href="#"><span><i class="fas fa-star"></i></span></a> | |||
| </div> | |||
| <div class="email-list-detail"><span class="date float-right">17 May</span><span class="from">John Doe</span> | |||
| <p class="msg">Urgent - You forgot your keys in the class room, please come imediatly!</p> | |||
| </div> | |||
| </div> | |||
| <div class="email-list-item"> | |||
| <div class="email-list-actions"> | |||
| <label class="custom-control custom-checkbox"> | |||
| <input class="custom-control-input checkboxes" type="checkbox" value="5" id="five"><span class="custom-control-label"></span> | |||
| </label><a class="favorite" href="#"><span><i class="fas fa-star"></i></span></a> | |||
| </div> | |||
| <div class="email-list-detail"><span class="date float-right">16 May</span><span class="from">Sherwood Clifford</span> | |||
| <p class="msg">Urgent - You forgot your keys in the class room, please come imediatly!</p> | |||
| </div> | |||
| </div> | |||
| <div class="email-list-item"> | |||
| <div class="email-list-actions"> | |||
| <label class="custom-control custom-checkbox"> | |||
| <input class="custom-control-input checkboxes" type="checkbox" value="6" id="six"><span class="custom-control-label"></span> | |||
| </label><a class="favorite" href="#"><span><i class="fas fa-star"></i></span></a> | |||
| </div> | |||
| <div class="email-list-detail"><span class="date float-right">12 May</span><span class="from">Kristopher Donny</span> | |||
| <p class="msg">Urgent - You forgot your keys in the class room, please come imediatly!</p> | |||
| </div> | |||
| </div> | |||
| <div class="email-list-item"> | |||
| <div class="email-list-actions"> | |||
| <label class="custom-control custom-checkbox"> | |||
| <input class="custom-control-input checkboxes" type="checkbox" value="7" id="seven"><span class="custom-control-label"></span> | |||
| </label><a class="favorite" href="#"><span><i class="fas fa-star"></i></span></a> | |||
| </div> | |||
| <div class="email-list-detail"><span class="date float-right">12 May</span><span class="from">Kristopher Donny</span> | |||
| <p class="msg">Urgent - You forgot your keys in the class room, please come imediatly!</p> | |||
| </div> | |||
| </div> | |||
| <div class="email-list-item"> | |||
| <div class="email-list-actions"> | |||
| <label class="custom-control custom-checkbox"> | |||
| <input class="custom-control-input checkboxes" type="checkbox" value="8" id="eight"><span class="custom-control-label"></span> | |||
| </label><a class="favorite" href="#"><span><i class="fas fa-star"></i></span></a> | |||
| </div> | |||
| <div class="email-list-detail"><span class="date float-right">12 May</span><span class="from">Kristopher Donny</span> | |||
| <p class="msg">Urgent - You forgot your keys in the class room, please come imediatly!</p> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- end main wrapper --> | |||
| <!-- ============================================================== --> | |||
| <!-- Optional JavaScript --> | |||
| <script src="../assets/vendor/jquery/jquery-3.3.1.min.js"></script> | |||
| <script src="../assets/vendor/bootstrap/js/bootstrap.bundle.js"></script> | |||
| <script src="../assets/vendor/slimscroll/jquery.slimscroll.js"></script> | |||
| <script src="../assets/libs/js/main-js.js"></script> | |||
| <script> | |||
| $(document).ready(function() { | |||
| // binding the check all box to onClick event | |||
| $(".chk_all").click(function() { | |||
| var checkAll = $(".chk_all").prop('checked'); | |||
| if (checkAll) { | |||
| $(".checkboxes").prop("checked", true); | |||
| } else { | |||
| $(".checkboxes").prop("checked", false); | |||
| } | |||
| }); | |||
| // if all checkboxes are selected, then checked the main checkbox class and vise versa | |||
| $(".checkboxes").click(function() { | |||
| if ($(".checkboxes").length == $(".subscheked:checked").length) { | |||
| $(".chk_all").attr("checked", "checked"); | |||
| } else { | |||
| $(".chk_all").removeAttr("checked"); | |||
| } | |||
| }); | |||
| }); | |||
| </script> | |||
| </body> | |||
| </html> | |||
+ 0
- 72
pages/login.html
View File
| @ -1,72 +0,0 @@ | |||
| <!doctype html> | |||
| <html lang="en"> | |||
| <head> | |||
| <!-- Required meta tags --> | |||
| <meta charset="utf-8"> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |||
| <title>Login</title> | |||
| <!-- Bootstrap CSS --> | |||
| <link rel="stylesheet" href="../assets/vendor/bootstrap/css/bootstrap.min.css"> | |||
| <link href="../assets/vendor/fonts/circular-std/style.css" rel="stylesheet"> | |||
| <link rel="stylesheet" href="../assets/libs/css/style.css"> | |||
| <link rel="stylesheet" href="../assets/vendor/fonts/fontawesome/css/fontawesome-all.css"> | |||
| <style> | |||
| html, | |||
| body { | |||
| height: 100%; | |||
| } | |||
| body { | |||
| display: -ms-flexbox; | |||
| display: flex; | |||
| -ms-flex-align: center; | |||
| align-items: center; | |||
| padding-top: 40px; | |||
| padding-bottom: 40px; | |||
| } | |||
| </style> | |||
| </head> | |||
| <body> | |||
| <!-- ============================================================== --> | |||
| <!-- login page --> | |||
| <!-- ============================================================== --> | |||
| <div class="splash-container"> | |||
| <div class="card "> | |||
| <div class="card-header text-center"><a href="../index.html"><img class="logo-img" src="../assets/images/logo.png" alt="logo"></a><span class="splash-description">Please enter your user information.</span></div> | |||
| <div class="card-body"> | |||
| <form> | |||
| <div class="form-group"> | |||
| <input class="form-control form-control-lg" id="username" type="text" placeholder="Username" autocomplete="off"> | |||
| </div> | |||
| <div class="form-group"> | |||
| <input class="form-control form-control-lg" id="password" type="password" placeholder="Password"> | |||
| </div> | |||
| <div class="form-group"> | |||
| <label class="custom-control custom-checkbox"> | |||
| <input class="custom-control-input" type="checkbox"><span class="custom-control-label">Remember Me</span> | |||
| </label> | |||
| </div> | |||
| <button type="submit" class="btn btn-primary btn-lg btn-block">Sign in</button> | |||
| </form> | |||
| </div> | |||
| <div class="card-footer bg-white p-0 "> | |||
| <div class="card-footer-item card-footer-item-bordered"> | |||
| <a href="#" class="footer-link">Create An Account</a></div> | |||
| <div class="card-footer-item card-footer-item-bordered"> | |||
| <a href="#" class="footer-link">Forgot Password</a> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <!-- ============================================================== --> | |||
| <!-- end login page --> | |||
| <!-- ============================================================== --> | |||
| <!-- Optional JavaScript --> | |||
| <script src="../assets/vendor/jquery/jquery-3.3.1.min.js"></script> | |||
| <script src="../assets/vendor/bootstrap/js/bootstrap.bundle.js"></script> | |||
| </body> | |||
| </html> | |||
+ 0
- 383
pages/pages-sign-up.html
View File
| @ -1,383 +0,0 @@ | |||
| <!DOCTYPE html> | |||
| <html lang="en-US" prefix="og: http://ogp.me/ns#"> | |||
| <head> | |||
| <meta name="google-site-verification" content="4KqxXLPDRgArLiUh4ZFZ0BLFW6n7QN0jibkjD7lBNMg" /> | |||
| <meta charset="UTF-8"> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |||
| <link rel="profile" href="http://gmpg.org/xfn/11"> | |||
| <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700,700i,800" rel="stylesheet"> | |||
| <title>Concept - Bootstrap 4 Admin Dashboard Template</title> | |||
| <meta name="robots" content="noindex,follow"/> | |||
| <meta property="og:locale" content="en_US" /> | |||
| <meta property="og:type" content="object" /> | |||
| <meta property="og:title" content="Page not found - Jitu Chauhan" /> | |||
| <meta property="og:site_name" content="Jitu Chauhan" /> | |||
| <meta name="twitter:card" content="summary" /> | |||
| <meta name="twitter:title" content="Page not found - Jitu Chauhan" /> | |||
| <script type='application/ld+json'>{"@context":"https:\/\/schema.org","@type":"Person","url":"https:\/\/jituchauhan.com\/","sameAs":[],"@id":"#person","name":"Jitu Chauhan"}</script> | |||
| <script type='application/ld+json'>{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/jituchauhan.com\/","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":null,"name":"Error 404: Page not found"}}]}</script> | |||
| <!-- / Yoast SEO plugin. --> | |||
| <link rel='dns-prefetch' href='//maxcdn.bootstrapcdn.com' /> | |||
| <link rel='dns-prefetch' href='//s.w.org' /> | |||
| <link rel="alternate" type="application/rss+xml" title="Jitu Chauhan » Feed" href="https://jituchauhan.com/feed/" /> | |||
| <link rel="alternate" type="application/rss+xml" title="Jitu Chauhan » Comments Feed" href="https://jituchauhan.com/comments/feed/" /> | |||
| <script type="text/javascript"> | |||
| window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/jituchauhan.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.8"}}; | |||
| !function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings); | |||
| </script> | |||
| <style type="text/css"> | |||
| img.wp-smiley, | |||
| img.emoji { | |||
| display: inline !important; | |||
| border: none !important; | |||
| box-shadow: none !important; | |||
| height: 1em !important; | |||
| width: 1em !important; | |||
| margin: 0 .07em !important; | |||
| vertical-align: -0.1em !important; | |||
| background: none !important; | |||
| padding: 0 !important; | |||
| } | |||
| </style> | |||
| <link rel='stylesheet' id='contact-form-7-css' href='https://jituchauhan.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.0.3' type='text/css' media='all' /> | |||
| <link rel='stylesheet' id='bootstrap-css' href='https://jituchauhan.com/wp-content/themes/jituchauhan/css/bootstrap.min.css?ver=3.3.7' type='text/css' media='all' /> | |||
| <link rel='stylesheet' id='jituchauhan-style-css' href='https://jituchauhan.com/wp-content/themes/jituchauhan/style.css?ver=4.9.8' type='text/css' media='all' /> | |||
| <link rel='stylesheet' id='wpb-fa-css' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css?ver=4.9.8' type='text/css' media='all' /> | |||
| <link rel='stylesheet' id='addtoany-css' href='https://jituchauhan.com/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.14' type='text/css' media='all' /> | |||
| <style id='addtoany-inline-css' type='text/css'> | |||
| @media screen and (min-width:981px){ | |||
| .a2a_floating_style.a2a_default_style{display:none;} | |||
| } | |||
| </style> | |||
| <script type='text/javascript' src='https://jituchauhan.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> | |||
| <script type='text/javascript' src='https://jituchauhan.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> | |||
| <script type='text/javascript' src='https://jituchauhan.com/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.0'></script> | |||
| <link rel='https://api.w.org/' href='https://jituchauhan.com/wp-json/' /> | |||
| <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://jituchauhan.com/xmlrpc.php?rsd" /> | |||
| <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://jituchauhan.com/wp-includes/wlwmanifest.xml" /> | |||
| <meta name="generator" content="WordPress 4.9.8" /> | |||
| <script data-cfasync="false"> | |||
| window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={}; | |||
| a2a_config.icon_color="unset,#ffffff"; | |||
| (function(d,s,a,b){a=d.createElement(s);b=d.getElementsByTagName(s)[0];a.async=1;a.src="https://static.addtoany.com/menu/page.js";b.parentNode.insertBefore(a,b);})(document,"script"); | |||
| </script> | |||
| <script> | |||
| (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | |||
| (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | |||
| m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | |||
| })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); | |||
| ga('create', 'UA-92805225-1', 'auto'); | |||
| ga('send', 'pageview'); | |||
| </script> | |||
| <link rel="stylesheet" type="text/css" href="http://jituchauhan.com/wp-content/plugins/template-help-featured-templates/css/style.css" /> | |||
| <link rel="stylesheet" type="text/css" href="http://jituchauhan.com/wp-content/plugins/template-help-featured-templates/css/preview.css" /> | |||
| <script type="text/javascript"> | |||
| function html_entity_decode(str) { | |||
| var ta = document.createElement("textarea"); | |||
| ta.innerHTML=str.replace(/</g,"<").replace(/>/g,">"); | |||
| toReturn = ta.value; | |||
| ta = null; | |||
| return toReturn | |||
| } | |||
| </script> | |||
| <link rel="icon" href="https://jituchauhan.com/wp-content/uploads/2017/07/cropped-jituchauhan-32x32.png" sizes="32x32" /> | |||
| <link rel="icon" href="https://jituchauhan.com/wp-content/uploads/2017/07/cropped-jituchauhan-192x192.png" sizes="192x192" /> | |||
| <link rel="apple-touch-icon-precomposed" href="https://jituchauhan.com/wp-content/uploads/2017/07/cropped-jituchauhan-180x180.png" /> | |||
| <meta name="msapplication-TileImage" content="https://jituchauhan.com/wp-content/uploads/2017/07/cropped-jituchauhan-270x270.png" /> | |||
| <!-- Google AdSense Ad ---> | |||
| <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> | |||
| <script> | |||
| (adsbygoogle = window.adsbygoogle || []).push({ | |||
| google_ad_client: "ca-pub-2256645353903872", | |||
| enable_page_level_ads: true | |||
| }); | |||
| </script> | |||
| </head> | |||
| <body class="error404 wp-custom-logo hfeed"> | |||
| <div id="page" class="site"> | |||
| <div class="header"> | |||
| <div class="container"> | |||
| <div class="row"> | |||
| <a class="skip-link screen-reader-text" href="#content"> | |||
| Skip to content </a> | |||
| <header id="masthead" class="site-header" role="banner"> | |||
| <div class="col-md-4"> | |||
| <div class="site-branding"> | |||
| <h1 class="site-title"><a href="https://jituchauhan.com/" rel="home">Jitu Chauhan</a></h1> | |||
| </div> | |||
| <!-- .site-branding --> | |||
| </div> | |||
| <div class="col-md-8"> | |||
| <nav id="site-navigation" class="main-navigation" role="navigation"> | |||
| <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"> | |||
| Primary Menu </button> | |||
| <div class="menu-primary-menu-container"><ul id="primary-menu" class="menu"><li id="menu-item-7" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7"><a href="https://jituchauhan.com/about-me/">About Me</a></li> | |||
| <li id="menu-item-403" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-403"><a href="https://jituchauhan.com/blog/">Blog</a></li> | |||
| <li id="menu-item-176" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-176"><a href="https://jituchauhan.com/contact-me/">Contact Me</a></li> | |||
| <li id="menu-item-359" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-359"><a href="https://jituchauhan.com/privacy-policy/">Privacy Policy</a></li> | |||
| </ul></div> </nav> | |||
| <!-- #site-navigation --> | |||
| </div> | |||
| </header> | |||
| <!-- #masthead --> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="container"><div class="row"><div class="col-md-12"><p id="breadcrumbs" class="breadcrumbs"><span><strong class="breadcrumb_last">Error 404: Page not found</strong></span></span></p></div></div></div> | |||
| <div class="wrapper"> | |||
| <div class="container"> | |||
| <div id="content" class="site-content"> | |||
| <div class="row"> | |||
| <div id="primary" class="content-area"> | |||
| <main id="main" class="site-main" role="main"> | |||
| <section class="error-404 not-found"> | |||
| <header class="page-header"> | |||
| <h1 class="page-title">Oops! That page can’t be found.</h1> | |||
| </header><!-- .page-header --> | |||
| <div class="page-content"> | |||
| <p>It looks like nothing was found at this location. Maybe try one of the links below or a search?</p> | |||
| <form role="search" method="get" class="search-form" action="https://jituchauhan.com/"> | |||
| <label> | |||
| <span class="screen-reader-text">Search for:</span> | |||
| <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> | |||
| </label> | |||
| <input type="submit" class="search-submit" value="Search" /> | |||
| </form> <div class="widget widget_recent_entries"> <h2 class="widgettitle">Recent Posts</h2> <ul> | |||
| <li> | |||
| <a href="https://jituchauhan.com/law-bootstrap-website-templates-free-download/">Law Bootstrap Website Templates Free Download</a> | |||
| </li> | |||
| <li> | |||
| <a href="https://jituchauhan.com/digital-marketing-seo-website-template/">Digital Marketing SEO Website Template</a> | |||
| </li> | |||
| <li> | |||
| <a href="https://jituchauhan.com/10-best-architecture-interior-design-wordpress-theme/">10+ Best Architecture Interior Design WordPress Theme</a> | |||
| </li> | |||
| <li> | |||
| <a href="https://jituchauhan.com/10-best-medical-health-care-website-template/">10 + Best Medical & Health Care Website Template</a> | |||
| </li> | |||
| <li> | |||
| <a href="https://jituchauhan.com/10-youtube-channel-that-useful-to-beginner-for-wordpress-theme-development-tutorial/">10+ Youtube Channel That Useful to Beginner for WordPress Theme Development Tutorial</a> | |||
| </li> | |||
| </ul> | |||
| </div> | |||
| <div class="widget widget_categories"> | |||
| <h2 class="widget-title">Most Used Categories</h2> | |||
| <ul> | |||
| <li class="cat-item cat-item-3"><a href="https://jituchauhan.com/category/wordpress-theme/" title="Premium WordPress Theme">Wordpress Theme</a> (3) | |||
| </li> | |||
| <li class="cat-item cat-item-22"><a href="https://jituchauhan.com/category/website-template/" >Website Template</a> (3) | |||
| </li> | |||
| <li class="cat-item cat-item-48"><a href="https://jituchauhan.com/category/freebies/" title="Start your website easily with free bootstrap website templates.">Freebies</a> (2) | |||
| </li> | |||
| <li class="cat-item cat-item-13"><a href="https://jituchauhan.com/category/wordpress-tutorial/" title="Helpful Links for WordPress Beginner.">WordPress Tutorial</a> (1) | |||
| </li> | |||
| </ul> | |||
| </div><!-- .widget --> | |||
| <div class="widget widget_archive"><h2 class="widgettitle">Archives</h2><p>Try looking in the monthly archives. 🙂</p> <label class="screen-reader-text" for="archives-dropdown--1">Archives</label> | |||
| <select id="archives-dropdown--1" name="archive-dropdown" onchange='document.location.href=this.options[this.selectedIndex].value;'> | |||
| <option value="">Select Month</option> | |||
| <option value='https://jituchauhan.com/2017/07/'> July 2017 </option> | |||
| <option value='https://jituchauhan.com/2017/05/'> May 2017 </option> | |||
| <option value='https://jituchauhan.com/2017/03/'> March 2017 </option> | |||
| <option value='https://jituchauhan.com/2017/02/'> February 2017 </option> | |||
| <option value='https://jituchauhan.com/2017/01/'> January 2017 </option> | |||
| </select> | |||
| </div><div class="widget widget_tag_cloud"><h2 class="widgettitle">Tags</h2><div class="tagcloud"><a href="https://jituchauhan.com/tag/architectect/" class="tag-cloud-link tag-link-44 tag-link-position-1" style="font-size: 8pt;" aria-label="Architectect (1 item)">Architectect</a> | |||
| <a href="https://jituchauhan.com/tag/architecture/" class="tag-cloud-link tag-link-43 tag-link-position-2" style="font-size: 8pt;" aria-label="architecture (1 item)">architecture</a> | |||
| <a href="https://jituchauhan.com/tag/attorney-website-templates/" class="tag-cloud-link tag-link-57 tag-link-position-3" style="font-size: 8pt;" aria-label="attorney website templates (1 item)">attorney website templates</a> | |||
| <a href="https://jituchauhan.com/tag/beginner-wordpress-theme-development/" class="tag-cloud-link tag-link-20 tag-link-position-4" style="font-size: 8pt;" aria-label="beginner Wordpress theme development (1 item)">beginner Wordpress theme development</a> | |||
| <a href="https://jituchauhan.com/tag/cardiology/" class="tag-cloud-link tag-link-40 tag-link-position-5" style="font-size: 8pt;" aria-label="cardiology (1 item)">cardiology</a> | |||
| <a href="https://jituchauhan.com/tag/clinic/" class="tag-cloud-link tag-link-28 tag-link-position-6" style="font-size: 8pt;" aria-label="clinic (1 item)">clinic</a> | |||
| <a href="https://jituchauhan.com/tag/commercial/" class="tag-cloud-link tag-link-47 tag-link-position-7" style="font-size: 8pt;" aria-label="commercial (1 item)">commercial</a> | |||
| <a href="https://jituchauhan.com/tag/dentist-clinic-wordpress-theme/" class="tag-cloud-link tag-link-15 tag-link-position-8" style="font-size: 8pt;" aria-label="Dentist Clinic WordPress Theme (1 item)">Dentist Clinic WordPress Theme</a> | |||
| <a href="https://jituchauhan.com/tag/dentistry-wordpress-theme/" class="tag-cloud-link tag-link-14 tag-link-position-9" style="font-size: 8pt;" aria-label="Dentistry WordPress Theme (1 item)">Dentistry WordPress Theme</a> | |||
| <a href="https://jituchauhan.com/tag/dentists/" class="tag-cloud-link tag-link-41 tag-link-position-10" style="font-size: 8pt;" aria-label="dentists (1 item)">dentists</a> | |||
| <a href="https://jituchauhan.com/tag/digital-marketing/" class="tag-cloud-link tag-link-50 tag-link-position-11" style="font-size: 8pt;" aria-label="digital marketing (1 item)">digital marketing</a> | |||
| <a href="https://jituchauhan.com/tag/digital-marketing-templates/" class="tag-cloud-link tag-link-53 tag-link-position-12" style="font-size: 8pt;" aria-label="digital marketing templates (1 item)">digital marketing templates</a> | |||
| <a href="https://jituchauhan.com/tag/doctor/" class="tag-cloud-link tag-link-30 tag-link-position-13" style="font-size: 8pt;" aria-label="doctor (1 item)">doctor</a> | |||
| <a href="https://jituchauhan.com/tag/exterior-design/" class="tag-cloud-link tag-link-46 tag-link-position-14" style="font-size: 8pt;" aria-label="exterior design (1 item)">exterior design</a> | |||
| <a href="https://jituchauhan.com/tag/eye-care/" class="tag-cloud-link tag-link-37 tag-link-position-15" style="font-size: 8pt;" aria-label="Eye care (1 item)">Eye care</a> | |||
| <a href="https://jituchauhan.com/tag/freebies/" class="tag-cloud-link tag-link-52 tag-link-position-16" style="font-size: 8pt;" aria-label="freebies (1 item)">freebies</a> | |||
| <a href="https://jituchauhan.com/tag/free-website-templates/" class="tag-cloud-link tag-link-51 tag-link-position-17" style="font-size: 8pt;" aria-label="free website templates (1 item)">free website templates</a> | |||
| <a href="https://jituchauhan.com/tag/gynecology/" class="tag-cloud-link tag-link-38 tag-link-position-18" style="font-size: 8pt;" aria-label="gynecology (1 item)">gynecology</a> | |||
| <a href="https://jituchauhan.com/tag/health-care/" class="tag-cloud-link tag-link-35 tag-link-position-19" style="font-size: 8pt;" aria-label="health care (1 item)">health care</a> | |||
| <a href="https://jituchauhan.com/tag/hospital/" class="tag-cloud-link tag-link-29 tag-link-position-20" style="font-size: 8pt;" aria-label="hospital (1 item)">hospital</a> | |||
| <a href="https://jituchauhan.com/tag/interior-design/" class="tag-cloud-link tag-link-45 tag-link-position-21" style="font-size: 8pt;" aria-label="interior design (1 item)">interior design</a> | |||
| <a href="https://jituchauhan.com/tag/laboratory/" class="tag-cloud-link tag-link-36 tag-link-position-22" style="font-size: 8pt;" aria-label="laboratory (1 item)">laboratory</a> | |||
| <a href="https://jituchauhan.com/tag/law-templates/" class="tag-cloud-link tag-link-54 tag-link-position-23" style="font-size: 8pt;" aria-label="Law Templates (1 item)">Law Templates</a> | |||
| <a href="https://jituchauhan.com/tag/lawyer-templates/" class="tag-cloud-link tag-link-56 tag-link-position-24" style="font-size: 8pt;" aria-label="Lawyer Templates (1 item)">Lawyer Templates</a> | |||
| <a href="https://jituchauhan.com/tag/lawyer-website-templates/" class="tag-cloud-link tag-link-55 tag-link-position-25" style="font-size: 8pt;" aria-label="Lawyer Website Templates (1 item)">Lawyer Website Templates</a> | |||
| <a href="https://jituchauhan.com/tag/medical-website/" class="tag-cloud-link tag-link-32 tag-link-position-26" style="font-size: 8pt;" aria-label="medical website (1 item)">medical website</a> | |||
| <a href="https://jituchauhan.com/tag/neurologist/" class="tag-cloud-link tag-link-39 tag-link-position-27" style="font-size: 8pt;" aria-label="neurologist (1 item)">neurologist</a> | |||
| <a href="https://jituchauhan.com/tag/orthodontist-wordpress-theme/" class="tag-cloud-link tag-link-17 tag-link-position-28" style="font-size: 8pt;" aria-label="Orthodontist WordPress Theme (1 item)">Orthodontist WordPress Theme</a> | |||
| <a href="https://jituchauhan.com/tag/psychologist/" class="tag-cloud-link tag-link-42 tag-link-position-29" style="font-size: 8pt;" aria-label="psychologist (1 item)">psychologist</a> | |||
| <a href="https://jituchauhan.com/tag/seo-website-templates/" class="tag-cloud-link tag-link-49 tag-link-position-30" style="font-size: 8pt;" aria-label="seo website templates (1 item)">seo website templates</a> | |||
| <a href="https://jituchauhan.com/tag/step-by-step-theme-development-tutorial-youtube-channel/" class="tag-cloud-link tag-link-21 tag-link-position-31" style="font-size: 8pt;" aria-label="step by step theme development tutorial youtube channel (1 item)">step by step theme development tutorial youtube channel</a> | |||
| <a href="https://jituchauhan.com/tag/website-template/" class="tag-cloud-link tag-link-34 tag-link-position-32" style="font-size: 8pt;" aria-label="website template (1 item)">website template</a> | |||
| <a href="https://jituchauhan.com/tag/wordpress-101/" class="tag-cloud-link tag-link-19 tag-link-position-33" style="font-size: 8pt;" aria-label="wordpress 101 (1 item)">wordpress 101</a> | |||
| <a href="https://jituchauhan.com/tag/wordpress-theme-dentist-clinic/" class="tag-cloud-link tag-link-16 tag-link-position-34" style="font-size: 8pt;" aria-label="WordPress Theme Dentist Clinic (1 item)">WordPress Theme Dentist Clinic</a> | |||
| <a href="https://jituchauhan.com/tag/wordpress-theme-development/" class="tag-cloud-link tag-link-18 tag-link-position-35" style="font-size: 8pt;" aria-label="wordPress theme development (1 item)">wordPress theme development</a> | |||
| <a href="https://jituchauhan.com/tag/yoga-blog/" class="tag-cloud-link tag-link-9 tag-link-position-36" style="font-size: 8pt;" aria-label="yoga blog (1 item)">yoga blog</a> | |||
| <a href="https://jituchauhan.com/tag/yoga-fitness/" class="tag-cloud-link tag-link-11 tag-link-position-37" style="font-size: 8pt;" aria-label="yoga fitness (1 item)">yoga fitness</a> | |||
| <a href="https://jituchauhan.com/tag/yoga-instructor/" class="tag-cloud-link tag-link-6 tag-link-position-38" style="font-size: 8pt;" aria-label="yoga instructor (1 item)">yoga instructor</a> | |||
| <a href="https://jituchauhan.com/tag/yoga-responsive/" class="tag-cloud-link tag-link-5 tag-link-position-39" style="font-size: 8pt;" aria-label="yoga responsive (1 item)">yoga responsive</a> | |||
| <a href="https://jituchauhan.com/tag/yoga-studio/" class="tag-cloud-link tag-link-7 tag-link-position-40" style="font-size: 8pt;" aria-label="yoga studio (1 item)">yoga studio</a> | |||
| <a href="https://jituchauhan.com/tag/yoga-teacher/" class="tag-cloud-link tag-link-4 tag-link-position-41" style="font-size: 8pt;" aria-label="yoga teacher (1 item)">yoga teacher</a> | |||
| <a href="https://jituchauhan.com/tag/yoga-theme/" class="tag-cloud-link tag-link-8 tag-link-position-42" style="font-size: 8pt;" aria-label="yoga theme (1 item)">yoga theme</a> | |||
| <a href="https://jituchauhan.com/tag/yoga-website/" class="tag-cloud-link tag-link-10 tag-link-position-43" style="font-size: 8pt;" aria-label="yoga website (1 item)">yoga website</a></div> | |||
| </div> | |||
| </div><!-- .page-content --> | |||
| </section><!-- .error-404 --> | |||
| </main><!-- #main --> | |||
| </div><!-- #primary --> | |||
| </div><!-- #content --> | |||
| </div><!-- #page --> | |||
| </div> | |||
| <div class="footer"> | |||
| <div class="container"> | |||
| <div class="row"> | |||
| <div id="text-2" class="widget-container widget_text col-md-3"><h3 class="widget-title">About Me</h3> <div class="textwidget"><p>Welcome to jituchauhan.com– a Blog that helps you to find more beautiful and creative design for your small and local business. Find the best WordPress theme from online theme market.</p> | |||
| </div> | |||
| </div><div id="pages-2" class="widget-container widget_pages col-md-3"><h3 class="widget-title">Useful Link</h3> <ul> | |||
| <li class="page_item page-item-5"><a href="https://jituchauhan.com/about-me/">About Me</a></li> | |||
| <li class="page_item page-item-222"><a href="https://jituchauhan.com/blog/">Blog</a></li> | |||
| <li class="page_item page-item-174"><a href="https://jituchauhan.com/contact-me/">Contact Me</a></li> | |||
| <li class="page_item page-item-361"><a href="https://jituchauhan.com/home/">Home</a></li> | |||
| <li class="page_item page-item-241"><a href="https://jituchauhan.com/privacy-policy/">Privacy Policy</a></li> | |||
| </ul> | |||
| </div><div id="categories-3" class="widget-container widget_categories col-md-3"><h3 class="widget-title">Category</h3> <ul> | |||
| <li class="cat-item cat-item-48"><a href="https://jituchauhan.com/category/freebies/" title="Start your website easily with free bootstrap website templates.">Freebies</a> | |||
| </li> | |||
| <li class="cat-item cat-item-22"><a href="https://jituchauhan.com/category/website-template/" >Website Template</a> | |||
| </li> | |||
| <li class="cat-item cat-item-3"><a href="https://jituchauhan.com/category/wordpress-theme/" title="Premium WordPress Theme">Wordpress Theme</a> | |||
| </li> | |||
| <li class="cat-item cat-item-13"><a href="https://jituchauhan.com/category/wordpress-tutorial/" title="Helpful Links for WordPress Beginner.">WordPress Tutorial</a> | |||
| </li> | |||
| </ul> | |||
| </div><div id="mc4wp_form_widget-3" class="widget-container widget_mc4wp_form_widget col-md-3"><h3 class="widget-title">Newsletter</h3><script>(function() { | |||
| if (!window.mc4wp) { | |||
| window.mc4wp = { | |||
| listeners: [], | |||
| forms : { | |||
| on: function (event, callback) { | |||
| window.mc4wp.listeners.push({ | |||
| event : event, | |||
| callback: callback | |||
| }); | |||
| } | |||
| } | |||
| } | |||
| } | |||
| })(); | |||
| </script><!-- MailChimp for WordPress v4.2.4 - https://wordpress.org/plugins/mailchimp-for-wp/ --><form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-277" method="post" data-id="277" data-name="Subscriber For Update" ><div class="mc4wp-form-fields"><p> | |||
| <label></label> | |||
| <input type="email" name="EMAIL" placeholder="Your email address" required/> | |||
| </p> | |||
| <p> | |||
| <input type="submit" value="Sign up" /> | |||
| </p></div><label style="display: none !important;">Leave this field empty if you're human: <input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off" /></label><input type="hidden" name="_mc4wp_timestamp" value="1541623628" /><input type="hidden" name="_mc4wp_form_id" value="277" /><input type="hidden" name="_mc4wp_form_element_id" value="mc4wp-form-1" /><div class="mc4wp-response"></div></form><!-- / MailChimp for WordPress Plugin --></div> </div> | |||
| <div class="row"> | |||
| <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> | |||
| <footer id="colophon" class="site-footer" role="contentinfo"> | |||
| <div class="site-info"> | |||
| <a href="https://wordpress.org/">Proudly powered by WordPress</a> | |||
| <span class="sep"> | </span> | |||
| Theme: jituchauhan by <a href="http://jituchauhan.com/" rel="designer" class="">jituchauhan.com</a>. </div><!-- .site-info --> | |||
| </footer><!-- #colophon --> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_default_style" style="bottom:0px;left:0px;background-color:transparent;"><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fjituchauhan.com%2Finfluence%2Flandingpage%2Finfluence%2Fpages%2Fpages-sign-up.html&linkname=Page%20not%20found%20-%20Jitu%20Chauhan" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=https%3A%2F%2Fjituchauhan.com%2Finfluence%2Flandingpage%2Finfluence%2Fpages%2Fpages-sign-up.html&linkname=Page%20not%20found%20-%20Jitu%20Chauhan" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_google_plus" href="https://www.addtoany.com/add_to/google_plus?linkurl=https%3A%2F%2Fjituchauhan.com%2Finfluence%2Flandingpage%2Finfluence%2Fpages%2Fpages-sign-up.html&linkname=Page%20not%20found%20-%20Jitu%20Chauhan" title="Google+" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pinterest" href="https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fjituchauhan.com%2Finfluence%2Flandingpage%2Finfluence%2Fpages%2Fpages-sign-up.html&linkname=Page%20not%20found%20-%20Jitu%20Chauhan" title="Pinterest" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_linkedin" href="https://www.addtoany.com/add_to/linkedin?linkurl=https%3A%2F%2Fjituchauhan.com%2Finfluence%2Flandingpage%2Finfluence%2Fpages%2Fpages-sign-up.html&linkname=Page%20not%20found%20-%20Jitu%20Chauhan" title="LinkedIn" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_share_save addtoany_share" href="https://www.addtoany.com/share"></a></div><script>(function() {function addEventListener(element,event,handler) { | |||
| if(element.addEventListener) { | |||
| element.addEventListener(event,handler, false); | |||
| } else if(element.attachEvent){ | |||
| element.attachEvent('on'+event,handler); | |||
| } | |||
| }function maybePrefixUrlField() { | |||
| if(this.value.trim() !== '' && this.value.indexOf('http') !== 0) { | |||
| this.value = "http://" + this.value; | |||
| } | |||
| } | |||
| var urlFields = document.querySelectorAll('.mc4wp-form input[type="url"]'); | |||
| if( urlFields && urlFields.length > 0 ) { | |||
| for( var j=0; j < urlFields.length; j++ ) { | |||
| addEventListener(urlFields[j],'blur',maybePrefixUrlField); | |||
| } | |||
| }/* test if browser supports date fields */ | |||
| var testInput = document.createElement('input'); | |||
| testInput.setAttribute('type', 'date'); | |||
| if( testInput.type !== 'date') { | |||
| /* add placeholder & pattern to all date fields */ | |||
| var dateFields = document.querySelectorAll('.mc4wp-form input[type="date"]'); | |||
| for(var i=0; i<dateFields.length; i++) { | |||
| if(!dateFields[i].placeholder) { | |||
| dateFields[i].placeholder = 'YYYY-MM-DD'; | |||
| } | |||
| if(!dateFields[i].pattern) { | |||
| dateFields[i].pattern = '[0-9]{4}-(0[1-9]|1[012])-(0[1-9]|1[0-9]|2[0-9]|3[01])'; | |||
| } | |||
| } | |||
| } | |||
| })();</script><script type='text/javascript'> | |||
| /* <![CDATA[ */ | |||
| var wpcf7 = {"apiSettings":{"root":"https:\/\/jituchauhan.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"recaptcha":{"messages":{"empty":"Please verify that you are not a robot."}}}; | |||
| /* ]]> */ | |||
| </script> | |||
| <script type='text/javascript' src='https://jituchauhan.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.0.3'></script> | |||
| <script type='text/javascript' src='https://jituchauhan.com/wp-content/themes/jituchauhan/js/bootstrap.min.js?ver=3.3.7'></script> | |||
| <script type='text/javascript' src='https://jituchauhan.com/wp-content/themes/jituchauhan/js/navigation.js?ver=20151215'></script> | |||
| <script type='text/javascript' src='https://jituchauhan.com/wp-content/themes/jituchauhan/js/skip-link-focus-fix.js?ver=20151215'></script> | |||
| <script type='text/javascript' src='https://jituchauhan.com/wp-includes/js/wp-embed.min.js?ver=4.9.8'></script> | |||
| <script type='text/javascript'> | |||
| /* <![CDATA[ */ | |||
| var mc4wp_forms_config = []; | |||
| /* ]]> */ | |||
| </script> | |||
| <script type='text/javascript' src='https://jituchauhan.com/wp-content/plugins/mailchimp-for-wp/assets/js/forms-api.min.js?ver=4.2.4'></script> | |||
| <!--[if lte IE 9]> | |||
| <script type='text/javascript' src='https://jituchauhan.com/wp-content/plugins/mailchimp-for-wp/assets/js/third-party/placeholders.min.js?ver=4.2.4'></script> | |||
| <![endif]--> | |||
| </body> | |||
| </html> | |||
+ 0
- 82
pages/sign-up.html
View File
| @ -1,82 +0,0 @@ | |||
| <!doctype html> | |||
| <html lang="en"> | |||
| <head> | |||
| <!-- Required meta tags --> | |||
| <meta charset="utf-8"> | |||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |||
| <title>Concept - Bootstrap 4 Admin Dashboard Template</title> | |||
| <!-- Bootstrap CSS --> | |||
| <link rel="stylesheet" href="../assets/vendor/bootstrap/css/bootstrap.min.css"> | |||
| <link href="../assets/vendor/fonts/circular-std/style.css" rel="stylesheet"> | |||
| <link rel="stylesheet" href="../assets/libs/css/style.css"> | |||
| <link rel="stylesheet" href="../assets/vendor/fonts/fontawesome/css/fontawesome-all.css"> | |||
| <style> | |||
| html, | |||
| body { | |||
| height: 100%; | |||
| } | |||
| body { | |||
| display: -ms-flexbox; | |||
| display: flex; | |||
| -ms-flex-align: center; | |||
| align-items: center; | |||
| padding-top: 40px; | |||
| padding-bottom: 40px; | |||
| } | |||
| </style> | |||
| </head> | |||
| <!-- ============================================================== --> | |||
| <!-- signup form --> | |||
| <!-- ============================================================== --> | |||
| <body> | |||
| <!-- ============================================================== --> | |||
| <!-- signup form --> | |||
| <!-- ============================================================== --> | |||
| <form class="splash-container"> | |||
| <div class="card"> | |||
| <div class="card-header"> | |||
| <h3 class="mb-1">Registrations Form</h3> | |||
| <p>Please enter your user information.</p> | |||
| </div> | |||
| <div class="card-body"> | |||
| <div class="form-group"> | |||
| <input class="form-control form-control-lg" type="text" name="nick" required="" placeholder="Username" autocomplete="off"> | |||
| </div> | |||
| <div class="form-group"> | |||
| <input class="form-control form-control-lg" type="email" name="email" required="" placeholder="E-mail" autocomplete="off"> | |||
| </div> | |||
| <div class="form-group"> | |||
| <input class="form-control form-control-lg" id="pass1" type="password" required="" placeholder="Password"> | |||
| </div> | |||
| <div class="form-group"> | |||
| <input class="form-control form-control-lg" required="" placeholder="Confirm"> | |||
| </div> | |||
| <div class="form-group pt-2"> | |||
| <button class="btn btn-block btn-primary" type="submit">Register My Account</button> | |||
| </div> | |||
| <div class="form-group"> | |||
| <label class="custom-control custom-checkbox"> | |||
| <input class="custom-control-input" type="checkbox"><span class="custom-control-label">By creating an account, you agree the <a href="#">terms and conditions</a></span> | |||
| </label> | |||
| </div> | |||
| <div class="form-group row pt-0"> | |||
| <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mb-2"> | |||
| <button class="btn btn-block btn-social btn-facebook " type="button">Facebook</button> | |||
| </div> | |||
| <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12"> | |||
| <button class="btn btn-block btn-social btn-twitter" type="button">Twitter</button> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| <div class="card-footer bg-white"> | |||
| <p>Already member? <a href="#" class="text-secondary">Login Here.</a></p> | |||
| </div> | |||
| </div> | |||
| </form> | |||
| </body> | |||
| </html> | |||