Request a Call
Online Chat
 
Knowledgebase:
Material Design (Google)
Posted by Dave Zulu on 22 February 2018 05:11 PM

What is Material Design?

"Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences." Reference from https://material.io/ the official Google Web Site which is their show piece information site for the newest digital design concepts and standards from the Worlds leading search, digital advertising and technology provider. 

Zulu eDM & Material Design

As our software starts it move into sophisticated user interface experiences we have started to test and ensure that Material Design email templates are able to be produced using our HTML code editor. We have great news, it works really well and we encourage all designers and Material Design converts to produce templates that they can sell to customers.

To enquire visit http://www.zuluedm.com/developers and submit your interest.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />

<style>
/**
* MUI Colors module
*/
/**
* MUI Email Styletag
*/
#outlook a {
padding: 0;
}

.ReadMsgBody {
width: 100%;
}

.ExternalClass {
width: 100%;
}

.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}

.mui-container-fixed {
width: 600px;
display: block;
margin: 0 auto;
clear: both;
text-align: left;
padding-left: 15px;
padding-right: 15px;
}
</style>

<style>
body {
width: 100% !important;
min-width: 100%;
margin: 0;
padding: 0;
}

img {
border: 0 none;
height: auto;
line-height: 100%;
outline: none;
text-decoration: none;
}

a img {
border: 0 none;
}

table {
border-spacing: 0;
border-collapse: collapse;
}

td {
padding: 0;
text-align: left;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
border-collapse: collapse !important;
}

table, td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}

body,
table,
td,
p,
a,
li,
blockquote {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

img {
-ms-interpolation-mode: bicubic;
}

/**
* MUI Colors module
*/
/**
* MUI Email Reboot
*/
body {
color: #212121;
font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Trebuchet MS";
font-weight: 400;
font-size: 14px;
line-height: 1.429;
letter-spacing: 0.001em;
background-color: #FFF;
}

a {
color: #2196F3;
text-decoration: none;
}

p {
margin: 0 0 10px;
}

hr {
color: #e0e0e0;
background-color: #e0e0e0;
height: 1px;
border: none;
}

strong {
font-weight: 700;
}

h1, h2, h3 {
margin-top: 20px;
margin-bottom: 10px;
}

h4, h5, h6 {
margin-top: 10px;
margin-bottom: 10px;
}

/**
* MUI Email Body Component
*/
.mui-body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
color: #212121;
font-family: "Helvetica Neue", Helvetica, Arial, Verdana, "Trebuchet MS";
font-weight: 400;
font-size: 14px;
line-height: 1.429;
letter-spacing: 0.001em;
background-color: #FFF;
}

/**
* MUI Email Buttons
*/
.mui-btn {
cursor: pointer;
white-space: nowrap;
}

a.mui-btn {
font-weight: 500;
font-size: 14px;
color: #212121;
line-height: 14px;
letter-spacing: 0.03em;
text-transform: uppercase;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
color: #212121;
background-color: #FFF;
display: inline-block;
text-decoration: none;
text-align: center;
border-radius: 3px;
padding: 10px 48px;
background-color: transparent;
}

a.mui-btn.mui-btn--raised {
border-top: 1px solid #f2f2f2;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-bottom: 2px solid #bababa;
}

a.mui-btn.mui-btn--flat {
background-color: transparent;
color: #212121;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}

a.mui-btn.mui-btn--primary {
border-top: 1px solid #2196F3;
border-left: 1px solid #2196F3;
border-right: 1px solid #2196F3;
border-bottom: 1px solid #2196F3;
color: #FFF;
background-color: #2196F3;
}

a.mui-btn.mui-btn--primary.mui-btn--raised {
border-top: 1px solid #51adf6;
border-left: 1px solid #2196F3;
border-right: 1px solid #2196F3;
border-bottom: 2px solid #0a6ebd;
}

a.mui-btn.mui-btn--primary.mui-btn--flat {
background-color: transparent;
color: #2196F3;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}

a.mui-btn.mui-btn--danger {
border-top: 1px solid #F44336;
border-left: 1px solid #F44336;
border-right: 1px solid #F44336;
border-bottom: 1px solid #F44336;
color: #FFF;
background-color: #F44336;
}

a.mui-btn.mui-btn--danger.mui-btn--raised {
border-top: 1px solid #f77066;
border-left: 1px solid #F44336;
border-right: 1px solid #F44336;
border-bottom: 2px solid #d2190b;
}

a.mui-btn.mui-btn--danger.mui-btn--flat {
background-color: transparent;
color: #F44336;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}

a.mui-btn.mui-btn--dark {
border-top: 1px solid #424242;
border-left: 1px solid #424242;
border-right: 1px solid #424242;
border-bottom: 1px solid #424242;
color: #FFF;
background-color: #424242;
}

a.mui-btn.mui-btn--dark.mui-btn--raised {
border-top: 1px solid #5c5c5c;
border-left: 1px solid #424242;
border-right: 1px solid #424242;
border-bottom: 2px solid #1c1c1c;
}

a.mui-btn.mui-btn--dark.mui-btn--flat {
background-color: transparent;
color: #424242;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}

a.mui-btn.mui-btn--accent {
border-top: 1px solid #FF4081;
border-left: 1px solid #FF4081;
border-right: 1px solid #FF4081;
border-bottom: 1px solid #FF4081;
color: #FFF;
background-color: #FF4081;
}

a.mui-btn.mui-btn--accent.mui-btn--raised {
border-top: 1px solid #ff73a3;
border-left: 1px solid #FF4081;
border-right: 1px solid #FF4081;
border-bottom: 2px solid #f30053;
}

a.mui-btn.mui-btn--accent.mui-btn--flat {
background-color: transparent;
color: #FF4081;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}

table.mui-btn > tr > td,
table.mui-btn > tbody > tr > td {
background-color: #FFF;
}

table.mui-btn > tr > td > a,
table.mui-btn > tbody > tr > td > a {
color: #212121;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
}

table.mui-btn.mui-btn--raised > tr > td > a,
table.mui-btn.mui-btn--raised > tbody > tr > td > a {
border-top: 1px solid #f2f2f2;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-bottom: 2px solid #bababa;
}

table.mui-btn.mui-btn--flat > tr > td,
table.mui-btn.mui-btn--flat > tbody > tr > td {
background-color: transparent;
}

table.mui-btn.mui-btn--flat > tr > td > a,
table.mui-btn.mui-btn--flat > tbody > tr > td > a {
color: #212121;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}

table.mui-btn > tr > td,
table.mui-btn > tbody > tr > td {
border-radius: 3px;
}

table.mui-btn > tr > td > a,
table.mui-btn > tbody > tr > td > a {
font-weight: 500;
font-size: 14px;
color: #212121;
line-height: 14px;
letter-spacing: 0.03em;
text-transform: uppercase;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
display: inline-block;
text-decoration: none;
text-align: center;
border-radius: 3px;
padding: 10px 25px;
background-color: transparent;
}

table.mui-btn.mui-btn--primary > tr > td,
table.mui-btn.mui-btn--primary > tbody > tr > td {
background-color: #2196F3;
}

table.mui-btn.mui-btn--primary > tr > td > a,
table.mui-btn.mui-btn--primary > tbody > tr > td > a {
color: #FFF;
border-top: 1px solid #2196F3;
border-left: 1px solid #2196F3;
border-right: 1px solid #2196F3;
border-bottom: 1px solid #2196F3;
}

table.mui-btn.mui-btn--primary.mui-btn--raised > tr > td > a,
table.mui-btn.mui-btn--primary.mui-btn--raised > tbody > tr > td > a {
border-top: 1px solid #51adf6;
border-left: 1px solid #2196F3;
border-right: 1px solid #2196F3;
border-bottom: 2px solid #0a6ebd;
}

table.mui-btn.mui-btn--primary.mui-btn--flat > tr > td,
table.mui-btn.mui-btn--primary.mui-btn--flat > tbody > tr > td {
background-color: transparent;
}

table.mui-btn.mui-btn--primary.mui-btn--flat > tr > td > a,
table.mui-btn.mui-btn--primary.mui-btn--flat > tbody > tr > td > a {
color: #2196F3;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}

table.mui-btn.mui-btn--danger > tr > td,
table.mui-btn.mui-btn--danger > tbody > tr > td {
background-color: #F44336;
}

table.mui-btn.mui-btn--danger > tr > td > a,
table.mui-btn.mui-btn--danger > tbody > tr > td > a {
color: #FFF;
border-top: 1px solid #F44336;
border-left: 1px solid #F44336;
border-right: 1px solid #F44336;
border-bottom: 1px solid #F44336;
}

table.mui-btn.mui-btn--danger.mui-btn--raised > tr > td > a,
table.mui-btn.mui-btn--danger.mui-btn--raised > tbody > tr > td > a {
border-top: 1px solid #f77066;
border-left: 1px solid #F44336;
border-right: 1px solid #F44336;
border-bottom: 2px solid #d2190b;
}

table.mui-btn.mui-btn--danger.mui-btn--flat > tr > td,
table.mui-btn.mui-btn--danger.mui-btn--flat > tbody > tr > td {
background-color: transparent;
}

table.mui-btn.mui-btn--danger.mui-btn--flat > tr > td > a,
table.mui-btn.mui-btn--danger.mui-btn--flat > tbody > tr > td > a {
color: #F44336;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}

table.mui-btn.mui-btn--dark > tr > td,
table.mui-btn.mui-btn--dark > tbody > tr > td {
background-color: #424242;
}

table.mui-btn.mui-btn--dark > tr > td > a,
table.mui-btn.mui-btn--dark > tbody > tr > td > a {
color: #FFF;
border-top: 1px solid #424242;
border-left: 1px solid #424242;
border-right: 1px solid #424242;
border-bottom: 1px solid #424242;
}

table.mui-btn.mui-btn--dark.mui-btn--raised > tr > td > a,
table.mui-btn.mui-btn--dark.mui-btn--raised > tbody > tr > td > a {
border-top: 1px solid #5c5c5c;
border-left: 1px solid #424242;
border-right: 1px solid #424242;
border-bottom: 2px solid #1c1c1c;
}

table.mui-btn.mui-btn--dark.mui-btn--flat > tr > td,
table.mui-btn.mui-btn--dark.mui-btn--flat > tbody > tr > td {
background-color: transparent;
}

table.mui-btn.mui-btn--dark.mui-btn--flat > tr > td > a,
table.mui-btn.mui-btn--dark.mui-btn--flat > tbody > tr > td > a {
color: #424242;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}

table.mui-btn.mui-btn--accent > tr > td,
table.mui-btn.mui-btn--accent > tbody > tr > td {
background-color: #FF4081;
}

table.mui-btn.mui-btn--accent > tr > td > a,
table.mui-btn.mui-btn--accent > tbody > tr > td > a {
color: #FFF;
border-top: 1px solid #FF4081;
border-left: 1px solid #FF4081;
border-right: 1px solid #FF4081;
border-bottom: 1px solid #FF4081;
}

table.mui-btn.mui-btn--accent.mui-btn--raised > tr > td > a,
table.mui-btn.mui-btn--accent.mui-btn--raised > tbody > tr > td > a {
border-top: 1px solid #ff73a3;
border-left: 1px solid #FF4081;
border-right: 1px solid #FF4081;
border-bottom: 2px solid #f30053;
}

table.mui-btn.mui-btn--accent.mui-btn--flat > tr > td,
table.mui-btn.mui-btn--accent.mui-btn--flat > tbody > tr > td {
background-color: transparent;
}

table.mui-btn.mui-btn--accent.mui-btn--flat > tr > td > a,
table.mui-btn.mui-btn--accent.mui-btn--flat > tbody > tr > td > a {
color: #FF4081;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}

a.mui-btn--small,
table.mui-btn--small > tr > td > a,
table.mui-btn--small > tbody > tr > td > a {
font-size: 13px;
padding: 7.8px 15px;
}

a.mui-btn--large,
table.mui-btn--large > tr > td > a,
table.mui-btn--large > tbody > tr > td > a {
font-size: 14px;
padding: 19px 25px;
}

/**
* MUI Email Containers
*/
.mui-container, .mui-container-fixed {
width:600px;
max-width: 600px;
display: block;
margin: 0 auto;
clear: both;
text-align: left;
padding-left: 15px;
padding-right: 15px;
}

.mui-container-fixed {
width: 600px;
}

/**
* MUI Email Dividers
*/
.mui-divider {
display: block;
height: 1px;
background-color: #e0e0e0;
}

.mui--divider-top {
border-top: 1px solid #e0e0e0;
}

.mui--divider-bottom {
border-bottom: 1px solid #e0e0e0;
}

.mui--divider-left {
border-left: 1px solid #e0e0e0;
}

.mui--divider-right {
border-right: 1px solid #e0e0e0;
}

/**
* MUI Email Panel
*/
.mui-panel {
padding: 15px;
border-radius: 0;
background-color: #FFF;
border-top: 1px solid #ededed;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-bottom: 2px solid #d4d4d4;
}

/**
* MUI Email Helpers
*/
.mui--text-left {
text-align: left;
}

.mui--text-right {
text-align: right;
}

.mui--text-center {
text-align: center;
}

.mui--text-justify {
text-align: justify;
}

.mui-image--fix {
display: block;
}

.mui--text-dark {
color: #212121;
}

.mui--text-dark-secondary {
color: #757575;
}

.mui--text-dark-hint {
color: #9e9e9e;
}

.mui--text-light {
color: #FFF;
}

.mui--text-light-secondary {
color: #b3b3b3;
}

.mui--text-light-hint {
color: gray;
}

.mui--text-accent {
color: #FF4081;
}

.mui--text-accent-secondary {
color: #ff82ad;
}

.mui--text-accent-hint {
color: #ffa6c4;
}

.mui--text-black {
color: #000;
}

.mui--text-white {
color: #FFF;
}

.mui--text-danger {
color: #F44336;
}

/**
* MUI Email Typography
*/
.mui--text-display4 {
font-weight: 300;
font-size: 112px;
line-height: 112px;
}

.mui--text-display3 {
font-weight: 400;
font-size: 56px;
line-height: 56px;
}

.mui--text-display2 {
font-weight: 400;
font-size: 45px;
line-height: 48px;
}

.mui--text-display1, h1 {
font-weight: 400;
font-size: 34px;
line-height: 40px;
}

.mui--text-headline, h2 {
font-weight: 400;
font-size: 24px;
line-height: 32px;
}

.mui--text-title, h3 {
font-weight: 400;
font-size: 20px;
line-height: 28px;
}

.mui--text-subhead, h4 {
font-weight: 400;
font-size: 16px;
line-height: 24px;
}

.mui--text-body2, h5 {
font-weight: 500;
font-size: 14px;
line-height: 24px;
}

.mui--text-body1 {
font-weight: 400;
font-size: 14px;
line-height: 20px;
}

.mui--text-caption {
font-weight: 400;
font-size: 12px;
line-height: 16px;
}

.mui--text-menu {
font-weight: 500;
font-size: 13px;
line-height: 17px;
}

.mui--text-button {
font-weight: 500;
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
}

</style>
</head>

<body>
<div class="mui-container" style="padding-left:15px; padding-right:15px; text-align:center;">
<table width="600" class="mui-body" cellpadding="0" cellspacing="0" border="0" align="center" >
<tr>
<td class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-family: helvetica;font-size: 11px;text-align: center;" valign="top">

<img style="max-width:100%;" src="https://zululabs.au.zuluedm.com/media/images/ZulueDMLarge_20_18.png" width="600">
</td></tr>
<tr><td align="center">
<table class="mui-body" cellpadding="0" cellspacing="0" border="0" align="center" >
<tr><td>
<div style="text-align:center; background-color: #fff07f;">
<a href="#" class="mui-btn mui-btn--flat mui-btn--primary">Button</a>
<a href="#" class="mui-btn mui-btn--flat mui-btn--primary">Button</a>
<a href="#" class="mui-btn mui-btn--flat mui-btn--primary">Button</a>
<a href="#" class="mui-btn mui-btn--flat mui-btn--primary">Button</a>
</div>
</table>

<br><br>
<tr><td class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-family: helvetica;font-size: 11px;text-align: center;" valign="top">
<table width="600" class="mui-body" cellpadding="0" cellspacing="0" border="1px" >
<tr>
<th class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-size: 11px;text-align: center;" valign="top">First Name</th>
<th class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-size: 11px;text-align: center;" valign="top">Last Name</th>
<th class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-size: 11px;text-align: center;" valign="top">Points</th>
</tr>
<tr>
<td class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-size: 11px;text-align: center;" valign="top">Jill</td>
<td class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-size: 11px;text-align: center;" valign="top">Smith</td>
<td class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-size: 11px;text-align: center;" valign="top">50</td>
</tr>
<tr>
<td class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-size: 11px;text-align: center;" valign="top">Eve</td>
<td class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-size: 11px;text-align: center;" valign="top">Jackson</td>
<td class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-size: 11px;text-align: center;" valign="top">94</td>
</tr>
<tr>
<td class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-size: 11px;text-align: center;" valign="top">Adam</td>
<td class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-size: 11px;text-align: center;" valign="top">Johnson</td>
<td class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-size: 11px;text-align: center;" valign="top">67</td>
</tr>
</table>
</td></tr>

<tr><td class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-family: helvetica;font-size: 11px;text-align: center;" valign="top">
<table width="600" class="mui-body" cellpadding="0" cellspacing="0" border="0" >
<tr>
<td class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-family: helvetica;font-size: 11px;text-align: center;" valign="top"><img style="max-width:100%;" src="https://zululabs.au.zuluedm.com/media/images/zulu_logo.png" width="600"></td></tr>

</table>
</td></tr>
<tr><td align="center">
<table width="600" class="mui-body" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="mcnTextContent" style="padding: 9px 18px;line-height: normal;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;color: #808080;font-family: helvetica;font-size: 11px;text-align: center;" valign="top">This eDM strategy and execution was developed by

<div style="text-align: center;"><a href="http://www.theedmfactory.com/"><img style="max-width:100%;" src="https://zululabs.au.zuluedm.com/media/images/edm-factory-short2.jpg" alt="" /></a></div>

</td>
</tr>
</table></td></tr>

</table>
</div>
</body>
</html>

(0 vote(s))
Helpful
Not helpful

Comments (0)

Copyright Zulu Labs Global Pty Ltd, 11 William St Cremorne VIC, Australia 3121. Ph +61 3 9001 1590