Signature

by iscrow

HTML

<table id="signature">
  <tr id="name"><td>Ivan Ivanov</td></tr>
  <tr class="info"><td>Network Manager<pipe> | </pipe>Parkdale, Inc.</td></tr>
  <tr class="info"><td>Office: +1 704 874 5143<pipe> | </pipe>ext. 5143</td></tr>
  <tr class="info mail"><td><a href="mailto:[email protected]">[email protected]</a></td></tr>
  <tr class="info link"><td><a href="https://www.parkdalemills.com">www.parkdalemills.com</a></td></tr>
  <tr class="info"><td><a href="https://www.parkdalemills.com"><img src="https://drive.google.com/uc?id=1eB00mEho1jGN9pyuG0uRy5B2DAi9tJ_a"></a></td></tr>
</table>

CSS

body {
  font-family: Arial, Sans-Serif;
  font-size: 6pt;
}

#signature {
  border-width: 0 0 0 2px;
  border-color: #1a772c;
  border-style: solid;
  margin-left: 1em;
  padding: 2em 0 1em 1em;
}

#name {
/*  color: #001e71; */
  color: #1a772c;
  font-size: 2em;
  font-weight: bold;
}

.info {
  line-height: 1.2em;
  font-size: 1.4em;
}

.link a:link, .link a:visited, .link a:hover, .link a:active {
  color: #1a772c;
  text-decoration: none
}

.mail a:link, #mail a:visited, #mail a:hover, #mail a:active {
  color: black;
  text-decoration: none
}

.info img {
  height: 3em;
  width: auto;
}

pipe {
  color: #1a772c;
  font-weight: bold;
}