Mailbox
Invoices
Chat
Scrum Board
Snippets
User profile
Components
Accordions
Buttons
Notifications
Sortable
Tabs
fullscreen
16
Messages (12)
Alerts (4)
wu
Maxime voluptas eos.
Voluptatem dolorem dicta veritatis est ipsa voluptas aut tempore aspernatur.
Asperiores vero totam.
Rerum accusamus numquam vitae officiis.
lt
Omnis eaque.
Ullam autem quam eveniet debitis necessitatibus minus impedit qui.
Officia fuga sequi.
Ut fuga est illo et culpa officiis quam qui.
Nisi dolorem voluptas.
Error incidunt quasi voluptate quae et rerum quam ullam.
Show All
Id voluptatem voluptas.
Voluptatem laborum suscipit quia impedit voluptas omnis iste.
Voluptates numquam.
Quia in non dolor dolores velit ea.
Et aut ratione.
Impedit eaque qui rem sed minus laborum mollitia.
Error cum dolor.
Minima voluptatem et sequi est dolorem eos commodi.
My profile
Settings
Login Page
Login Page v2
Editor Theme
default
3024-day
3024-night
abcdef
ambiance
base16-dark
base16-light
blackboard
cobalt
colorforth
dracula
eclipse
elegant
erlang-dark
icecoder
lesser-dark
liquibyte
material
mbo
mdn-like
midnight
monokai
neat
neo
night
paraiso-dark
paraiso-light
pastel-on-dark
rubyblue
seti
solarized dark
solarized light
the-matrix
tomorrow-night-bright
tomorrow-night-eighties
ttcn
twilight
vibrant-ink
xq-dark
xq-light
yeti
zenburn
Code Editor
<!-- https://github.com/tutsplus/build-an-html-email-template-from-scratch --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>Demystifying Email Design</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> </head> <body style="margin: 0; padding: 0;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="padding: 10px 0 30px 0;"> <table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border: 1px solid #cccccc; border-collapse: collapse;"> <tr> <td align="center" bgcolor="#70bbd9" style="padding: 40px 0 30px 0; color: #153643; font-size: 28px; font-weight: bold; font-family: Arial, sans-serif;"> <img src="../../assets/img/blank.png" alt="Creating Email Magic" width="300" height="230" style="display: block;"/> </td> </tr> <tr> <td bgcolor="#ffffff" style="padding: 40px 30px 40px 30px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="color: #153643; font-family: Arial, sans-serif; font-size: 24px;"> <b>Lorem ipsum dolor sit amet!</b> </td> </tr> <tr> <td style="padding: 20px 0 30px 0; color: #153643; font-family: Arial, sans-serif; font-size: 16px; line-height: 20px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in posuere mauris neque at erat. </td> </tr> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="260" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td> <img src="../../assets/img/blank.png" alt="" width="100%" height="140" style="display: block;"/> </td> </tr> <tr> <td style="padding: 25px 0 0 0; color: #153643; font-family: Arial, sans-serif; font-size: 16px; line-height: 20px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in posuere mauris neque at erat. </td> </tr> </table> </td> <td style="font-size: 0; line-height: 0;" width="20"> </td> <td width="260" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td> <img src="../../assets/img/blank.png" alt="" width="100%" height="140" style="display: block;"/> </td> </tr> <tr> <td style="padding: 25px 0 0 0; color: #153643; font-family: Arial, sans-serif; font-size: 16px; line-height: 20px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in posuere mauris neque at erat. </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td bgcolor="#ee4c50" style="padding: 30px 30px 30px 30px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td style="color: #ffffff; font-family: Arial, sans-serif; font-size: 14px;" width="75%"> ® Someone, somewhere 2015<br/> <a href="#" style="color: #ffffff;"><font color="#ffffff">Unsubscribe</font></a> to this newsletter instantly </td> <td align="right" width="25%"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td style="font-family: Arial, sans-serif; font-size: 12px; font-weight: bold;"> <a href="http://www.twitter.com/" style="color: #ffffff;"> <img src="../../assets/img/blank.png" alt="Twitter" width="38" height="38" style="display: block;" border="0"/> </a> </td> <td style="font-size: 0; line-height: 0;" width="20"> </td> <td style="font-family: Arial, sans-serif; font-size: 12px; font-weight: bold;"> <a href="http://www.twitter.com/" style="color: #ffffff;"> <img src="../../assets/img/blank.png" alt="Facebook" width="38" height="38" style="display: block;" border="0"/> </a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>
Files
Email template
email_template.html
Core functions
main.js
Main Data
data.json
WP Config
wp_config.php
Access Denied
some_file.php
Colors
Sidebar
Mini Sidebar
Slim Sidebar
Layout
Boxed layout
Main menu accordion
Accordion mode