ONE스토어 템플릿 추가
This commit is contained in:
parent
3b353daa10
commit
5ffb911328
93
README.md
93
README.md
|
|
@ -1,68 +1,41 @@
|
||||||
# Responsive HTML mail signatures
|
# ONE스토어 반응형 이메일 서명
|
||||||
### Let's punch email clients in the stomach!
|
## 왜 필요한가?
|
||||||
Responsive templates for mail signatures. <br/>
|
> 
|
||||||
|
> [이 사진은 주작 입니다. ]
|
||||||
|
|
||||||
When you need some basic signatures that work on mobile.<br/>
|
최근에 업체랑 이야기를 하다보니 위와 같은 말을 들었다.
|
||||||
...and your colleagues need them too.<br/>
|
그래서 이유를 확인해보니 **이메일의 서명**이 이미지 파일을 사용하다보니 거의 모든 이메일이 첨부파일이 있는 것으로 분류가 되고 있었습니다.
|
||||||
...but you don't want to deal with tables and inline styles.
|
|
||||||
|
|
||||||
## Preview
|
> 
|
||||||
Here's how the samples look:
|
|
||||||
|
|
||||||

|
|
||||||

|
|
||||||
|
|
||||||
## Motivation
|
|
||||||
Let's make writing HTML emails & email signatures easier. We won't fix all email clients, but we can surely make the process of satisfying them a tad nicer. <br/>
|
|
||||||
See a fairly comprehensive rant on the subject (and not only) [in this article](http://fadeit.dk/blog/post/html-emails-and-email-signatures-how-hard-can-it-be).
|
|
||||||
|
|
||||||
|
|
||||||
## What does it do
|
## fadeit 의 이메일 템플릿 엔진 활용
|
||||||
- [x] config-based template generation
|
이미지를 파일을 tag로만 처리하면 해결되는 것이지만 조금 더 욕심을 내보려고 깃헙에서 fadeit 의 템플릿을 뽑아와서 수정을 했습니다.
|
||||||
- [x] allows generating multiple templates (for your colleagues too!)
|
|
||||||
- [x] transforms linked (`<link>`) CSS into inline styles
|
|
||||||
- [x] embeds local `img[src]` into the template (base64).*
|
|
||||||
- [x] minifies the template
|
|
||||||
- [x] media queries for mail clients that support them
|
|
||||||
- [x] can build templates from multiple sources
|
|
||||||
- [x] watches HTML/CSS files for changes and re-builds
|
|
||||||
|
|
||||||
|
- [원본 레파지토리 확인하기](https://github.com/fadeit/responsive-html-email-signature)
|
||||||
|
|
||||||
**Some mail clients don't support them, so an external URL might be a good idea.*
|
### 제공하는 것
|
||||||
|
- NODE JS (gulp) 기반의 이메일 템플릿 빌드 엔진
|
||||||
|
- 빌드 시, inline CSS HTML 파일을 자동 생성
|
||||||
|
- 이미지 파일을 그냥 html 코드로 넣어버림 (base64)
|
||||||
|
- media queries 지원 (메일 클라이언트 지원시)
|
||||||
|
|
||||||
|
> Overview
|
||||||
## Getting started
|
|
||||||
```
|
|
||||||
$ npm install
|
|
||||||
$ gulp
|
|
||||||
```
|
|
||||||
|
|
||||||
Take a look at `src/fadeit/` for an example. Copy / Paste, rename it and change `src/fadeit/conf.js` to suite your needs. Run `gulp` to build the templates (into `/dist`). The gulp task will watch HTML & CSS files by default.
|
|
||||||
|
|
||||||
## Overview
|
|
||||||
This diagram shows what happens to your templates.
|
This diagram shows what happens to your templates.
|
||||||

|

|
||||||
|
|
||||||
|
|
||||||
## CSS Support
|
### 샘플 파일 확인
|
||||||
Remember, it's HTML mails, so you need to check a big-ass table to find out nothing's gonna work.
|
>
|
||||||
See [this](https://www.campaignmonitor.com/css/). Still [gulp-inline-css](https://www.npmjs.com/package/gulp-inline-css) is being used to convert whatever CSS you throw at it to inline styles.
|
|
||||||
|
>**Some mail clients don't support them, so an external URL might be a good idea.*
|
||||||
|
|
||||||
|
|
||||||
## TODO:
|
## 메일 클라이언트에 적용하는 법
|
||||||
- [ ] closing `inline-css` issue [#8](https://github.com/jonkemp/inline-css/issues/8#issuecomment-149025428) would greatly improve this repo
|
|
||||||
- [ ] preprocessor support (simplifies BEM)
|
|
||||||
- [ ] use github pages to show live demos
|
|
||||||
- [ ] check [gulp-inline-css](https://github.com/jonkemp/inline-css) for new features
|
|
||||||
|
|
||||||
|
### 아웃룩
|
||||||
|
|
||||||
## Usage with different e-mail clients
|
### Apple Mail / OS X
|
||||||
|
|
||||||
### Thunderbird
|
|
||||||
There are several Thunderbird plugins which can automatically insert signatures when composing e-mails. We recommend [SmartTemplate4](https://addons.mozilla.org/en-us/thunderbird/addon/smarttemplate4) as one of the options. It can use different templates for new e-mails, replies and forwarded e-mails.
|
|
||||||
|
|
||||||
|
|
||||||
### Apple Mail / OS X (oh boy)
|
|
||||||
|
|
||||||
#### Solution 1
|
#### Solution 1
|
||||||
- Open Mail.app and go to `Mail` -> `Preferences` -> `Signatures`
|
- Open Mail.app and go to `Mail` -> `Preferences` -> `Signatures`
|
||||||
|
|
@ -83,26 +56,10 @@ $ open -a TextEdit ~/Library/Mobile\ Documents/com~apple~mail/Data/V3/MailData/S
|
||||||
You can also open the HTML files in `/dist` in a browser, CMD + A, CMD + C and then paste into the signature box. This won't copy the `<html>` part or the `<style>` part that includes media queries. Follow the guide if you want it.
|
You can also open the HTML files in `/dist` in a browser, CMD + A, CMD + C and then paste into the signature box. This won't copy the `<html>` part or the `<style>` part that includes media queries. Follow the guide if you want it.
|
||||||
|
|
||||||
|
|
||||||
#### Troubleshooting
|
|
||||||
|
|
||||||
If solution #1 doesn't work, you can repeat the steps and lock the signature files before you open Mail.app again.
|
|
||||||
Lock Files:
|
|
||||||
```
|
|
||||||
$ chflags uchg ~/Library/Mail/V3/MailData/Signatures/*.mailsignature
|
|
||||||
```
|
|
||||||
|
|
||||||
If you want to do changes later, you have to unlock the files:
|
|
||||||
```
|
|
||||||
$ chflags nouchg ~/Library/Mail/V3/MailData/Signatures/*.mailsignature
|
|
||||||
```
|
|
||||||
|
|
||||||
If you are using iCloud drive or having problems with it, you might also want to check [this article](http://matt.coneybeare.me/how-to-make-an-html-signature-in-apple-mail-for-el-capitan-os-x-10-dot-11/).
|
|
||||||
|
|
||||||
|
|
||||||
===================
|
===================
|
||||||
<br/>
|
<br/>
|
||||||
<a href="http:fadeit.dk"><img src="http://fadeit.dk/src/assets/img/brand/fadeit_logo_full.svg" alt="The fadeit logo" style="width:200px;"/></a><br/><br/>
|
<a href="http:fadeit.dk"><img src="http://fadeit.dk/src/assets/img/brand/fadeit_logo_full.svg" alt="The fadeit logo" style="width:200px;"/></a><br/><br/>
|
||||||
|
|
||||||
####About fadeit
|
####Powered by fadeit
|
||||||
We build awesome software, web and mobile applications.
|
See more at [fadeit.dk](http://fadeit.dk)
|
||||||
See more at [fadeit.dk](http://fadeit.dk)
|
|
||||||
|
|
@ -0,0 +1,108 @@
|
||||||
|
# Responsive HTML mail signatures
|
||||||
|
### Let's punch email clients in the stomach!
|
||||||
|
Responsive templates for mail signatures. <br/>
|
||||||
|
|
||||||
|
When you need some basic signatures that work on mobile.<br/>
|
||||||
|
...and your colleagues need them too.<br/>
|
||||||
|
...but you don't want to deal with tables and inline styles.
|
||||||
|
|
||||||
|
## Preview
|
||||||
|
Here's how the samples look:
|
||||||
|
|
||||||
|

|
||||||
|

|
||||||
|
|
||||||
|
## Motivation
|
||||||
|
Let's make writing HTML emails & email signatures easier. We won't fix all email clients, but we can surely make the process of satisfying them a tad nicer. <br/>
|
||||||
|
See a fairly comprehensive rant on the subject (and not only) [in this article](http://fadeit.dk/blog/post/html-emails-and-email-signatures-how-hard-can-it-be).
|
||||||
|
|
||||||
|
|
||||||
|
## What does it do
|
||||||
|
- [x] config-based template generation
|
||||||
|
- [x] allows generating multiple templates (for your colleagues too!)
|
||||||
|
- [x] transforms linked (`<link>`) CSS into inline styles
|
||||||
|
- [x] embeds local `img[src]` into the template (base64).*
|
||||||
|
- [x] minifies the template
|
||||||
|
- [x] media queries for mail clients that support them
|
||||||
|
- [x] can build templates from multiple sources
|
||||||
|
- [x] watches HTML/CSS files for changes and re-builds
|
||||||
|
|
||||||
|
|
||||||
|
**Some mail clients don't support them, so an external URL might be a good idea.*
|
||||||
|
|
||||||
|
|
||||||
|
## Getting started
|
||||||
|
```
|
||||||
|
$ npm install
|
||||||
|
$ gulp
|
||||||
|
```
|
||||||
|
|
||||||
|
Take a look at `src/fadeit/` for an example. Copy / Paste, rename it and change `src/fadeit/conf.js` to suite your needs. Run `gulp` to build the templates (into `/dist`). The gulp task will watch HTML & CSS files by default.
|
||||||
|
|
||||||
|
## Overview
|
||||||
|
This diagram shows what happens to your templates.
|
||||||
|

|
||||||
|
|
||||||
|
|
||||||
|
## CSS Support
|
||||||
|
Remember, it's HTML mails, so you need to check a big-ass table to find out nothing's gonna work.
|
||||||
|
See [this](https://www.campaignmonitor.com/css/). Still [gulp-inline-css](https://www.npmjs.com/package/gulp-inline-css) is being used to convert whatever CSS you throw at it to inline styles.
|
||||||
|
|
||||||
|
|
||||||
|
## TODO:
|
||||||
|
- [ ] closing `inline-css` issue [#8](https://github.com/jonkemp/inline-css/issues/8#issuecomment-149025428) would greatly improve this repo
|
||||||
|
- [ ] preprocessor support (simplifies BEM)
|
||||||
|
- [ ] use github pages to show live demos
|
||||||
|
- [ ] check [gulp-inline-css](https://github.com/jonkemp/inline-css) for new features
|
||||||
|
|
||||||
|
|
||||||
|
## Usage with different e-mail clients
|
||||||
|
|
||||||
|
### Thunderbird
|
||||||
|
There are several Thunderbird plugins which can automatically insert signatures when composing e-mails. We recommend [SmartTemplate4](https://addons.mozilla.org/en-us/thunderbird/addon/smarttemplate4) as one of the options. It can use different templates for new e-mails, replies and forwarded e-mails.
|
||||||
|
|
||||||
|
|
||||||
|
### Apple Mail / OS X (oh boy)
|
||||||
|
|
||||||
|
#### Solution 1
|
||||||
|
- Open Mail.app and go to `Mail` -> `Preferences` -> `Signatures`
|
||||||
|
- Create a new signature and write some placeholder text (doesn't matter what it is, but you have to identify it later).
|
||||||
|
- Close Mail.app.
|
||||||
|
- Open terminal, then open the signature files using TextEdit (might be different for iCloud drive check the article below).
|
||||||
|
```
|
||||||
|
$ open -a TextEdit ~/Library/Mobile\ Documents/com~apple~mail/Data/V3/MailData/Signatures/ubiquitous_*.mailsignature
|
||||||
|
```
|
||||||
|
- Keep the file with the placeholder open, close the other ones.
|
||||||
|
- Replace the `<body>...</body>` and it's contents with the template of your choice. *Don't remove the meta information at the top!*
|
||||||
|
- Open Mail.app and compose a new mail. Select the signature from the list to test it out.
|
||||||
|
|
||||||
|
**NB**: Images won't appear in the signature preview, but will work fine when you compose a message.
|
||||||
|
|
||||||
|
|
||||||
|
####Solution 2
|
||||||
|
You can also open the HTML files in `/dist` in a browser, CMD + A, CMD + C and then paste into the signature box. This won't copy the `<html>` part or the `<style>` part that includes media queries. Follow the guide if you want it.
|
||||||
|
|
||||||
|
|
||||||
|
#### Troubleshooting
|
||||||
|
|
||||||
|
If solution #1 doesn't work, you can repeat the steps and lock the signature files before you open Mail.app again.
|
||||||
|
Lock Files:
|
||||||
|
```
|
||||||
|
$ chflags uchg ~/Library/Mail/V3/MailData/Signatures/*.mailsignature
|
||||||
|
```
|
||||||
|
|
||||||
|
If you want to do changes later, you have to unlock the files:
|
||||||
|
```
|
||||||
|
$ chflags nouchg ~/Library/Mail/V3/MailData/Signatures/*.mailsignature
|
||||||
|
```
|
||||||
|
|
||||||
|
If you are using iCloud drive or having problems with it, you might also want to check [this article](http://matt.coneybeare.me/how-to-make-an-html-signature-in-apple-mail-for-el-capitan-os-x-10-dot-11/).
|
||||||
|
|
||||||
|
|
||||||
|
===================
|
||||||
|
<br/>
|
||||||
|
<a href="http:fadeit.dk"><img src="http://fadeit.dk/src/assets/img/brand/fadeit_logo_full.svg" alt="The fadeit logo" style="width:200px;"/></a><br/><br/>
|
||||||
|
|
||||||
|
####About fadeit
|
||||||
|
We build awesome software, web and mobile applications.
|
||||||
|
See more at [fadeit.dk](http://fadeit.dk)
|
||||||
|
|
@ -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="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>
|
<!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;">스토어 기술개발팀 | SW engineer<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:+821012345678" style="color: #888; text-decoration: none;"><span style="color: #888 !important; text-decoration: none !important;">+82-10-1234-5678</span></a> | <a href="mailto:devhelper@onestore.co.kr" target="_blank" style="color: #888; text-decoration: none;">devhelper@onestore.co.kr</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://cfile24.uf.tistory.com/image/224EEA3B570DEAB015AB12" 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;"><br></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="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>
|
<!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;">스토어 기술개발팀 | SW engineer<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:+821012345678" style="color: #888; text-decoration: none;"><span style="color: #888 !important; text-decoration: none !important;">+82-10-1234-5678</span></a> | <a href="mailto:devhelper@onestore.co.kr" target="_blank" style="color: #888; text-decoration: none;">devhelper@onestore.co.kr</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://cfile24.uf.tistory.com/image/224EEA3B570DEAB015AB12" 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;"><br></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="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>
|
<!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;">undefined<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;"><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: 22px;"><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: 22px;"><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: 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>Joo Hyung Park</strong><br><strong>Store Platform Developmet team</strong> | SW engineer</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://cfile5.uf.tistory.com/image/21450F3B570DEAB01F8E92" 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;">Call <a href="tel:+821012345678" style="color: #f5f5f5; text-decoration: none;"><span style="color: #f5f5f5 !important; text-decoration: none !important;">+82-10-1234-5678</span></a> or email us at <a href="mailto:devhelper@onestore.co.kr" target="_blank" style="color: #f5f5f5; text-decoration: none;">devhelper@onestore.co.kr</a><br>address: <a href="http://map.naver.com/?dlevel=11&pinType=site&pinId=35263909&x=127.1100213&y=37.3975215&enc=b64" style="color: #f5f5f5; text-decoration: none;">188, Pangyoyeok-ro, Bundang-gu, Seongnam-si, Gyeonggi-do, Korea</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="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>
|
<!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>Joo Hyung Park</strong><br><strong>Store Platform Developmet team</strong> | SW engineer</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://cfile5.uf.tistory.com/image/21450F3B570DEAB01F8E92" 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;">Call <a href="tel:+821012345678" style="color: #f5f5f5; text-decoration: none;"><span style="color: #f5f5f5 !important; text-decoration: none !important;">+82-10-1234-5678</span></a> or email us at <a href="mailto:devhelper@onestore.co.kr" target="_blank" style="color: #f5f5f5; text-decoration: none;">devhelper@onestore.co.kr</a><br>address: <a href="http://map.naver.com/?dlevel=11&pinType=site&pinId=35263909&x=127.1100213&y=37.3975215&enc=b64" style="color: #f5f5f5; text-decoration: none;">188, Pangyoyeok-ro, Bundang-gu, Seongnam-si, Gyeonggi-do, Korea</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="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>
|
<!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<br></td></tr></table></td></tr></table></body></html>
|
||||||
|
|
@ -5,15 +5,17 @@
|
||||||
module.exports = [
|
module.exports = [
|
||||||
{
|
{
|
||||||
id: 'ONEstore', // Will be appended to the built templates.
|
id: 'ONEstore', // Will be appended to the built templates.
|
||||||
signature: '서비스 기획팀 | 매니저',
|
// signature: '감사합니다.',
|
||||||
name: '박 주 형',
|
name: '매 니 저',
|
||||||
welcome: '안녕하세요. 박주형 매니저 입니다.',
|
team: '스토어 기술개발팀',
|
||||||
|
title: 'SW engineer',
|
||||||
|
welcome: '안녕하세요.',
|
||||||
introParagraph: 'Thanks for writing up this email.<br/> We are delighted to reply with a responsive template.',
|
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.
|
contactMain: '<a href="tel:+821012345678"><span>+82-10-1234-5678</span></a> | ', // Wrap phone numbers like this to prevent iOS mail from making them blue.
|
||||||
contactMail: 'jude.park@sk.com',
|
contactMail: 'devhelper@onestore.co.kr',
|
||||||
contactSecondary: '성남시 분당구 판교역로 188 SK플래닛 건물 11층',
|
contactSecondary: '성남시 분당구 판교역로 188 SK플래닛 건물 11층',
|
||||||
logoUrl: 'http://cfile25.uf.tistory.com/image/2455244C570C6A371D53B6',
|
logoUrl: 'http://cfile24.uf.tistory.com/image/224EEA3B570DEAB015AB12',
|
||||||
logoAlt: 'Onestore logo',
|
logoAlt: 'Onestore logo',
|
||||||
website: 'http://onesto.re'
|
website: 'http://onesto.re/'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<tr>
|
<tr>
|
||||||
<!-- @todo gulp-inline-css doesn't parse align -->
|
<!-- @todo gulp-inline-css doesn't parse align -->
|
||||||
<td class="footer__main__signature" align="left">
|
<td class="footer__main__signature" align="left">
|
||||||
<!-- @echo signature --><br />
|
<!-- @echo team --> | <!-- @echo title --><br />
|
||||||
<!-- @echo name --><br />
|
<!-- @echo name --><br />
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
@ -29,7 +29,7 @@
|
||||||
<!-- @todo gulp-inline-css doesn't parse align -->
|
<!-- @todo gulp-inline-css doesn't parse align -->
|
||||||
<td class="footer__main__col2__td" align="right">
|
<td class="footer__main__col2__td" align="right">
|
||||||
<a href="<!-- @echo website -->">
|
<a href="<!-- @echo website -->">
|
||||||
<img src="<!-- @echo logoUrl -->" alt="<!-- @echo logoAlt -->" class="footer__main__col2__td__img"/>
|
<img src="<!-- @echo logoUrl -->" alt="<!-- @echo logoAlt -->" class="footer__main__col2__td__img"/><br />
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
</table>
|
</table>
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
|
|
@ -1,13 +1,21 @@
|
||||||
|
/*
|
||||||
|
* 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 = [
|
module.exports = [
|
||||||
{
|
{
|
||||||
id: 'ONEstoreBlack',
|
id: 'ONEstoreBlack', // Will be appended to the built templates.
|
||||||
signature: 'Best regards,',
|
signature: 'Best regards,',
|
||||||
name: 'Joo Hyung Park | Sevice Planning Team',
|
name: 'Joo Hyung Park',
|
||||||
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.
|
team: 'Store Platform Developmet team',
|
||||||
contactMail: 'jude.park@sk.com',
|
title: 'SW engineer',
|
||||||
slogan: 'The 1st integrated Android App store in Korea',
|
welcome: '안녕하세요.',
|
||||||
|
introParagraph: 'Thanks for writing up this email.<br/> We are delighted to reply with a responsive template.',
|
||||||
|
contactMain: 'Call <a href="tel:+821012345678"><span>+82-10-1234-5678</span></a> or email us at', // Wrap phone numbers like this to prevent iOS mail from making them blue.
|
||||||
|
contactMail: 'devhelper@onestore.co.kr',
|
||||||
|
// slogan: '\"The 1st integrated Android App store in Korea\"',
|
||||||
contactSecondary: '188, Pangyoyeok-ro, Bundang-gu, Seongnam-si, Gyeonggi-do, Korea',
|
contactSecondary: '188, Pangyoyeok-ro, Bundang-gu, Seongnam-si, Gyeonggi-do, Korea',
|
||||||
logoUrl: 'http://cfile9.uf.tistory.com/image/2178343D570C68482371D5',
|
logoUrl: 'http://cfile5.uf.tistory.com/image/21450F3B570DEAB01F8E92',
|
||||||
logoAlt: 'ONEstore. logo',
|
logoAlt: 'ONEstore. logo',
|
||||||
website: 'http://onesto.re/'
|
website: 'http://onesto.re/'
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -6,6 +6,7 @@
|
||||||
<td class="footer__main__signature" align="left">
|
<td class="footer__main__signature" align="left">
|
||||||
<!-- @echo signature --><br />
|
<!-- @echo signature --><br />
|
||||||
<strong><!-- @echo name --></strong><br />
|
<strong><!-- @echo name --></strong><br />
|
||||||
|
<strong><!-- @echo team --></strong> | <!-- @echo title -->
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
|
|
@ -26,9 +27,9 @@
|
||||||
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse align -->
|
<!-- @todo gulp-inline-css can't use width in percentages, doesn't parse align -->
|
||||||
<table class="rbcc footer__main__col1" width="70%" align="left">
|
<table class="rbcc footer__main__col1" width="70%" align="left">
|
||||||
<td class="footer__main__col1__td" align="left">
|
<td class="footer__main__col1__td" align="left">
|
||||||
<span><!-- @echo slogan --></span><br/>
|
|
||||||
<!-- @echo contactMain -->
|
<!-- @echo contactMain -->
|
||||||
<a href="mailto:<!-- @echo contactMail -->" target="_blank"><!-- @echo contactMail --></a>
|
<a href="mailto:<!-- @echo contactMail -->" target="_blank"><!-- @echo contactMail --></a><br/>
|
||||||
|
address: <a href="http://map.naver.com/?dlevel=11&pinType=site&pinId=35263909&x=127.1100213&y=37.3975215&enc=b64"> <!-- @echo contactSecondary --></a>
|
||||||
</td>
|
</td>
|
||||||
</table>
|
</table>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
@ -92,7 +92,7 @@ a{
|
||||||
*/
|
*/
|
||||||
.footer{
|
.footer{
|
||||||
/* @todo gulp-inline-css doesn't parse background-color -> bgcolor */
|
/* @todo gulp-inline-css doesn't parse background-color -> bgcolor */
|
||||||
background-color: #FF4244;
|
background-color: #303030;
|
||||||
padding: 20px 30px 0px 30px;
|
padding: 20px 30px 0px 30px;
|
||||||
color: #f5f5f5;
|
color: #f5f5f5;
|
||||||
border-top: 8px solid #585858;
|
border-top: 8px solid #585858;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue