-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsignature.html
40 lines (32 loc) · 2.93 KB
/
signature.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<div style="display:flex; flex-direction: column; max-width:420px; font-family: Arial; line-height: 25px; font-size:14px;">
<!-- Header -->
<div style="flex:1;">
<div style="width:50%;height:100%;float:left; padding-top:30px;">
<span style="font-weight:700; font-size:18px;">Full Name</span><br>
Job title<br>
Invasion
</div>
<div style="width:50%; text-align:right; float:left;">
<img src="https://invasion.com/wp-content/uploads/2017/08/invasion-logo-small.gif" alt="" style="max-width:130px;">
</div>
</div>
<!-- Details -->
<div style="flex:1; border-top:1px solid #EA232A; border-bottom:1px solid #EA232A; margin:25px 0 30px 0; padding:25px 0; font-size:12px;">
<img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/phone-icon-2x.png" alt="" style="background:#EA232A;max-height:10px;"> <a href="tel:01613123459" style="color:black;">0161 312 3459</a> | <a href="tel:07875215185" style="color:black;">0787 521 5185</a><br>
<img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/email-icon-2x.png" alt="" style="background:#EA232A;max-height:10px;"> <a href="mailto:info@invasion.com" style="color:black;">Name@Invasion.com</a><br>
<img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/link-icon-2x.png" alt="" style="background:#EA232A;max-height:10px;"> <a href="https://invasion.com" style="color:black;">Invasion.com</a><br>
<img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/address-icon-2x.png" alt="" style="background:#EA232A;max-height:10px;"> Unit 5, The Foundry, 325 Ordsall Lane, M5 3LW
</div>
<!-- Footer -->
<div style="flex:1; ">
<div style="width:60%;float:left;">
<img src="https://invasion.com/wp-content/uploads/2017/08/inv-footer.jpg" alt="" style="width:100%;">
</div>
<div style="width:40%; text-align:right; float:left;">
<a href="https://www.facebook.com/invasion"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/facebook-icon-2x.png" style="background: #EA232A; max-width:25px;" alt=""></a>
<a href="https://twitter.com/invasion"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/twitter-icon-2x.png" style="background: #EA232A; max-width:25px;" alt=""></a>
<a href="https://www.linkedin.com/organization-guest/company/invasion"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/linkedin-icon-2x.png" style="background: #EA232A; max-width:25px;" alt=""></a>
<a href="https://www.instagram.com/invasion/"><img src="https://cdn2.hubspot.net/hubfs/53/tools/email-signature-generator/icons/instagram-icon-2x.png" style="background: #EA232A; max-width:25px;" alt=""></a>
</div>
</div>
</div>