A Pen by Johnny Young on CodePen.
Created
April 29, 2020 19:13
-
-
Save johnny3young/25ac1cf716d61a05ce43ffa4447a33c2 to your computer and use it in GitHub Desktop.
Email signature
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <br>a | |
| <div style="border: 1px solid rgba(37, 201, 255,.5); display: inline-block; border-radius: 3px;"> | |
| <table style="font-family: arial; height:90px; border-collapse: collapse; border: "> | |
| <tr> | |
| <td style="padding: 7px"> | |
| <img src="https://drupal.ed.team/sites/default/files/styles/perfil_de_usuario_250x250_/public/pictures/2018-11/alvaro.jpg?itok=PgZOAnuP" | |
| alt="" | |
| width="80" | |
| height="80" | |
| style="display:block; border-radius: 50%; margin-right: 7px; float: left" | |
| > | |
| <div style="width: 5px; height: 80px; background:#75c8fd; float: right"> | |
| </td> | |
| <td style="vertical-align:top; padding:7px 14px 7px 3px"> | |
| <strong style="margin: 0; font-size:17px; color: rgba(40, 45, 49,.9); line-height: 24px; height: 24px; display:block">Álvaro Felipe Chávez</strong> | |
| <p style='font-size:12px; margin: 0px 0 6px; height: 30px'> | |
| <span style="margin: 0; color: #666">Director General (CEO)</span> | |
| <br> | |
| <a href='https://ed.team' style="color: #25C9FF; font-weight: bold">https://ed.team</a> | |
| </p> | |
| <div id="sociales" ></div> | |
| </td> | |
| </tr> | |
| </table> | |
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| let socials = { | |
| facebook: { | |
| url: 'https://ed.team/facebook', | |
| icon: 'https://drupal.ed.team/sites/default/files/social-icons/facebook-icon.png' | |
| } , | |
| youtube: { | |
| url: 'https://ed.team/youtube', | |
| icon: 'https://drupal.ed.team/sites/default/files/social-icons/youtube-icon.png' | |
| }, | |
| twitter: { | |
| url: 'https://ed.team/twitter', | |
| icon: 'https://drupal.ed.team/sites/default/files/social-icons/twitter-icon.png' | |
| }, | |
| linkedin: { | |
| url: 'https://ed.team/linkedin', | |
| icon: 'https://drupal.ed.team/sites/default/files/social-icons/linkedin-icon.png' | |
| }, | |
| github: { | |
| url: 'https://ed.team/github', | |
| icon: 'https://drupal.ed.team/sites/default/files/social-icons/github-icon.png' | |
| } | |
| } | |
| let socialIcons = ''; | |
| for(let social in socials) { | |
| socialIcons += `<a href="${socials[social].url}" style="display:inline-block;margin-right:6px"><img src="${socials[social].icon}" width="20" style="display: block"></a>` | |
| } | |
| document.getElementById('sociales').innerHTML = socialIcons; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment