ONEstore 메일 템플릿 추가
This commit is contained in:
Jude Park
parent
9d7c9c8521
commit
3b353daa10
|
|
@ -0,0 +1 @@
|
||||||
|
<!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 name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><style type="text/css">@media only screen and (max-width:480px){.footer td{font-size:12px!important}.footer__main__col1,.footer__main__col2{width:100%!important}.footer__main__col2__td{text-align:left;padding-bottom:20px}.footer__main__col2__td__img{padding-left:0!important}}</style><body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;"><table class="main rbcc" width="100%" bgcolor="#ffffff" ;="" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="main__welcome" style="color: #000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; padding: 10px 30px 0 30px;"><b>안녕하세요. 박주형 매니저 입니다.</b></td></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="main__content" style="color: #000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; padding: 10px 30px 0 30px;">Thanks for writing up this email.<br>We are delighted to reply with a responsive template.</td></tr><tr class="sp" height="30px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 30px; line-height: 20px;"></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer" bgcolor="#f5f5f5" style="border-top: 8px solid #EAEAEA; color: #888; padding: 20px 30px 0px 30px;"><table class="rbcc footer__main" width="100%" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer__main__signature" align="left" style="align: left; color: #888; font-size: 14px;">서비스 기획팀 | 매니저<br>박 주 형<br></td></tr><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td width="100%"><hr class="gray-hr" style="border-bottom: 1px solid #E4E4E4; border-top: none; margin-bottom: 20px; margin-top: 20px;"></td></tr><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><table class="rbcc footer__main__col1" width="70%" align="left" style="align: left; border: 0; cellpadding: 0; cellspacing: 0; margin-bottom: 30px;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col1__td" align="left" style="align: left; color: #888; font-size: 14px;"><strong><a href="tel:+821021290021" style="color: #888; text-decoration: none;"><span style="color: #888 !important; text-decoration: none !important;">+82-10-2129-0021</span></a> | <a href="mailto:jude.park@sk.com" target="_blank" style="color: #888; text-decoration: none;">jude.park@sk.com</a></strong><br>성남시 분당구 판교역로 188 SK플래닛 건물 11층</td></table><table class="rbcc footer__main__col2" width="30%" align="right" style="align: right; border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col2__td" align="right" style="align: right; color: #888; font-size: 14px;"><a href="http://onesto.re" style="color: #888; text-decoration: none;"><img src="http://cfile25.uf.tistory.com/image/2455244C570C6A371D53B6" alt="Onestore logo" class="footer__main__col2__td__img" style="border: 0; height: auto; max-height: 38px; max-width: 100%; padding-left: 10px; padding-top: 6px;"></a></td></table></tr></table></td></tr></table></body></html>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
<!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 name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><style type="text/css">@media only screen and (max-width:480px){.footer td{font-size:12px!important}.footer__main__col1,.footer__main__col2{width:100%!important}.footer__main__col2__td{text-align:left;padding-bottom:20px}.footer__main__col2__td__img{padding-left:0!important}}</style><body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;"><br><table class="main rbcc" width="100%" bgcolor="#ffffff" ;="" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr class="sp" height="30px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 30px; line-height: 20px;"></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer" bgcolor="#f5f5f5" style="border-top: 8px solid #EAEAEA; color: #888; padding: 20px 30px 0px 30px;"><table class="rbcc footer__main" width="100%" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer__main__signature" align="left" style="align: left; color: #888; font-size: 14px;">서비스 기획팀 | 매니저<br>박 주 형<br></td></tr><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td width="100%"><hr class="gray-hr" style="border-bottom: 1px solid #E4E4E4; border-top: none; margin-bottom: 20px; margin-top: 20px;"></td></tr><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><table class="rbcc footer__main__col1" width="70%" align="left" style="align: left; border: 0; cellpadding: 0; cellspacing: 0; margin-bottom: 30px;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col1__td" align="left" style="align: left; color: #888; font-size: 14px;"><strong><a href="tel:+821021290021" style="color: #888; text-decoration: none;"><span style="color: #888 !important; text-decoration: none !important;">+82-10-2129-0021</span></a> | <a href="mailto:jude.park@sk.com" target="_blank" style="color: #888; text-decoration: none;">jude.park@sk.com</a></strong><br>성남시 분당구 판교역로 188 SK플래닛 건물 11층</td></table><table class="rbcc footer__main__col2" width="30%" align="right" style="align: right; border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col2__td" align="right" style="align: right; color: #888; font-size: 14px;"><a href="http://onesto.re" style="color: #888; text-decoration: none;"><img src="http://cfile25.uf.tistory.com/image/2455244C570C6A371D53B6" alt="Onestore logo" class="footer__main__col2__td__img" style="border: 0; height: auto; max-height: 38px; max-width: 100%; padding-left: 10px; padding-top: 6px;"></a></td></table></tr></table></td></tr></table></body></html>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
<!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 name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><style type="text/css">@media only screen and (max-width:480px){.footer td{font-size:12px!important}.footer__main__col1,.footer__main__col2{width:100%!important}.footer__main__col2__td{text-align:left;padding-bottom:20px}.footer__main__col2__td__img{padding-left:0!important}}</style><body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;"><br><table class="main rbcc" width="100%" bgcolor="#ffffff" ;="" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr class="sp" height="30px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 30px; line-height: 20px;"></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer footer--simple" bgcolor="#FFFFFF" style="border-top: 8px solid #EAEAEA; color: #888; padding: 20px 30px 0px 30px; padding-bottom: 20px;"><table class="rbcc footer__main" width="100%" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer__main__signature" align="left" style="align: left; color: #888; font-size: 14px;">서비스 기획팀 | 매니저<br>박 주 형<br></td></tr></table></td></tr></table></body></html>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
<!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 name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><style type="text/css">@media only screen and (max-width:560px){.footer__main__col1,.footer__main__col2{width:100%!important}.footer td{font-size:12px!important}.footer__main__col1__td{text-align:left}.footer__main__col1__td>span{margin-bottom:10px}.footer__main__col2__td{text-align:left;padding-bottom:20px}.footer__main__col2__td__img{padding-left:0!important}}</style><body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;"><br><table class="main rbcc" width="100%" bgcolor="#ffffff" ;="" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr class="sp" height="30px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 30px; line-height: 22px;"></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><td class="footer" bgcolor="#FF4244" style="border-top: 8px solid #585858; color: #f5f5f5; padding: 20px 30px 0px 30px;"><table class="rbcc footer__main" width="100%" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><td class="footer__main__signature" align="left" style="align: left; color: #f5f5f5; font-size: 14px;">Best regards,<br><strong>Joo Hyung Park | Sevice Planning Team</strong><br></td></tr><tr class="spd" height="60px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 60px; line-height: 22px;"></tr><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><table class="rbcc footer__main__col2" width="30%" align="right" style="align: right; border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col2__td" align="right" style="align: right; color: #f5f5f5; font-size: 14px;"><a href="http://onesto.re/" style="color: #f5f5f5; text-decoration: none;"><img src="http://cfile9.uf.tistory.com/image/2178343D570C68482371D5" alt="ONEstore. logo" class="footer__main__col2__td__img" style="border: 0; height: auto; max-height: 65px; max-width: 100%; padding-left: 20px;"></a></td></table><table class="rbcc footer__main__col1" width="70%" align="left" style="align: left; border: 0; cellpadding: 0; cellspacing: 0; margin-bottom: 40px;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col1__td" align="left" style="align: left; color: #9E9E9E; padding-top: 15px;"><span style="font-size: 18px; margin-bottom: 5px;">The 1st integrated Android App store in Korea</span><br>Call <a href="tel:+821021290021" style="color: #f5f5f5; text-decoration: none;"><span style="color: #f5f5f5 !important; text-decoration: none !important;">+82-10-2129-0021</span></a> or email us at <a href="mailto:jude.park@sk.com" target="_blank" style="color: #f5f5f5; text-decoration: none;">jude.park@sk.com</a></td></table></tr></table></td></tr></table></body></html>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
<!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 name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><style type="text/css">@media only screen and (max-width:560px){.footer__main__col1,.footer__main__col2{width:100%!important}.footer td{font-size:12px!important}.footer__main__col1__td{text-align:left}.footer__main__col1__td>span{margin-bottom:10px}.footer__main__col2__td{text-align:left;padding-bottom:20px}.footer__main__col2__td__img{padding-left:0!important}}</style><body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;"><br><table class="main rbcc" width="100%" bgcolor="#ffffff" ;="" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr class="sp" height="30px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 30px; line-height: 22px;"></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><td class="footer footer--simple" bgcolor="#FFFFFF" style="border-top: 8px solid #585858; color: #f5f5f5; padding: 20px 30px 0px 30px; padding-bottom: 20px;"><table class="rbcc footer__main" width="100%" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><td class="footer__main__signature" align="left" style="align: left; color: #888; font-size: 14px;">Best regards,<br>Joo Hyung Park | Sevice Planning Team<br></td></tr></table></td></tr></table></body></html>
|
||||||
|
|
@ -1 +1 @@
|
||||||
<!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 name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><style type="text/css">@media only screen and (max-width:480px){.footer td{font-size:12px!important}.footer__main__col1,.footer__main__col2{width:100%!important}.footer__main__col2__td{text-align:left;padding-bottom:20px}.footer__main__col2__td__img{padding-left:0!important}}</style><body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;"><table class="main rbcc" width="100%" bgcolor="#ffffff" ;="" style="background-color: #ffffff; border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="main__welcome" style="color: #000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; padding: 10px 30px 0 30px;"><b>Hi there,</b></td></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="main__content" style="color: #000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; padding: 10px 30px 0 30px;">Thanks for writing up this email.<br>We are delighted to reply with a responsive template.</td></tr><tr class="sp" height="30px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 30px; line-height: 20px;"></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer" bgcolor="#f5f5f5" style="background-color: #f5f5f5; border-top: 8px solid #EAEAEA; color: #888; padding: 20px 30px 0px 30px;"><table class="rbcc footer__main" width="100%" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer__main__signature" align="left" style="align: left; color: #888; font-size: 14px;">Yours truly,<br>Jane Whatsmyname<br></td></tr><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td width="100%"><hr class="gray-hr" style="border-bottom: 1px solid #E4E4E4; border-top: none; margin-bottom: 20px; margin-top: 20px;"></td></tr><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><table class="rbcc footer__main__col1" width="70%" align="left" style="align: left; border: 0; cellpadding: 0; cellspacing: 0; margin-bottom: 30px; width: 70%;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col1__td" align="left" style="align: left; color: #888; font-size: 14px;"><strong>Call <a href="tel:81100200" style="color: #888; text-decoration: none;"><span style="color: #888; text-decoration: none;">81100200</span></a> or email us at <a href="mailto:info@fadeit.dk" target="_blank" style="color: #888; text-decoration: none;">info@fadeit.dk</a></strong><br>Anelystparken 31, DK-8381 Tilst, Aarhus</td></table><table class="rbcc footer__main__col2" width="30%" align="right" style="align: right; border: 0; cellpadding: 0; cellspacing: 0; width: 30%;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col2__td" align="right" style="align: right; color: #888; font-size: 14px;"><a href="http://fadeit.dk" style="color: #888; text-decoration: none;"><img src="http://fadeit.dk/src/assets/img/brand/fadeit-logo.png" alt="fadeit logo" class="footer__main__col2__td__img" style="border: 0; height: auto; max-height: 38px; max-width: 100%; padding-left: 10px; padding-top: 6px;"></a></td></table></tr></table></td></tr></table></body></html>
|
<!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 name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><style type="text/css">@media only screen and (max-width:480px){.footer td{font-size:12px!important}.footer__main__col1,.footer__main__col2{width:100%!important}.footer__main__col2__td{text-align:left;padding-bottom:20px}.footer__main__col2__td__img{padding-left:0!important}}</style><body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;"><table class="main rbcc" width="100%" bgcolor="#ffffff" ;="" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="main__welcome" style="color: #000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; padding: 10px 30px 0 30px;"><b>Hi there,</b></td></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="main__content" style="color: #000; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; padding: 10px 30px 0 30px;">Thanks for writing up this email.<br>We are delighted to reply with a responsive template.</td></tr><tr class="sp" height="30px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 30px; line-height: 20px;"></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer" bgcolor="#f5f5f5" style="border-top: 8px solid #EAEAEA; color: #888; padding: 20px 30px 0px 30px;"><table class="rbcc footer__main" width="100%" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer__main__signature" align="left" style="align: left; color: #888; font-size: 14px;">Yours truly,<br>Jane Whatsmyname<br></td></tr><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td width="100%"><hr class="gray-hr" style="border-bottom: 1px solid #E4E4E4; border-top: none; margin-bottom: 20px; margin-top: 20px;"></td></tr><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><table class="rbcc footer__main__col1" width="70%" align="left" style="align: left; border: 0; cellpadding: 0; cellspacing: 0; margin-bottom: 30px;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col1__td" align="left" style="align: left; color: #888; font-size: 14px;"><strong>Call <a href="tel:81100200" style="color: #888; text-decoration: none;"><span style="color: #888 !important; text-decoration: none !important;">81100200</span></a> or email us at <a href="mailto:info@fadeit.dk" target="_blank" style="color: #888; text-decoration: none;">info@fadeit.dk</a></strong><br>Anelystparken 31, DK-8381 Tilst, Aarhus</td></table><table class="rbcc footer__main__col2" width="30%" align="right" style="align: right; border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col2__td" align="right" style="align: right; color: #888; font-size: 14px;"><a href="http://fadeit.dk" style="color: #888; text-decoration: none;"><img src="http://fadeit.dk/src/assets/img/brand/fadeit-logo.png" alt="fadeit logo" class="footer__main__col2__td__img" style="border: 0; height: auto; max-height: 38px; max-width: 100%; padding-left: 10px; padding-top: 6px;"></a></td></table></tr></table></td></tr></table></body></html>
|
||||||
|
|
@ -1 +1 @@
|
||||||
<!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 name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><style type="text/css">@media only screen and (max-width:480px){.footer td{font-size:12px!important}.footer__main__col1,.footer__main__col2{width:100%!important}.footer__main__col2__td{text-align:left;padding-bottom:20px}.footer__main__col2__td__img{padding-left:0!important}}</style><body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;"><br><table class="main rbcc" width="100%" bgcolor="#ffffff" ;="" style="background-color: #ffffff; border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr class="sp" height="30px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 30px; line-height: 20px;"></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer" bgcolor="#f5f5f5" style="background-color: #f5f5f5; border-top: 8px solid #EAEAEA; color: #888; padding: 20px 30px 0px 30px;"><table class="rbcc footer__main" width="100%" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer__main__signature" align="left" style="align: left; color: #888; font-size: 14px;">Yours truly,<br>Jane Whatsmyname<br></td></tr><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td width="100%"><hr class="gray-hr" style="border-bottom: 1px solid #E4E4E4; border-top: none; margin-bottom: 20px; margin-top: 20px;"></td></tr><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><table class="rbcc footer__main__col1" width="70%" align="left" style="align: left; border: 0; cellpadding: 0; cellspacing: 0; margin-bottom: 30px; width: 70%;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col1__td" align="left" style="align: left; color: #888; font-size: 14px;"><strong>Call <a href="tel:81100200" style="color: #888; text-decoration: none;"><span style="color: #888; text-decoration: none;">81100200</span></a> or email us at <a href="mailto:info@fadeit.dk" target="_blank" style="color: #888; text-decoration: none;">info@fadeit.dk</a></strong><br>Anelystparken 31, DK-8381 Tilst, Aarhus</td></table><table class="rbcc footer__main__col2" width="30%" align="right" style="align: right; border: 0; cellpadding: 0; cellspacing: 0; width: 30%;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col2__td" align="right" style="align: right; color: #888; font-size: 14px;"><a href="http://fadeit.dk" style="color: #888; text-decoration: none;"><img src="http://fadeit.dk/src/assets/img/brand/fadeit-logo.png" alt="fadeit logo" class="footer__main__col2__td__img" style="border: 0; height: auto; max-height: 38px; max-width: 100%; padding-left: 10px; padding-top: 6px;"></a></td></table></tr></table></td></tr></table></body></html>
|
<!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 name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><style type="text/css">@media only screen and (max-width:480px){.footer td{font-size:12px!important}.footer__main__col1,.footer__main__col2{width:100%!important}.footer__main__col2__td{text-align:left;padding-bottom:20px}.footer__main__col2__td__img{padding-left:0!important}}</style><body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;"><br><table class="main rbcc" width="100%" bgcolor="#ffffff" ;="" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr class="sp" height="30px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 30px; line-height: 20px;"></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer" bgcolor="#f5f5f5" style="border-top: 8px solid #EAEAEA; color: #888; padding: 20px 30px 0px 30px;"><table class="rbcc footer__main" width="100%" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer__main__signature" align="left" style="align: left; color: #888; font-size: 14px;">Yours truly,<br>Jane Whatsmyname<br></td></tr><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td width="100%"><hr class="gray-hr" style="border-bottom: 1px solid #E4E4E4; border-top: none; margin-bottom: 20px; margin-top: 20px;"></td></tr><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><table class="rbcc footer__main__col1" width="70%" align="left" style="align: left; border: 0; cellpadding: 0; cellspacing: 0; margin-bottom: 30px;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col1__td" align="left" style="align: left; color: #888; font-size: 14px;"><strong>Call <a href="tel:81100200" style="color: #888; text-decoration: none;"><span style="color: #888 !important; text-decoration: none !important;">81100200</span></a> or email us at <a href="mailto:info@fadeit.dk" target="_blank" style="color: #888; text-decoration: none;">info@fadeit.dk</a></strong><br>Anelystparken 31, DK-8381 Tilst, Aarhus</td></table><table class="rbcc footer__main__col2" width="30%" align="right" style="align: right; border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col2__td" align="right" style="align: right; color: #888; font-size: 14px;"><a href="http://fadeit.dk" style="color: #888; text-decoration: none;"><img src="http://fadeit.dk/src/assets/img/brand/fadeit-logo.png" alt="fadeit logo" class="footer__main__col2__td__img" style="border: 0; height: auto; max-height: 38px; max-width: 100%; padding-left: 10px; padding-top: 6px;"></a></td></table></tr></table></td></tr></table></body></html>
|
||||||
|
|
@ -1 +1 @@
|
||||||
<!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 name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><style type="text/css">@media only screen and (max-width:480px){.footer td{font-size:12px!important}.footer__main__col1,.footer__main__col2{width:100%!important}.footer__main__col2__td{text-align:left;padding-bottom:20px}.footer__main__col2__td__img{padding-left:0!important}}</style><body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;"><br><table class="main rbcc" width="100%" bgcolor="#ffffff" ;="" style="background-color: #ffffff; border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr class="sp" height="30px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 30px; line-height: 20px;"></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer footer--simple" bgcolor="#ffffff" style="background-color: #FFFFFF; border-top: 8px solid #EAEAEA; color: #888; padding: 20px 30px 0px 30px; padding-bottom: 20px;"><table class="rbcc footer__main" width="100%" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer__main__signature" align="left" style="align: left; color: #888; font-size: 14px;">Yours truly,<br>Jane Whatsmyname<br></td></tr></table></td></tr></table></body></html>
|
<!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 name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><style type="text/css">@media only screen and (max-width:480px){.footer td{font-size:12px!important}.footer__main__col1,.footer__main__col2{width:100%!important}.footer__main__col2__td{text-align:left;padding-bottom:20px}.footer__main__col2__td__img{padding-left:0!important}}</style><body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;"><br><table class="main rbcc" width="100%" bgcolor="#ffffff" ;="" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr class="sp" height="30px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 30px; line-height: 20px;"></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer footer--simple" bgcolor="#FFFFFF" style="border-top: 8px solid #EAEAEA; color: #888; padding: 20px 30px 0px 30px; padding-bottom: 20px;"><table class="rbcc footer__main" width="100%" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px;"><td class="footer__main__signature" align="left" style="align: left; color: #888; font-size: 14px;">Yours truly,<br>Jane Whatsmyname<br></td></tr></table></td></tr></table></body></html>
|
||||||
|
|
@ -1 +1 @@
|
||||||
<!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 name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><style type="text/css">@media only screen and (max-width:560px){.footer__main__col1,.footer__main__col2{width:100%!important}.footer td{font-size:12px!important}.footer__main__col1__td{text-align:left}.footer__main__col1__td>span{margin-bottom:10px}.footer__main__col2__td{text-align:left;padding-bottom:20px}.footer__main__col2__td__img{padding-left:0!important}}</style><body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;"><br><table class="main rbcc" width="100%" bgcolor="#ffffff" ;="" style="background-color: #ffffff; border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr class="sp" height="30px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 30px; line-height: 22px;"></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><td class="footer" bgcolor="#303030" style="background-color: #303030; border-top: 8px solid #585858; color: #f5f5f5; padding: 20px 30px 0px 30px;"><table class="rbcc footer__main" width="100%" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><td class="footer__main__signature" align="left" style="align: left; color: #f5f5f5; font-size: 14px;">Best regards,<br><strong>Jane Whatsmyname</strong><br></td></tr><tr class="spd" height="60px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 60px; line-height: 22px;"></tr><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><table class="rbcc footer__main__col2" width="30%" align="right" style="align: right; border: 0; cellpadding: 0; cellspacing: 0; width: 30%;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col2__td" align="right" style="align: right; color: #f5f5f5; font-size: 14px;"><a href="http://tryplay.dk" style="color: #f5f5f5; text-decoration: none;"><img src="https://informationscreen.com/manage/assets/images/play-logo.png" alt="Play. logo" class="footer__main__col2__td__img" style="border: 0; height: auto; max-height: 65px; max-width: 100%; padding-left: 20px;"></a></td></table><table class="rbcc footer__main__col1" width="70%" align="left" style="align: left; border: 0; cellpadding: 0; cellspacing: 0; margin-bottom: 40px; width: 70%;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col1__td" align="left" style="align: left; color: #9E9E9E; padding-top: 15px;"><span style="font-size: 18px; margin-bottom: 5px;">LED Pylon. LED Wall. Digital Signage.</span><br>Call <a href="tel:004581100200" style="color: #f5f5f5; text-decoration: none;"><span style="color: #f5f5f5; text-decoration: none;">(45) 81100200</span></a> or email us at <a href="mailto:info@tryplay.dk" target="_blank" style="color: #f5f5f5; text-decoration: none;">info@tryplay.dk</a></td></table></tr></table></td></tr></table></body></html>
|
<!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 name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><style type="text/css">@media only screen and (max-width:560px){.footer__main__col1,.footer__main__col2{width:100%!important}.footer td{font-size:12px!important}.footer__main__col1__td{text-align:left}.footer__main__col1__td>span{margin-bottom:10px}.footer__main__col2__td{text-align:left;padding-bottom:20px}.footer__main__col2__td__img{padding-left:0!important}}</style><body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;"><br><table class="main rbcc" width="100%" bgcolor="#ffffff" ;="" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr class="sp" height="30px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 30px; line-height: 22px;"></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><td class="footer" bgcolor="#303030" style="border-top: 8px solid #585858; color: #f5f5f5; padding: 20px 30px 0px 30px;"><table class="rbcc footer__main" width="100%" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><td class="footer__main__signature" align="left" style="align: left; color: #f5f5f5; font-size: 14px;">Best regards,<br><strong>Jane Whatsmyname</strong><br></td></tr><tr class="spd" height="60px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 60px; line-height: 22px;"></tr><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><table class="rbcc footer__main__col2" width="30%" align="right" style="align: right; border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col2__td" align="right" style="align: right; color: #f5f5f5; font-size: 14px;"><a href="http://tryplay.dk" style="color: #f5f5f5; text-decoration: none;"><img src="https://informationscreen.com/manage/assets/images/play-logo.png" alt="Play. logo" class="footer__main__col2__td__img" style="border: 0; height: auto; max-height: 65px; max-width: 100%; padding-left: 20px;"></a></td></table><table class="rbcc footer__main__col1" width="70%" align="left" style="align: left; border: 0; cellpadding: 0; cellspacing: 0; margin-bottom: 40px;" border="0" cellpadding="0" cellspacing="0"><td class="footer__main__col1__td" align="left" style="align: left; color: #9E9E9E; padding-top: 15px;"><span style="font-size: 18px; margin-bottom: 5px;">LED Pylon. LED Wall. Digital Signage.</span><br>Call <a href="tel:004581100200" style="color: #f5f5f5; text-decoration: none;"><span style="color: #f5f5f5 !important; text-decoration: none !important;">(45) 81100200</span></a> or email us at <a href="mailto:info@tryplay.dk" target="_blank" style="color: #f5f5f5; text-decoration: none;">info@tryplay.dk</a></td></table></tr></table></td></tr></table></body></html>
|
||||||
|
|
@ -1 +1 @@
|
||||||
<!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 name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><style type="text/css">@media only screen and (max-width:560px){.footer__main__col1,.footer__main__col2{width:100%!important}.footer td{font-size:12px!important}.footer__main__col1__td{text-align:left}.footer__main__col1__td>span{margin-bottom:10px}.footer__main__col2__td{text-align:left;padding-bottom:20px}.footer__main__col2__td__img{padding-left:0!important}}</style><body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;"><br><table class="main rbcc" width="100%" bgcolor="#ffffff" ;="" style="background-color: #ffffff; border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr class="sp" height="30px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 30px; line-height: 22px;"></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><td class="footer footer--simple" bgcolor="#ffffff" style="background-color: #FFFFFF; border-top: 8px solid #585858; color: #f5f5f5; padding: 20px 30px 0px 30px; padding-bottom: 20px;"><table class="rbcc footer__main" width="100%" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><td class="footer__main__signature" align="left" style="align: left; color: #888; font-size: 14px;">Best regards,<br>Jane Whatsmyname<br></td></tr></table></td></tr></table></body></html>
|
<!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 name="viewport" content="width=device-width"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head><style type="text/css">@media only screen and (max-width:560px){.footer__main__col1,.footer__main__col2{width:100%!important}.footer td{font-size:12px!important}.footer__main__col1__td{text-align:left}.footer__main__col1__td>span{margin-bottom:10px}.footer__main__col2__td{text-align:left;padding-bottom:20px}.footer__main__col2__td__img{padding-left:0!important}}</style><body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;"><br><table class="main rbcc" width="100%" bgcolor="#ffffff" ;="" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr class="sp" height="30px" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 30px; line-height: 22px;"></tr><tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><td class="footer footer--simple" bgcolor="#FFFFFF" style="border-top: 8px solid #585858; color: #f5f5f5; padding: 20px 30px 0px 30px; padding-bottom: 20px;"><table class="rbcc footer__main" width="100%" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0"><tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><td class="footer__main__signature" align="left" style="align: left; color: #888; font-size: 14px;">Best regards,<br>Jane Whatsmyname<br></td></tr></table></td></tr></table></body></html>
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
'use strict';
|
// 'use strict';
|
||||||
|
|
||||||
var gulp = require('gulp'),
|
var gulp = require('gulp'),
|
||||||
wrench = require('wrench');
|
wrench = require('wrench');
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@
|
||||||
"homepage": "https://github.com/fadeit/responsive-html-email-signature#readme",
|
"homepage": "https://github.com/fadeit/responsive-html-email-signature#readme",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"del": "^2.2.0",
|
"del": "^2.2.0",
|
||||||
"gulp": "^3.9.0",
|
"gulp": "^3.9.1",
|
||||||
"gulp-inline-css": "^3.0.0",
|
"gulp-inline-css": "^3.0.0",
|
||||||
"gulp-inline-image-html": "^0.2.1",
|
"gulp-inline-image-html": "^0.2.1",
|
||||||
"gulp-minify-html": "^1.0.5",
|
"gulp-minify-html": "^1.0.5",
|
||||||
|
|
@ -34,5 +34,6 @@
|
||||||
"q": "^1.4.1",
|
"q": "^1.4.1",
|
||||||
"run-sequence": "^1.1.5",
|
"run-sequence": "^1.1.5",
|
||||||
"wrench": "^1.5.8"
|
"wrench": "^1.5.8"
|
||||||
}
|
},
|
||||||
|
"dependencies": {}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
|
|
@ -0,0 +1,19 @@
|
||||||
|
/*
|
||||||
|
* NB: for images, if you pass in a relative path ('assets/logo.png'), they will be automatically embedded (base64). If you pass in a URL, it will stay as it is.
|
||||||
|
*/
|
||||||
|
|
||||||
|
module.exports = [
|
||||||
|
{
|
||||||
|
id: 'ONEstore', // Will be appended to the built templates.
|
||||||
|
signature: '서비스 기획팀 | 매니저',
|
||||||
|
name: '박 주 형',
|
||||||
|
welcome: '안녕하세요. 박주형 매니저 입니다.',
|
||||||
|
introParagraph: 'Thanks for writing up this email.<br/> We are delighted to reply with a responsive template.',
|
||||||
|
contactMain: '<a href="tel:+821021290021"><span>+82-10-2129-0021</span></a> | ', // Wrap phone numbers like this to prevent iOS mail from making them blue.
|
||||||
|
contactMail: 'jude.park@sk.com',
|
||||||
|
contactSecondary: '성남시 분당구 판교역로 188 SK플래닛 건물 11층',
|
||||||
|
logoUrl: 'http://cfile25.uf.tistory.com/image/2455244C570C6A371D53B6',
|
||||||
|
logoAlt: 'Onestore logo',
|
||||||
|
website: 'http://onesto.re'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -0,0 +1,160 @@
|
||||||
|
/* Solving https://github.com/jonkemp/inline-css/issues/8 would make things nicer. */
|
||||||
|
|
||||||
|
/*
|
||||||
|
* =====================================
|
||||||
|
* 1. Common styles for general table things.
|
||||||
|
* =====================================
|
||||||
|
*/
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-webkit-text-size-adjust: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr{
|
||||||
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main{
|
||||||
|
/* @todo gulp-inline-css can't use width in percentages */
|
||||||
|
/* This style property fucks up the width on OS X, needs to be *JUST* attribute ->
|
||||||
|
width:100%; */
|
||||||
|
/* @todo gulp-inline-css doesn't parse background-color -> bgcolor */
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rbcc{
|
||||||
|
/*
|
||||||
|
* rbcc -> reset - border - cellspacing - cellpading
|
||||||
|
*
|
||||||
|
* Resets table attributes.
|
||||||
|
*/
|
||||||
|
border:0;
|
||||||
|
cellpadding:0;
|
||||||
|
cellspacing:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sp{
|
||||||
|
/* Separator tr */
|
||||||
|
/* @todo gulp-inline-css doesn't add height attrs */
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gray-hr{
|
||||||
|
border-bottom:1px solid #E4E4E4;
|
||||||
|
border-top:none;
|
||||||
|
margin-bottom:20px;
|
||||||
|
margin-top:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
text-decoration: none;
|
||||||
|
color: #0fade1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* =================
|
||||||
|
* 2. Content styles.
|
||||||
|
* ==================
|
||||||
|
*/
|
||||||
|
.main__welcome{
|
||||||
|
color: #000;
|
||||||
|
padding: 10px 30px 0 30px;
|
||||||
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main__content{
|
||||||
|
color: #000;
|
||||||
|
padding: 10px 30px 0 30px;
|
||||||
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
* ================
|
||||||
|
* 3. Footer styles.
|
||||||
|
* ================
|
||||||
|
*/
|
||||||
|
.footer{
|
||||||
|
/* @todo gulp-inline-css doesn't parse background-color -> bgcolor */
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
padding: 20px 30px 0px 30px;
|
||||||
|
color: #888;
|
||||||
|
border-top: 8px solid #EAEAEA;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer a{
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer--simple{
|
||||||
|
padding-bottom: 20px;
|
||||||
|
/* @todo gulp-inline-css doesn't parse background-color -> bgcolor */
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main{
|
||||||
|
/* @todo gulp-inline-css can't use width in percentages */
|
||||||
|
/* This style property fucks up the width on OS X, needs to be *JUST* attribute ->
|
||||||
|
width:100%; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__signature{
|
||||||
|
font-size: 14px;
|
||||||
|
color: #888;
|
||||||
|
/* @todo gulp-inline-css doesn't parse align */
|
||||||
|
align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col1{
|
||||||
|
/* @todo gulp-inline-css can't use width in percentages */
|
||||||
|
width:70%;
|
||||||
|
margin-bottom:30px;
|
||||||
|
/* @todo gulp-inline-css doesn't parse align */
|
||||||
|
align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col1__td{
|
||||||
|
font-size: 14px;
|
||||||
|
color: #888;
|
||||||
|
/* @todo gulp-inline-css doesn't parse align */
|
||||||
|
align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main a > span{
|
||||||
|
/* Revert apple blue-link style. */
|
||||||
|
color: #888!important;
|
||||||
|
text-decoration:none!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col2{
|
||||||
|
/* @todo gulp-inline-css can't use width in percentages */
|
||||||
|
width:30%;
|
||||||
|
/* @todo gulp-inline-css doesn't parse align */
|
||||||
|
align:right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col2__td{
|
||||||
|
font-size: 14px;
|
||||||
|
color: #888;
|
||||||
|
/* @todo gulp-inline-css doesn't parse align */
|
||||||
|
align:right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col2__td__img{
|
||||||
|
border: 0;
|
||||||
|
padding-top: 6px;
|
||||||
|
padding-left:10px;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height:38px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,38 @@
|
||||||
|
<td class="footer" bgcolor="#f5f5f5">
|
||||||
|
<!-- @todo gulp-inline-css can't use width in percentages -->
|
||||||
|
<table class="rbcc footer__main" width="100%">
|
||||||
|
<tr>
|
||||||
|
<!-- @todo gulp-inline-css doesn't parse align -->
|
||||||
|
<td class="footer__main__signature" align="left">
|
||||||
|
<!-- @echo signature --><br />
|
||||||
|
<!-- @echo name --><br />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td width="100%">
|
||||||
|
<hr class="gray-hr"/></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse align -->
|
||||||
|
<table class="rbcc footer__main__col1" width="70%" align="left">
|
||||||
|
<td class="footer__main__col1__td" align="left">
|
||||||
|
<strong>
|
||||||
|
<!-- @echo contactMain -->
|
||||||
|
<a href="mailto:<!-- @echo contactMail -->" target="_blank"><!-- @echo contactMail --></a>
|
||||||
|
</strong><br />
|
||||||
|
<!-- @echo contactSecondary -->
|
||||||
|
</td>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse align -->
|
||||||
|
<table class="rbcc footer__main__col2" width="30%" align="right">
|
||||||
|
<!-- @todo gulp-inline-css doesn't parse align -->
|
||||||
|
<td class="footer__main__col2__td" align="right">
|
||||||
|
<a href="<!-- @echo website -->">
|
||||||
|
<img src="<!-- @echo logoUrl -->" alt="<!-- @echo logoAlt -->" class="footer__main__col2__td__img"/>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</table>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
<!-- @include head.inc.html -->
|
||||||
|
|
||||||
|
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse background-color -> bgcolor -->
|
||||||
|
<body>
|
||||||
|
<table class="main rbcc" width="100%" bgcolor="#ffffff";>
|
||||||
|
<tr class="rbcc">
|
||||||
|
<td class="main__welcome">
|
||||||
|
<b><!-- @echo welcome --></b>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="rbcc">
|
||||||
|
<td class="main__content">
|
||||||
|
<!-- @echo introParagraph -->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<!-- @todo gulp-inline-css doesn't add height attrs -->
|
||||||
|
<tr class="sp" height="30px"></tr>
|
||||||
|
|
||||||
|
<tr class="rbcc">
|
||||||
|
<!-- @todo gulp-inline-css doesn't parse background-color -> bgcolor -->
|
||||||
|
<!-- @include footer.inc.html -->
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
|
|
@ -0,0 +1,34 @@
|
||||||
|
<!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 name="viewport" content="width=device-width" />
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
|
<!-- Solving https://github.com/jonkemp/inline-css/issues/8 would make things nicer. -->
|
||||||
|
<link rel="stylesheet" href="fadeit.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<style type="text/css">
|
||||||
|
/* Responsive stuff goes here (inline css doesn't know what to do with it). */
|
||||||
|
@media only screen and (max-width:480px){
|
||||||
|
.footer td{
|
||||||
|
font-size: 12px!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col1{
|
||||||
|
width: 100%!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col2{
|
||||||
|
width: 100%!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col2__td{
|
||||||
|
text-align: left;
|
||||||
|
padding-bottom:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col2__td__img{
|
||||||
|
padding-left:0!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
<!-- @include head.inc.html -->
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<br/>
|
||||||
|
<table class="main rbcc" width="100%" bgcolor="#ffffff";>
|
||||||
|
<tr class="sp" height="30px"></tr>
|
||||||
|
|
||||||
|
<tr class="rbcc">
|
||||||
|
<!-- @todo gulp-inline-css doesn't parse background-color -> bgcolor -->
|
||||||
|
<td class="footer footer--simple" bgcolor="#ffffff">
|
||||||
|
<table class="rbcc footer__main" width="100%">
|
||||||
|
<tr>
|
||||||
|
<!-- @todo gulp-inline-css doesn't parse align -->
|
||||||
|
<td class="footer__main__signature" align="left">
|
||||||
|
<!-- @echo signature --><br />
|
||||||
|
<!-- @echo name --><br />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
<!-- @include head.inc.html -->
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<br/> <!-- <br/> Makes it easier to add text when composing -->
|
||||||
|
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse background-color -> bgcolor -->
|
||||||
|
<table class="main rbcc" width="100%" bgcolor="#ffffff";>
|
||||||
|
<tr class="sp" height="30px"></tr>
|
||||||
|
|
||||||
|
<tr class="rbcc">
|
||||||
|
<!-- @todo gulp-inline-css doesn't parse background-color -> bgcolor -->
|
||||||
|
<!-- @include footer.inc.html -->
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
|
|
@ -0,0 +1,14 @@
|
||||||
|
module.exports = [
|
||||||
|
{
|
||||||
|
id: 'ONEstoreBlack',
|
||||||
|
signature: 'Best regards,',
|
||||||
|
name: 'Joo Hyung Park | Sevice Planning Team',
|
||||||
|
contactMain: 'Call <a href="tel:+821021290021"><span>+82-10-2129-0021</span></a> or email us at', // Wrap phone numbers like this to prevent iOS mail from making them blue.
|
||||||
|
contactMail: 'jude.park@sk.com',
|
||||||
|
slogan: 'The 1st integrated Android App store in Korea',
|
||||||
|
contactSecondary: '188, Pangyoyeok-ro, Bundang-gu, Seongnam-si, Gyeonggi-do, Korea',
|
||||||
|
logoUrl: 'http://cfile9.uf.tistory.com/image/2178343D570C68482371D5',
|
||||||
|
logoAlt: 'ONEstore. logo',
|
||||||
|
website: 'http://onesto.re/'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -0,0 +1,36 @@
|
||||||
|
<td class="footer" bgcolor="#303030">
|
||||||
|
<!-- @todo gulp-inline-css can't use width in percentages -->
|
||||||
|
<table class="rbcc footer__main" width="100%">
|
||||||
|
<tr>
|
||||||
|
<!-- @todo gulp-inline-css doesn't parse align -->
|
||||||
|
<td class="footer__main__signature" align="left">
|
||||||
|
<!-- @echo signature --><br />
|
||||||
|
<strong><!-- @echo name --></strong><br />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<!-- @todo gulp-inline-css doesn't add height attrs -->
|
||||||
|
<tr class="spd" height="60px"></tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse align -->
|
||||||
|
<table class="rbcc footer__main__col2" width="30%" align="right">
|
||||||
|
<!-- @todo gulp-inline-css doesn't parse align -->
|
||||||
|
<td class="footer__main__col2__td" align="right">
|
||||||
|
<a href="<!-- @echo website -->">
|
||||||
|
<img src="<!-- @echo logoUrl -->" alt="<!-- @echo logoAlt -->" class="footer__main__col2__td__img"/>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse align -->
|
||||||
|
<table class="rbcc footer__main__col1" width="70%" align="left">
|
||||||
|
<td class="footer__main__col1__td" align="left">
|
||||||
|
<span><!-- @echo slogan --></span><br/>
|
||||||
|
<!-- @echo contactMain -->
|
||||||
|
<a href="mailto:<!-- @echo contactMail -->" target="_blank"><!-- @echo contactMail --></a>
|
||||||
|
</td>
|
||||||
|
</table>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
|
@ -0,0 +1,42 @@
|
||||||
|
<!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 name="viewport" content="width=device-width" />
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
|
<!-- Solving https://github.com/jonkemp/inline-css/issues/8 would make things nicer. -->
|
||||||
|
<link rel="stylesheet" href="play.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<style type="text/css">
|
||||||
|
/* Responsive stuff goes here (inline css doesn't know what to do with it). */
|
||||||
|
@media only screen and (max-width:560px){
|
||||||
|
.footer td{
|
||||||
|
font-size: 12px!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col1{
|
||||||
|
width: 100%!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col1__td{
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col1__td > span{
|
||||||
|
margin-bottom:10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col2{
|
||||||
|
width: 100%!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col2__td{
|
||||||
|
text-align: left;
|
||||||
|
padding-bottom:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col2__td__img{
|
||||||
|
padding-left:0!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,174 @@
|
||||||
|
/* Solving https://github.com/jonkemp/inline-css/issues/8 would make things nicer. */
|
||||||
|
|
||||||
|
/*
|
||||||
|
* =====================================
|
||||||
|
* 1. Common styles for general table things.
|
||||||
|
* =====================================
|
||||||
|
*/
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-webkit-text-size-adjust: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr{
|
||||||
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main{
|
||||||
|
/* @todo gulp-inline-css can't use width in percentages */
|
||||||
|
/* This style property fucks up the width on OS X, needs to be *JUST* attribute ->
|
||||||
|
width:100%; */
|
||||||
|
/* @todo gulp-inline-css doesn't parse background-color -> bgcolor */
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rbcc{
|
||||||
|
/*
|
||||||
|
* rbcc -> reset - border - cellspacing - cellpading
|
||||||
|
*
|
||||||
|
* Resets table attributes.
|
||||||
|
*/
|
||||||
|
border:0;
|
||||||
|
cellpadding:0;
|
||||||
|
cellspacing:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sp{
|
||||||
|
/* sp -> space, Separator tr */
|
||||||
|
/* @todo gulp-inline-css doesn't add height attrs */
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spd{
|
||||||
|
/* spd -> space - double, Separator tr */
|
||||||
|
/* @todo gulp-inline-css doesn't add height attrs */
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gray-hr{
|
||||||
|
border-bottom:1px solid #E4E4E4;
|
||||||
|
border-top:none;
|
||||||
|
margin-bottom:20px;
|
||||||
|
margin-top:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a{
|
||||||
|
text-decoration: none;
|
||||||
|
color: #0fade1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* =================
|
||||||
|
* 2. Content styles.
|
||||||
|
* ==================
|
||||||
|
*/
|
||||||
|
.main__welcome{
|
||||||
|
color: #000;
|
||||||
|
padding: 10px 30px 0 30px;
|
||||||
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main__content{
|
||||||
|
color: #000;
|
||||||
|
padding: 10px 30px 0 30px;
|
||||||
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
* ================
|
||||||
|
* 3. Footer styles.
|
||||||
|
* ================
|
||||||
|
*/
|
||||||
|
.footer{
|
||||||
|
/* @todo gulp-inline-css doesn't parse background-color -> bgcolor */
|
||||||
|
background-color: #FF4244;
|
||||||
|
padding: 20px 30px 0px 30px;
|
||||||
|
color: #f5f5f5;
|
||||||
|
border-top: 8px solid #585858;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer a{
|
||||||
|
color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer--simple{
|
||||||
|
padding-bottom: 20px;
|
||||||
|
/* @todo gulp-inline-css doesn't parse background-color -> bgcolor */
|
||||||
|
background-color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer--simple tr td{
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main{
|
||||||
|
/* @todo gulp-inline-css can't use width in percentages */
|
||||||
|
/* This style property fucks up the width on OS X, needs to be *JUST* attribute ->
|
||||||
|
width:100%; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__signature{
|
||||||
|
font-size: 14px;
|
||||||
|
color: #f5f5f5;
|
||||||
|
/* @todo gulp-inline-css doesn't parse align */
|
||||||
|
align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col1{
|
||||||
|
/* @todo gulp-inline-css can't use width in percentages */
|
||||||
|
width:70%;
|
||||||
|
margin-bottom:40px;
|
||||||
|
/* @todo gulp-inline-css doesn't parse align */
|
||||||
|
align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col1__td{
|
||||||
|
color: #9E9E9E;
|
||||||
|
/* @todo gulp-inline-css doesn't parse align */
|
||||||
|
align:left;
|
||||||
|
padding-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col1__td > span{
|
||||||
|
font-size:18px;
|
||||||
|
margin-bottom:5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main a > span{
|
||||||
|
/* Revert apple blue-link style. */
|
||||||
|
color: #f5f5f5!important;
|
||||||
|
text-decoration:none!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col2{
|
||||||
|
/* @todo gulp-inline-css can't use width in percentages */
|
||||||
|
width:30%;
|
||||||
|
/* @todo gulp-inline-css doesn't parse align */
|
||||||
|
align:right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col2__td{
|
||||||
|
font-size: 14px;
|
||||||
|
color: #f5f5f5;
|
||||||
|
/* @todo gulp-inline-css doesn't parse align */
|
||||||
|
align:right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer__main__col2__td__img{
|
||||||
|
border: 0;
|
||||||
|
padding-left:20px;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height:65px;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,23 @@
|
||||||
|
<!-- @include head.inc.html -->
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<br/>
|
||||||
|
<table class="main rbcc" width="100%" bgcolor="#ffffff";>
|
||||||
|
<tr class="sp" height="30px"></tr>
|
||||||
|
|
||||||
|
<tr class="rbcc">
|
||||||
|
<!-- @todo gulp-inline-css doesn't parse background-color -> bgcolor -->
|
||||||
|
<td class="footer footer--simple" bgcolor="#ffffff">
|
||||||
|
<table class="rbcc footer__main" width="100%">
|
||||||
|
<tr>
|
||||||
|
<!-- @todo gulp-inline-css doesn't parse align -->
|
||||||
|
<td class="footer__main__signature" align="left">
|
||||||
|
<!-- @echo signature --><br />
|
||||||
|
<!-- @echo name --><br />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
<!-- @include head.inc.html -->
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<br/> <!-- <br/> Makes it easier to add text when composing -->
|
||||||
|
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse background-color -> bgcolor -->
|
||||||
|
<table class="main rbcc" width="100%" bgcolor="#ffffff";>
|
||||||
|
<tr class="sp" height="30px"></tr>
|
||||||
|
|
||||||
|
<tr class="rbcc">
|
||||||
|
<!-- @todo gulp-inline-css doesn't parse background-color -> bgcolor -->
|
||||||
|
<!-- @include footer.inc.html -->
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
Loading…
Reference in New Issue