<table width="600">
  <tbody>
    <tr><td align ="center" valign="middle" bgcolor="#f1f1f1" width="200"><svg width="100%" height="150px" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g><path d="M114.189,1.001c48.482,6.898 85.811,48.624 85.811,98.999c0,55.192 -44.808,100 -100,100c-31.515,0 -59.645,-14.61 -77.98,-37.421l8.953,-30.517l70.396,0l9.823,33.015l64.665,0l-61.668,-164.076Zm-25.781,87.814l-44.065,0l21.965,-71.896l22.1,71.896Z" style="fill:#0085b2;"/></g></svg></td><td valign="top" style="padding:5px;">
      <table>
        <tbody>
          <tr><td colspan="2"><span style="font-size:1.5em; font-weight:bold;" class="Nombre">David Miranda</span></td></tr>
          <tr><td colspan="2"><span style="font-size:1em; color:#222;" class="Puesto">Programación y desarrollo</span></td></tr>
          <tr><td valign="middle"><svg id='Phonelink_Ring_24' width='16' height='16'  viewBox='0 0 20 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><rect width='24' height='24' stroke='none' fill='#000000' opacity='0'/>


<g transform="matrix(0.71 0 0 0.71 12 12)" >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" translate(-17, -15)" d="M 8 1 C 6.895 1 6 1.895 6 3 L 6 27 C 6 28.105 6.895 29 8 29 L 22 29 C 23.105 29 24 28.105 24 27 L 24 26 L 22 26 L 22 27 L 8 27 L 8 3 L 11 3 L 11.414062 3.4140625 C 11.789062 3.7890625 12.298125 4 12.828125 4 L 17.171875 4 C 17.701875 4 18.210938 3.7890625 18.585938 3.4140625 L 19 3 L 22 3 L 22 4 L 24 4 L 24 3 C 24 1.895 23.105 1 22 1 L 8 1 z M 13.5 2 L 15.5 2 C 15.776 2 16 2.224 16 2.5 C 16 2.776 15.776 3 15.5 3 L 13.5 3 C 13.224 3 13 2.776 13 2.5 C 13 2.224 13.224 2 13.5 2 z M 17.5 2 C 17.776 2 18 2.224 18 2.5 C 18 2.776 17.776 3 17.5 3 C 17.224 3 17 2.776 17 2.5 C 17 2.224 17.224 2 17.5 2 z M 23.564453 6.4433594 C 23.138592196638253 6.430224186231477 22.751167027325813 6.6883342497153855 22.599252484846243 7.086394458055633 C 22.447337942366673 7.484454666395879 22.56429296284597 7.935054921470291 22.890625 8.2089844 C 24.794023 9.8609394 26 12.280419 26 15 C 26 17.719581 24.794023 20.139061 22.890625 21.791016 C 22.62045449910322 22.025436382088014 22.495902597424593 22.386205531560794 22.563903694609856 22.73737623915855 C 22.63190479179512 23.088546946756303 22.882123462584655 23.376745094237155 23.220270796609483 23.49337011550192 C 23.558418130634315 23.60999513676669 23.933099420423304 23.537321300311373 24.203125 23.302734 C 26.523727 21.288689 28 18.312419 28 15 C 28 11.687581 26.523727 8.7113106 24.203125 6.6972656 C 24.026913980313896 6.539839078170659 23.800653768763468 6.449888570670777 23.564453 6.4433594 z M 20.681641 9.28125 C 20.256606201975185 9.28871343664821 19.882735165214353 9.564051474832535 19.749494507420117 9.967731062536888 C 19.616253849625878 10.371410650241243 19.752763313175635 10.81520762382395 20.089844 11.074219 C 21.253271 11.992099 22 13.400762 22 15 C 22 16.599238 21.253271 18.007901 20.089844 18.925781 C 19.798639003725913 19.143650256399866 19.648659883311257 19.502429887161778 19.698175555621802 19.86272915296016 C 19.747691227932346 20.223028418758545 19.988895796324616 20.5280479528817 20.32807802349814 20.659283540695483 C 20.66726025067166 20.790519128509263 21.050949764821404 20.727282139795832 21.330078 20.494141 C 22.95265 19.214021 24 17.224762 24 15 C 24 12.775238 22.95265 10.785979 21.330078 9.5058594 C 21.147187660874053 9.356855878836695 20.917512405577085 9.277299620808392 20.681641 9.28125 z M 17.84375 12.173828 C 17.3623978838103 12.155455409962316 16.936339593156188 12.48282746675701 16.830121830246956 12.952673397533848 C 16.723904067337727 13.422519328310688 16.967709808200443 13.901327109500045 17.410156 14.091797 C 17.758617 14.248729 18 14.586194 18 15 C 18 15.412315 17.75789 15.751598 17.410156 15.908203 C 17.082365811132025 16.053526391745418 16.857456167214327 16.36320903060659 16.82067077846641 16.71987712741532 C 16.783885389718492 17.07654522422405 16.94085399134532 17.42561333053358 17.232083420859237 17.634780047511914 C 17.523312850373152 17.843946764490248 17.904232569637593 17.88120065307526 18.230469 17.732422 C 19.272735 17.263027 20 16.209685 20 15 C 20 13.789806 19.272008 12.736646 18.230469 12.267578 C 18.109143632020917 12.210739920726972 17.977634657200316 12.178858977744001 17.84375 12.173828 z" stroke-linecap="round" />
</g>
            </svg></td><td valign="top"> <span class="Telefono">52 55 5555 5555</span></td></tr>
          <tr><td valign="top"><svg id='Envelope_16' width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><rect width='16' height='16' stroke='none' fill='#000000' opacity='0'/>


<g transform="matrix(0.24 0 0 0.24 8 8)" >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" translate(-25, -25)" d="M 0 7 L 0 8 L 0 43 L 50 43 L 50 7 L 0 7 z M 2 9 L 48 9 L 48 11.505859 C 47.575713 11.875664 29.813803 27.355977 28.335938 28.642578 C 27.038791 29.771847 25.717322 30.001953 25 30.001953 C 24.283393 30.001953 22.961399 29.772013 21.664062 28.642578 C 20.186197 27.355977 2.4242867 11.875664 2 11.505859 L 2 9 z M 2 14.150391 C 4.4379749 16.275559 18.967648 28.941928 20.353516 30.148438 C 22.05418 31.629002 23.854607 31.998047 25 31.998047 C 26.144678 31.998047 27.94563 31.629168 29.646484 30.148438 C 31.032347 28.941933 45.561926 16.277341 48 14.152344 L 48 41 L 2 41 L 2 14.150391 z" stroke-linecap="round" />
</g>
            </svg></td><td valign="middle"><a class="Correo" href="mailto:correo@algo.com.mx">correo@algo.com.mx</a></td></tr>
          <tr><td><svg id='Website_16' width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><rect width='16' height='16' stroke='none' fill='#000000' opacity='0'/>


<g transform="matrix(0.47 0 0 0.47 8 8)" >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" translate(-15, -15)" d="M 15 3 C 10.57 3 6.7010469 5.419 4.6230469 9 L 7.0136719 9 C 8.0576719 7.615 9.4495 6.5045469 11.0625 5.8105469 C 10.5385 6.7005469 10.101672 7.783 9.7636719 9 L 11.871094 9 C 12.661094 6.541 13.869 5 15 5 C 16.131 5 17.338906 6.541 18.128906 9 L 20.236328 9 C 19.898328 7.783 19.4615 6.7005469 18.9375 5.8105469 C 20.5515 6.5045469 21.944281 7.615 22.988281 9 L 25.376953 9 C 23.297953 5.419 19.43 3 15 3 z M 2.1855469 12 L 3.7539062 18 L 5.1914062 18 L 6.1777344 14.324219 L 6.2519531 14.324219 L 7.2539062 18 L 8.6835938 18 L 10.251953 12 L 8.6796875 12 L 7.8945312 15.978516 L 7.8183594 15.978516 L 6.8242188 12 L 5.6035156 12 L 4.6425781 15.978516 L 4.5664062 15.978516 L 3.7695312 12 L 2.1855469 12 z M 10.966797 12 L 12.533203 18 L 13.972656 18 L 14.958984 14.324219 L 15.033203 14.324219 L 16.035156 18 L 17.466797 18 L 19.033203 12 L 17.462891 12 L 16.675781 15.978516 L 16.601562 15.978516 L 15.607422 12 L 14.384766 12 L 13.423828 15.978516 L 13.347656 15.978516 L 12.550781 12 L 10.966797 12 z M 19.748047 12 L 21.316406 18 L 22.755859 18 L 23.740234 14.324219 L 23.814453 14.324219 L 24.816406 18 L 26.246094 18 L 27.814453 12 L 26.242188 12 L 25.457031 15.978516 L 25.382812 15.978516 L 24.388672 12 L 23.166016 12 L 22.205078 15.978516 L 22.130859 15.978516 L 21.332031 12 L 19.748047 12 z M 4.6230469 21 C 6.7010469 24.581 10.57 27 15 27 C 19.43 27 23.298953 24.581 25.376953 21 L 22.988281 21 C 21.944281 22.385 20.552453 23.495453 18.939453 24.189453 C 19.463453 23.299453 19.898328 22.217 20.236328 21 L 18.128906 21 C 17.339906 23.459 16.132953 25 15.001953 25 C 13.870953 25 12.663047 23.459 11.873047 21 L 9.7636719 21 C 10.101672 22.217 10.5385 23.299453 11.0625 24.189453 C 9.4485 23.495453 8.0576719 22.385 7.0136719 21 L 4.6230469 21 z" stroke-linecap="round" />
</g>
</svg></td><td><a class="Url" href="https://algo.mx">Algo.mx</a></td></tr>
          <tr><td valign="top"><svg id='Office_16' width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><rect width='16' height='16' stroke='none' fill='#000000' opacity='0'/>


<g transform="matrix(0.26 0 0 0.26 8 8)" >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" translate(-25, -25)" d="M 10 2 L 10 4 L 5 4 L 5 38 L 23 38 L 23 36 L 7 36 L 7 6 L 12 6 L 12 4 L 24 4 L 24 6 L 29 6 L 29 18 L 31 18 L 31 4 L 26 4 L 26 2 Z M 9 8 L 9 10 L 12 10 L 12 8 Z M 14 8 L 14 10 L 17 10 L 17 8 Z M 19 8 L 19 10 L 22 10 L 22 8 Z M 24 8 L 24 10 L 27 10 L 27 8 Z M 9 12 L 9 14 L 12 14 L 12 12 Z M 14 12 L 14 14 L 17 14 L 17 12 Z M 19 12 L 19 14 L 22 14 L 22 12 Z M 24 12 L 24 14 L 27 14 L 27 12 Z M 9 16 L 9 18 L 12 18 L 12 16 Z M 14 16 L 14 18 L 17 18 L 17 16 Z M 19 16 L 19 18 L 22 18 L 22 16 Z M 24 16 L 24 18 L 27 18 L 27 16 Z M 9 20 L 9 22 L 12 22 L 12 20 Z M 14 20 L 14 22 L 17 22 L 17 20 Z M 19 20 L 19 22 L 22 22 L 22 20 Z M 29 20 L 29 22 L 24 22 L 24 48 L 45 48 L 45 22 L 40 22 L 40 20 Z M 31 22 L 38 22 L 38 24 L 43 24 L 43 46 L 26 46 L 26 24 L 31 24 Z M 9 24 L 9 26 L 12 26 L 12 24 Z M 14 24 L 14 26 L 17 26 L 17 24 Z M 19 24 L 19 26 L 22 26 L 22 24 Z M 28 26 L 28 28 L 31 28 L 31 26 Z M 33 26 L 33 28 L 36 28 L 36 26 Z M 38 26 L 38 28 L 41 28 L 41 26 Z M 9 28 L 9 30 L 12 30 L 12 28 Z M 14 28 L 14 30 L 17 30 L 17 28 Z M 19 28 L 19 30 L 22 30 L 22 28 Z M 28 30 L 28 32 L 31 32 L 31 30 Z M 33 30 L 33 32 L 36 32 L 36 30 Z M 38 30 L 38 32 L 41 32 L 41 30 Z M 9 32 L 9 34 L 12 34 L 12 32 Z M 14 32 L 14 34 L 17 34 L 17 32 Z M 19 32 L 19 34 L 22 34 L 22 32 Z M 28 34 L 28 36 L 31 36 L 31 34 Z M 33 34 L 33 36 L 36 36 L 36 34 Z M 38 34 L 38 36 L 41 36 L 41 34 Z M 28 38 L 28 40 L 31 40 L 31 38 Z M 33 38 L 33 40 L 36 40 L 36 38 Z M 38 38 L 38 40 L 41 40 L 41 38 Z M 28 42 L 28 44 L 31 44 L 31 42 Z M 33 42 L 33 44 L 36 44 L 36 42 Z M 38 42 L 38 44 L 41 44 L 41 42 Z" stroke-linecap="round" />
</g>
</svg></td><td><span class="Direccion">Dirección completa de la oficina para comprobar los límites de la tarjeta y ver texto con varias líneas</span></td></tr>
          <tr><td colspan="2" align="right">
            
            <a href="https://x.com/algomx"><svg id='X_16' width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><rect width='16' height='16' stroke='none' fill='#000000' opacity='0'/>


<g transform="matrix(0.21 0 0 0.21 8 8)" >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" translate(-31.5, -33.12)" d="M 11 5 C 10.267 5 9.5921875 5.4019219 9.2421875 6.0449219 C 8.8921875 6.6889219 8.9223125 7.4709375 9.3203125 8.0859375 L 25.539062 33.150391 L 8.3808594 56.826172 C 7.9398594 57.435172 7.87675 58.238203 8.21875 58.908203 C 8.55975 59.578203 9.248 60 10 60 L 15.039062 60 C 15.680063 60 16.282203 59.692828 16.658203 59.173828 L 30.246094 40.425781 L 42.320312 59.087891 C 42.688313 59.656891 43.322 60 44 60 L 53 60 C 53.733 60 54.407813 59.598078 54.757812 58.955078 C 55.107813 58.311078 55.077688 57.529062 54.679688 56.914062 L 37.517578 30.392578 L 53.619141 8.1738281 C 54.060141 7.5648281 54.12325 6.7617969 53.78125 6.0917969 C 53.44025 5.4217969 52.752 5 52 5 L 46.960938 5 C 46.319938 5 45.717797 5.3071719 45.341797 5.8261719 L 32.810547 23.115234 L 21.679688 5.9140625 C 21.311688 5.3440625 20.678 5 20 5 L 11 5 z M 11 7 L 20 7 L 31.527344 24.816406 C 31.821344 25.271406 32.304109 25.501953 32.787109 25.501953 C 33.243109 25.501953 33.701953 25.295859 34.001953 24.880859 L 46.960938 7 L 52 7 L 35.697266 29.494141 C 35.333266 29.996141 35.316344 30.669453 35.652344 31.189453 L 53 58 L 44 58 L 31.529297 38.726562 C 31.235297 38.271563 30.752531 38.042969 30.269531 38.042969 C 29.813531 38.042969 29.354687 38.247109 29.054688 38.662109 L 15.039062 58 L 10 58 L 27.359375 34.046875 C 27.722375 33.544875 27.740297 32.871563 27.404297 32.351562 L 11 7 z M 19.337891 11.927734 C 19.209875 11.950156 19.083047 11.997516 18.966797 12.072266 C 18.502797 12.372266 18.369922 12.991078 18.669922 13.455078 L 20.841797 16.8125 C 21.033797 17.1085 21.353641 17.269531 21.681641 17.269531 C 21.867641 17.269531 22.056609 17.217375 22.224609 17.109375 C 22.688609 16.809375 22.821484 16.190562 22.521484 15.726562 L 20.349609 12.369141 C 20.124609 12.021141 19.721937 11.860469 19.337891 11.927734 z M 23.679688 18.644531 C 23.551719 18.666953 23.426547 18.714312 23.310547 18.789062 C 22.846547 19.089063 22.713672 19.707875 23.013672 20.171875 L 27.357422 26.890625 C 27.549422 27.186625 27.869266 27.347656 28.197266 27.347656 C 28.383266 27.347656 28.572234 27.2955 28.740234 27.1875 C 29.204234 26.8875 29.337109 26.268687 29.037109 25.804688 L 24.693359 19.085938 C 24.468359 18.737938 24.063594 18.577266 23.679688 18.644531 z M 28.986328 45.976562 C 28.733328 46.015562 28.495031 46.150547 28.332031 46.373047 C 28.005031 46.818047 28.103828 47.444484 28.548828 47.771484 L 30.160156 48.953125 C 30.605156 49.280125 31.231594 49.183281 31.558594 48.738281 C 31.885594 48.293281 31.78875 47.668797 31.34375 47.341797 L 29.730469 46.158203 C 29.507469 45.994703 29.239328 45.937563 28.986328 45.976562 z M 26.03125 50.007812 C 25.77825 50.046813 25.540453 50.181797 25.376953 50.404297 C 25.049953 50.849297 25.146797 51.475734 25.591797 51.802734 L 27.203125 52.986328 C 27.648125 53.313328 28.274562 53.216484 28.601562 52.771484 C 28.928562 52.326484 28.831719 51.700047 28.386719 51.373047 L 26.773438 50.189453 C 26.550937 50.025953 26.28425 49.968812 26.03125 50.007812 z M 23.074219 54.041016 C 22.821219 54.079891 22.582922 54.215 22.419922 54.4375 C 22.092922 54.8825 22.189766 55.508937 22.634766 55.835938 L 24.248047 57.017578 C 24.693047 57.344578 25.319484 57.247734 25.646484 56.802734 C 25.973484 56.357734 25.876641 55.731297 25.431641 55.404297 L 23.818359 54.222656 C 23.595359 54.059656 23.327219 54.002141 23.074219 54.041016 z M 20.117188 58.072266 C 19.864187 58.111141 19.626391 58.247703 19.462891 58.470703 C 19.135891 58.915703 19.232734 59.540188 19.677734 59.867188 L 21.291016 61.050781 C 21.736016 61.377781 22.362453 61.280938 22.689453 60.835938 C 23.016453 60.390937 22.919609 59.7645 22.474609 59.4375 L 20.861328 58.255859 C 20.638828 58.092359 20.370188 58.033391 20.117188 58.072266 z" stroke-linecap="round" />
</g>
</svg></a>
            
            <svg id='Facebook_16' width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><rect width='16' height='16' stroke='none' fill='#000000' opacity='0'/>


<g transform="matrix(0.5 0 0 0.5 8 8)" >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" translate(-15, -14.94)" d="M 15 3 C 8.373 3 3 8.373 3 15 C 3 21.016 7.432 25.984 13.206 26.852 L 13.206 18.18 L 10.237 18.18 L 10.237 15.026 L 13.206 15.026 L 13.206 12.927 C 13.206 9.452 14.899 7.927 17.787 7.927 C 19.169999999999998 7.927 19.902 8.03 20.247999999999998 8.075999999999999 L 20.247999999999998 10.828999999999999 L 18.278 10.828999999999999 C 17.052 10.828999999999999 16.624 11.991999999999999 16.624 13.302 L 16.624 15.026 L 20.217 15.026 L 19.73 18.18 L 16.624000000000002 18.18 L 16.624000000000002 26.877 C 22.481 26.083 27 21.075 27 15 C 27 8.373 21.627 3 15 3 z" stroke-linecap="round" />
</g>
</svg> <svg id='YouTube_Squared_16' width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><rect width='16' height='16' stroke='none' fill='#000000' opacity='0'/>


<g transform="matrix(0.55 0 0 0.55 8 8)" >
<path style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" translate(-16, -16)" d="M 5 5 L 5 27 L 27 27 L 27 5 L 5 5 z M 7 7 L 25 7 L 25 25 L 7 25 L 7 7 z M 16 11.080078 C 16 11.080078 11.609297 11.079141 10.529297 11.369141 C 9.9292969 11.539141 9.4490625 12.009141 9.2890625 12.619141 C 8.9990625 13.709141 9 16.009766 9 16.009766 C 9 16.009766 8.9990625 18.310156 9.2890625 19.410156 C 9.4490625 20.010156 9.9292969 20.470859 10.529297 20.630859 C 11.609297 20.920859 16 20.919922 16 20.919922 C 16 20.919922 20.390703 20.920859 21.470703 20.630859 C 22.070703 20.460859 22.550938 20.010391 22.710938 19.400391 C 23.000938 18.310391 23 16.009766 23 16.009766 C 23 16.009766 23.000937 13.719141 22.710938 12.619141 C 22.550937 12.009141 22.070703 11.539141 21.470703 11.369141 C 20.390703 11.079141 16 11.080078 16 11.080078 z M 14 13.15625 L 19 16.011719 L 14 18.853516 L 14 13.15625 z" stroke-linecap="round" />
</g>
</svg>
          </td></tr>
        </tbody>
      </table>
      
      
      
      
</td></tr>
    <tr><td colspan="2">
          <table style="color:rgb(0,0,0);font-family:Times;font-size:medium;max-width:570px">
          <tbody>
            <tr>
              <td colspan="3" style="padding-top:10px;font-stretch:normal;font-size:12px;line-height:normal;font-family:Arial">
                El presente mensaje puede contener información privilegiada y confidencial. Si le fue enviado por error, por favor hágalo saber al remitente y después borre este mensaje de inmediato.&nbsp;<br><br>
                This message may contain confidential and privileged information. If it has been sent to you in error, please reply to advise the sender of the error and then immediately delete this message.
              </td>
            </tr>
          </tbody>
        </table>
          </td></tr>
  </tbody>
</table>
<hr/>
<h1>Generador de Firmas para correo</h1>
<p>Llena los campos y copia el resultado de la parte superior</p>
<label>Nombre Completo</label><br/>
<input type="text" class="form-control" id="Nombre" name="nombrec" placeholder="nombre completo"><br/>
<label>Puesto</label><br/>
<input type="text" class="form-control" id="Puesto" name="puesto" placeholder="puesto"><br/>
<label>Teléfono</label><br/>
<input type="text" class="form-control" id="Telefono" name="Telefono" placeholder="Telefono"><br/>
<label>Correo</label><br/>
<input type="text" class="form-control" id="Correo" name="Correo" placeholder="Correo"><br/>
<label>URL</label><br/>
<input type="text" class="form-control" id="Url" name="Url" placeholder="Url"><br/>
<label>Dirección</label><br/>
<input type="text" class="form-control" id="Direccion" name="Correo" placeholder="Direccion"><br/>
Ver tutorial en <a href="https://algo.mx">algo.mx</a>

let innombre = document.getElementById('Nombre');
let outnombre = document.getElementsByClassName("Nombre");
innombre.onkeyup = function() {
  for(var i = 0; i < outnombre.length; i++){
    outnombre.item(i).innerHTML = innombre.value;
  }
}
let inpuesto = document.getElementById('Puesto');
let outpuesto = document.getElementsByClassName("Puesto");
inpuesto.onkeyup = function() {
  for(var i = 0; i < outpuesto.length; i++){
    outpuesto.item(i).innerHTML = inpuesto.value;
  }
}
let intelefono = document.getElementById('Telefono');
let outtelefono = document.getElementsByClassName("Telefono");
intelefono.onkeyup = function() {
  for(var i = 0; i < outtelefono.length; i++){
    outtelefono.item(i).innerHTML = intelefono.value;
  }
}
let incorreo = document.getElementById('Correo');
let outcorreo = document.getElementsByClassName("Correo");
incorreo.onkeyup = function() {
  for(var i = 0; i < outcorreo.length; i++){
    outcorreo.item(i).innerHTML = incorreo.value;
    outcorreo.item(i).href = "mailto:"+incorreo.value;
  }
}
let inurl = document.getElementById('Url');
let outurl = document.getElementsByClassName("Url");
inurl.onkeyup = function() {
  for(var i = 0; i < outurl.length; i++){
    outurl.item(i).innerHTML = inurl.value;
    outurl.item(i).href = inurl.value;
  }
}

let indireccion = document.getElementById('Direccion');
let outdireccion = document.getElementsByClassName("Direccion");
indireccion.onkeyup = function() {
  for(var i = 0; i < outdireccion.length; i++){
    outdireccion.item(i).innerHTML = indireccion.value;
  }
}