Untitled


<html>

<head>
 <meta content="text/html; charset=UTF-8" http-equiv="content-type">

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  <style type="text/css">

    html,
    body
	  {
      height: 190;
      width: 320;
      display: flex;
      font-size: 8;
      line-height: 0.4;


    }

    .logo {
      vertical-align: middle;
      text-align: left
    }

    .foto {
      vertical-align: middle;
      max-height: 100px;
      width: auto;
      text-align: right
    }

    .last {
      page-break-after: avoid;
    }


	  .Firma{
		  text-align: left;
		font-size: 14;
			line-height: 0.1;
	  }
	  .name{
    text-align: left;
    font-size: 18px;
    font-weight: bold;
	  }
	  .card {


	  }
	.div {
	width: 100%;
    height: 100%;
		margin: auto;

	  }
	  .material-icons {
    vertical-align: middle;
    line-height: 0.4;
    font-size: 11px;
    font-weight: normal;
	  }

  </style>
</head>

<body>

  <div class="card">
 <img style="float: left " align="right" valign="middle" class="logo " src="data:image/svg+xml;base64,">

            <img style="float: right" align="left" valign="middle" class="foto" src="&lt;&lt;[Bild]&gt;&gt;">


   <div style="float: left;">

	<table width=" 130"  style="float: left; font-size: 10px; font-weight: bold; font-style: inherit;">
  <tbody>
	  <tr>
      <td align="left" valign="middle" nowrap="nowrap"><strong>LWL-Technik GmbH</strong></td>
    </tr>
    <tr>
      <td valign="bottom"><i class="material-icons">home</i> Iburger Str. 238 B</td>
    </tr>
    <tr>
      <td>&nbsp; &nbsp; &nbsp;49525 Lengerich</td>
    </tr>
    <tr>
      <td ><i class="material-icons">mail_outline</i> info@lwl-kk.de</td>
    </tr>
    <tr>
      <td><i class="material-icons">call</i> 05481 84 89 129</td>
    </tr>
    <tr>
      <td><i class="material-icons">fax</i> 05481 84 89 128</td>
    </tr>

  </tbody>
</table>

	<table width=" 150"  style="float: right; font-size: 10px; font-style: inherit; text-align: left; font-weight: bold;">
  <tbody>

    <tr>
      <td nowrap="nowrap"><strong>Vorname</strong></td>
    </tr>
    <tr>
      <td nowrap="nowrap" class="name">&lt;&lt;[Vorname]&gt;&gt;</td>
    </tr>
    <tr>
      <td><strong>Nachname</strong></td>
    </tr>
    <tr>
      <td nowrap="nowrap" class="name">&lt;&lt;[Nachname]&gt;&gt;</td>
    </tr>

  </tbody>
</table>


</div>
  </div>


</body>

</html>
Visitenkarte.html
"Visitenkarte.html" wird angezeigt.