Add Outlook instructions & Korean readme [#8 from dusskapark/master
Master
This commit is contained in:
Dan Mindru
commit
32bb8cb843
29
README.md
29
README.md
|
|
@ -98,6 +98,35 @@ $ 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/).
|
||||
|
||||
### Outlook 2010 Client for Windows 7
|
||||
|
||||
#### Solution 1
|
||||
- Open Outlook 2010 and go to `File > Option > Mail > Signature`
|
||||
- Create new signature (with a placeholder for your convenience)
|
||||
- Open signature folder using CMD
|
||||
|
||||
> As the AppData folder is hidden, I'd recommend you to opne it via CMD.
|
||||
|
||||
```
|
||||
cd AppData\Roamin\Microsoft
|
||||
start Signatures
|
||||
|
||||
```
|
||||
|
||||
- Within this folder, find a file named with your placeholder then right click this file and select edit.
|
||||
- Replace it with your HTML and save
|
||||
- Open Outlook again and check your signature
|
||||
|
||||
|
||||
#### Solution 2
|
||||
Unfortnately, Outlook 2010 client dosen't support HTML file import features for your email template. But you can add your own signatures by simple Copy and paste like **Solution 2** above.
|
||||
|
||||
- Open built html file on `/dist` folder and Ctrl A + C
|
||||
- Open Outlook 2010 and go to `File > Option > Mail > Signature`
|
||||
- Create new signature and paste copyed one
|
||||
|
||||
|
||||
> **NB**: base 64 will not be shown on Outlook 2010 client. So, I recommend to use external url if you want to use images.
|
||||
|
||||
===================
|
||||
<br/>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,142 @@
|
|||
# 반응형 HTML 메일 서명
|
||||
### 이메일 클라이언트를 씹어먹자(?!)
|
||||
이메일 서명 전용 반응형 템플릿<br/>
|
||||
|
||||
> 모바일에서 잘 동작하는 기본 서명이 필요하신가요? <br/>
|
||||
> ... 그리고 직장동료들도 필요한가요? <br/>
|
||||
> ... 근데 지저분하게 테이블이랑 인라인 CSS를 만들기 싫은가요? <br/>
|
||||
|
||||
|
||||
## Preview
|
||||
본 템플릿의 기본 동작방식은 아래와 같습니다:
|
||||
|
||||
|
||||
|
||||
|
||||
## 만들게된 동기 (Motivation)
|
||||
이메일용 html은 일반적인 HTML과 달리 모든 코드를 in-line CSS로 만들어야 합니다. 그래서 이메일 템플릿이랑 서명을 만들기가 굉장히 어렵습니다. "이런 HTML 템플릿과 서명을 편하게 만들어보자!" 라는 생각에서 이 템플릿을 만들었습니다. 물론 모든 이메일 클라이언트의 이슈를 전부 다 고칠 수는 없지만, 이 템플릿을 활용해서 조금 더 쉽고 깔끔한 반응형 이메일을 만들어서 받는 사람 보내는 사람 모두가 만족하게 만들 수 있습니다!
|
||||
|
||||
이 [블로그 포스팅](http://fadeit.dk/blog/post/html-emails-and-email-signatures-how-hard-can-it-be)에서 fadeit 의 더 많은 이애기를 들어보세요.
|
||||
|
||||
|
||||
## 이 템플릿에서 무엇을 할 수 있나? (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
|
||||
|
||||
> *일부 이메일 클라이언트는 base64 기반의 이미지 표시 기능을 지원하지 않습니다. 외부 링크를 사용하는 것이 더 좋은 선택일 것 같아요.
|
||||
|
||||
|
||||
## 시작하기 (Getting started)
|
||||
```
|
||||
$ npm install
|
||||
$ gulp
|
||||
```
|
||||
|
||||
`src/fadeit/` 를 확인해보시면 멋진 2개의 이메일 템플릿 샘플이 있습니다. 폴더를 통째로 다른 이름으로 복사/붙여넣기 하시고 그 안에 있는 `src/fadeit/conf.js` 파일을 입맛대로 바꿔보세요. 다음으로는 `gulp`를 실행해서 여러분 만의 이메일 템플릿을 빌드하세요. gulp 의 task가 동작하면서 기본 html CSS 파일을 확인하고 새로운 html 파일을 `/dist`에 저장합니다.
|
||||
|
||||
## 살펴보기 (Overview)
|
||||
아래 순서도는 여러분이 만든 템플릿이 어떻게 빌드가 되는지를 보여줍니다.
|
||||
|
||||
|
||||
|
||||
|
||||
## CSS 서포트 (CSS Support)
|
||||
|
||||
기억해둘 것은... 이것은 이메일용 HTML 을 만드는 것입니다. 그러니깐 이 프로젝트로 이메일을 빌드하는 여러분은 요즘은 잘 쓰지도 않는 멍청한 테이블 코드 덩어리를 확인하고 그 속에서 어떤 CSS가 동작하는지 안하는지를 알아봐야 할지도 모릅니다.(일단 이 [포스트](https://www.campaignmonitor.com/css/)를 참고하세요.) 아무튼 이런 과정을 통해서 여러분이 어떤 CSS 파일을 만들면, [gulp-inline-css](https://www.npmjs.com/package/gulp-inline-css) 모듈을 통해서 인라인 CSS로 바뀌어서 여러분의 HTML 파일로 빌드됩니다.
|
||||
|
||||
|
||||
## 앞으로 할 일 (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
|
||||
썬더버드 이메일 클라이언트에 html 서명을 자동으로 넣어주는 몇몇 플러그인이 있스빈다. 일단 우리는 [SmartTemplate4](https://addons.mozilla.org/en-us/thunderbird/addon/smarttemplate4) 를 추천합니다. 이 플러그인을 쓰면 새 이메일, 답장, 전달 등을 할 때마다 각각 다른 이메일 템플릿을 쓸 수 있습니다.
|
||||
|
||||
|
||||
### Apple Mail / OS X (꼭.. 써야 한다면?)
|
||||
|
||||
#### 방법 1
|
||||
- 이메일 앱을 열고 `Mail` -> `Preferences` -> `Signatures` 로 이동하세요.
|
||||
- 아무거나 새 이메일 서명을 만들세요. (나중에 찾기 편하게 placeholder 를 써두는 것이 좋습니다.)
|
||||
- 이메일을 닫으세요.
|
||||
- 터미널을 열고 TextEdit으로 서명 파일을 열어보세요. (iCloud drive를 사용하는 경우는 잘 작동하지 않는 경우가 있습니다. 아래 troubleshooting을 참고하세요. )
|
||||
|
||||
```
|
||||
$ open -a TextEdit ~/Library/Mobile\ Documents/com~apple~mail/Data/V3/MailData/Signatures/ubiquitous_*.mailsignature
|
||||
```
|
||||
- 위에서 placeholder를 넣어둔 파일을 열어봅니다.
|
||||
- `<body>...</body>` 의 모든 html 코드를 여러분이 빌드한 `/dist/`의 html 파일로 교체 합니다. (`<body>`외에 다른 메타 정보는 수정하지 마세요!)
|
||||
- 메일앱을 다시 실행하고 새로 바뀐 서명을 확인해보세요 :)
|
||||
|
||||
> **주의**: 이미지 파일은 원래 `preference`의 미리보기 화면에서는 나오지 않습니다. 하지만 이메일을 만들고 발송하는 곳에서는 잘 보여지니깐 걱정마세요!
|
||||
|
||||
|
||||
#### 방법 2
|
||||
다른 방법으로는 `/dist` 에 빌드한 html 파일을 CMD + A, CMD + C 해서 설정에 이메일 서명 박스에 붙여넣기 해서 쓸 수도 있습니다. 하지만 이렇게 복붙을 하는 경우 파일의 `<html>` 이나 반응형 웹을 위한 미디어쿼리가 들어있는 `<style>` 부분을 복붙하는 것이 아니라 정상적으로 작동하지 않을 수 있습니다.
|
||||
|
||||
|
||||
#### Troubleshooting
|
||||
|
||||
만약 위의 방법 1이 정상적으로 작동하지 않는다면 파일을 수정 후 메일 앱을 열기전에 아래 방법으로 파일을 잠궈야 합니다.
|
||||
|
||||
Lock Files:
|
||||
```
|
||||
$ chflags uchg ~/Library/Mail/V3/MailData/Signatures/*.mailsignature
|
||||
```
|
||||
|
||||
나중에 파일을 수정할 생각이면 아래 방법으로 언락하세요 :
|
||||
```
|
||||
$ chflags nouchg ~/Library/Mail/V3/MailData/Signatures/*.mailsignature
|
||||
```
|
||||
|
||||
만약 iCloud drive 를 사용하는 경우에는 위와 같은 문제가 있을 수 있습니다. 아래 블로그 포스팅을 참고하시면 도움이 될 것 입니다. [아이클라우드 드라이브 문제 해결하기 (보기)](http://matt.coneybeare.me/how-to-make-an-html-signature-in-apple-mail-for-el-capitan-os-x-10-dot-11/).
|
||||
|
||||
|
||||
### 아웃룩 2010에서 사용하기 (Outlook 2010)
|
||||
#### 방법 1
|
||||
- 아웃룩 2010을 켜고 `File > Option > Mail > Signature` 으로 접속하세요.
|
||||
- 새 서명을 만드세요. (나중에 확인하기 좋게, 표시를 해두시면 좋습니다.)
|
||||
- CMD를 켜고 아래와 같이 입력하세요.
|
||||
|
||||
> AppData 폴더가 숨김 폴더라 가급적이면 CMD를 사용하는 것을 권장합니다.
|
||||
|
||||
```
|
||||
cd AppData\Roamin\Microsoft
|
||||
start Signatures
|
||||
|
||||
```
|
||||
|
||||
- 이 폴더에서 아까 만든 서명파일을 찾아서 우클릭해서 편집을 하세요.
|
||||
- 모든 HTML코드를 여러분이 새로 만든 코드로 바꿔버리세요.
|
||||
- 아웃룩을 열고 서명이 적용됐는지 확인해주세요.
|
||||
|
||||
> **주의** 위 방법으로 진행할 경우, 한글 등 유니코드가 깨지는 문제가 있습니다. 한글 이메일 서명의 경우 아래 **방법2**을 사용하시기 바랍니다.
|
||||
|
||||
#### 방법 2
|
||||
아웃룩에서는 html 파일을 넣는 방법을 제공하지 않습니다. (아...) 그래서 위의 **방법 2** 처럼 파일을 복사/붙여넣기 하는 방법으로 사용할 수 있습니다.
|
||||
|
||||
- `/dist` 에 빌드한 html 파일을 브라우저에서 열고, ctrl A + C 로 복사하세요.
|
||||
- Outlook 을 열고 `파일 > 옵션 > 메일 > 서명` 으로 들어가세요.
|
||||
- 새 서명을 만들고 아래 박스에 Ctrl + V 로 파일을 붙여넣기 하세요.
|
||||
|
||||
> base 64로 만든 이메일 파일은 잘 작동하지 않을 수 있습니다. 외부 링크를 활용하시기를 권장합니다.
|
||||
|
||||
|
||||
===================
|
||||
<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)
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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;">undefined<br>0 0 0 매니저<br></td></tr></table></td></tr></table></body></html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -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<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'),
|
||||
wrench = require('wrench');
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
"homepage": "https://github.com/fadeit/responsive-html-email-signature#readme",
|
||||
"devDependencies": {
|
||||
"del": "^2.2.0",
|
||||
"gulp": "^3.9.0",
|
||||
"gulp": "^3.9.1",
|
||||
"gulp-inline-css": "^3.0.0",
|
||||
"gulp-inline-image-html": "^0.2.1",
|
||||
"gulp-minify-html": "^1.0.5",
|
||||
|
|
@ -34,5 +34,6 @@
|
|||
"q": "^1.4.1",
|
||||
"run-sequence": "^1.1.5",
|
||||
"wrench": "^1.5.8"
|
||||
}
|
||||
},
|
||||
"dependencies": {}
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
|
|
@ -0,0 +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 = [
|
||||
{
|
||||
id: 'ONEstore', // Will be appended to the built templates.
|
||||
// signature: '감사합니다.',
|
||||
name: '0 0 0 매니저',
|
||||
team: '스토어 기획팀',
|
||||
title: 'Dev Relations',
|
||||
welcome: '안녕하세요.',
|
||||
introParagraph: 'Thanks for writing up this email.<br/> We are delighted to reply with a responsive template.',
|
||||
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: 'devhelper@onestore.co.kr',
|
||||
contactSecondary: '성남시 분당구 판교역로 188 SK플래닛 건물 11층',
|
||||
logoUrl: 'assets/type01.png',
|
||||
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 team --> | <!-- @echo title --><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"/><br />
|
||||
</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: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
|
|
@ -0,0 +1,22 @@
|
|||
/*
|
||||
* 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: 'ONEstoreBlack', // Will be appended to the built templates.
|
||||
signature: 'Best regards,',
|
||||
name: 'Joo Hyung Park',
|
||||
team: 'Service Planning Team',
|
||||
title: 'Dev Relations',
|
||||
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',
|
||||
logoUrl: 'assets/type03.png',
|
||||
logoAlt: 'ONEstore. logo',
|
||||
website: 'http://onesto.re/'
|
||||
}
|
||||
]
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<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 />
|
||||
<strong><!-- @echo team --></strong> | <!-- @echo title -->
|
||||
</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">
|
||||
<!-- @echo contactMain -->
|
||||
<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>
|
||||
</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,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: #303030;
|
||||
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