IDC-emailFirma ··

In this example below you will see how to do a IDC-emailFirma ·· with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by ivanDC, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright ivanDC ©
  • HTML
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>IDC-emailFirma ··</title>
  
  
  
  
  
</head>

<body>

  <style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Montserrat);


	
</style>



<table width="458" border="0" cellspacing="0" cellpadding="0" style="border:solid #eaeaea 1px; padding:10px;">
  <tr>
    <td >
      <table width="456" border="0" cellpadding="0" cellspacing="0" style="font-family: Montserrat, Arial, Helvetica, sans-serif;">
        <tbody>
          <tr>
            <td width="134" valign="top"  ><img src="http://qubimtextil.com/ivandc/idc.jpg" width="118" height="118" alt="" /></td>
            <td width="295"  ><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td style="font-size:12px; color:#666666; font-weight:bold;">DESIGNER</td>
              </tr>
              <tr>
                <td style="font-size:28px; color:#313131; font-weight:bold;">Iván DC</td>
              </tr>
              <tr>
                <td style="font-size:11px; color:#999999; padding-top:6px; line-height:18px;">DISEÑO MULTIMEDIA & WEB <br />
                  Rosario - Argentina, <br />
                  </td>
              </tr>
              <tr>
               
              </tr>
            </table></td>
          </tr>
          <tr>
            <td colspan="2"  ><table style="border-top: #eaeaea solid 1px; margin-top:15px; "width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="4%"><img src="http://qubimtextil.com/ivandc/icon_phone.png" width="12" height="12" alt="" /></td>
                <td width="27%"><span style="font-size:11px; color:#999999; padding-top:6px; ">+54 (341) 362 - 5938</span></td>
                <td width="4%"><img src="http://qubimtextil.com/ivandc/icon_email.png" width="12" height="12" alt="" /></td>
                <td width="43%"><span style="font-size:11px; color:#999999; padding-top:6px; line-height:12px;"><a href="#" style="text-decoration:none; color:#999999;">coronel.ivan@gmail.com</a></span></td>
                 <td width="22%" valign="bottom" style="font-size:11px; color:#999999; line-height:20px; padding-top:13px; text-align:right; "><a href="#"><img style="padding-right:5px;" src="http://qubimtextil.com/ivandc/icon_fb.png" width="15" height="15" alt="" /></a> <a href="#"><img style="padding-right:5px;" src="http://qubimtextil.com/ivandc/icon_tw.png" width="15" height="15" alt="" /></a> <a href="#"><img style="padding-right:5px;" src="http://qubimtextil.com/ivandc/icon_li.png" width="15" height="15" alt="" /></a> <a href="#"><img style="padding-right:5px;" src="http://qubimtextil.com/ivandc/icon_gl.png" width="15" height="15" alt="" /></a></td>
              </tr>
            </table></td>
          </tr>
        </tbody>
    </table></td>
  </tr>
</table>
  
  

</body>

</html>

Comments