60 Plates in an html, now they demand 60 html How do I do it?

I find this doubt, I'm doing 60 email signatures, and when delivering them for obvious convenience use angularjs with your event repeat, for which the lists of people turned them into a json, in a single file where only I will have to copy, but now they ask me that each signature is in a file or it would be 60 html, is there a way to automate the process?

I had planned to do it from angle 6 but I am left with the same problem.

   <table ng-repeat="persona in listado" width="700px" border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed;margin: auto; margin-bottom: 2rem">
    <tr>
        <td>

            <table class="content" align="center" style="table-layout:fixed;" cellpadding="0" cellspacing="0"
                border="0">
                <tr>
                    <td height="133px" width="125px" class="logo" rowspan="2" align="center">
                        <img style="height:133px; width: 125px; " src="http://img110.xooimage.com/files/f/4/9/logo-stoller-02-557d057.jpg">
                    </td>

                    <td rowspan="1" colspan="2" width="50%" class="contact" valign="center">
                        <div class="name">{{persona.nombre}}</div>
                        <div>{{ persona.cargo }}</div>
                    </td>

                    <td class="branding" rowspan="2" valign="center">
                        <div align="left" style="padding-top: 5px;font-size: 11px;">SOMOS LA <b>ÚNICA</b> EMPRESA
                            DEL
                            AGRO PREMIADOS POR:</div><br>
                        <img style="height:67px; width: 200px; " src="http://img110.xooimage.com/files/7/b/0/logo-great-place-to-work-03-557d049.jpg" />
                    </td>
                </tr>
                <tr>
                    <td class="dates contact" ng-class="offpadding" valign="center" rowspan="1">
                        <div><span style="color:#3da035;">M:</span><a href="mailto:{{mail}}" style="text-decoration: none; color: #fff;">{{
                            persona.correo }}</a><br></div>
                        <div ng-style="estilos" class="secondlabel">
                            <span style="color:#3da035;">M:</span><a href="mailto:{{m}}" style="text-decoration: none; color: #fff;">{{
                                mailextra }}</a>
                        </div>
                        <div><span style="color:#3da035;">C:</span><span style="color: #fff;"> +{{ persona.telefono }}</span></div>
                    </td>
                    <td class="contact social" style="font-size:9px;color:#fff" valign="center" align="right">
                        <span style="padding-top:10px"><a style="text-decoration: none; color: #fff;" href="https://www.stoller.com.ar">www.stoller.com.ar</a></span><br>
                        <table style="padding-top:3px">
                            <tr>
                                <td style="padding-right:5px;">
                                    <a href="https://www.linkedin.com/company/stoller-argentina/"><img src="http://img110.xooimage.com/files/9/0/7/g1005-5576e1f.png"></a>
                                </td>
                                <td style="padding-right:5px;">
                                    <a href="https://www.facebook.com/StollerArgentina/">
                                        <img src="http://img110.xooimage.com/files/c/2/9/g1013-5576e20.png"></a>
                                </td>
                                <td>
                                    <a href="https://www.instagram.com/stollerargentina/"><img src="http://img110.xooimage.com/files/6/0/6/g1021-5576e25.png"></a>
                                </td>
                            </tr>
                        </table>
                    </td>

                </tr>
            </table>

        </td>
    </tr>
</table>

<script>
    var generador = angular.module('correos', [])

    generador.controller('correos-lista', ['$scope', function ($scope) {

        $scope.listado = [

            {
                "nombre": "Ing. Agr. Gustavo Spicchiali",
                "cargo": "Asesor Técnico Comercial",
                "correo": "[email protected]",
                "telefono": 5492995950407
            },
            {
                "nombre": "Ing. Agr. Matías Emanuel Picca",
                "cargo": "Asesor Técnico Comercial - Stoller Uruguay",
                "correo": "[email protected]",
                "telefono": 5980975423567
            },
            {
                "nombre": "Ing. Agr. Lucila Ladrón de Guevara",
                "cargo": "Asesora Técnica Comercial",
                "correo": "[email protected]",
                "telefono": 5490351157052698
             }
        ]



    }])
</script>

The json is longer than just cut it.