<script type="module" src="https://unpkg.com/@peculiar/certificates-viewer@latest/dist/peculiar/peculiar.esm.js"></script>
  <script nomodule src="https://unpkg.com/@peculiar/certificates-viewer@latest/dist/peculiar/peculiar.js"></script>
  <link rel="stylesheet" href="https://unpkg.com/@peculiar/certificates-viewer@latest/dist/peculiar/peculiar.css">

<script>
    var pvCertificatesViewerSubordinate = document.createElement('peculiar-certificates-viewer');

    pvCertificatesViewerSubordinate.certificates = [
      {
        value: "308205533082033ba003020102020d01f0f79d5e7827fb40a912b310300d06092a864886f70d01010b05003047310b300906035504061302555331223020060355040a1319476f6f676c65205472757374205365727669636573204c4c43311430120603550403130b47545320526f6f74205231301e170d3138313130313030303034325a170d3238313130313030303034325a3042310b300906035504061302555331223020060355040a1319476f6f676c65205472757374205365727669636573204c4c43310f300d0603550403130647545320593130820122300d06092a864886f70d01010105000382010f003082010a0282010100bfbd9629a0836534e737a282e7286268364b6b01dd82edb3221a5e1e881905da626ee7bdf4f53c576e9ad7bfff1696c21f308b071abc2039c0708181b4e90627e41f1dc528c3f88571c2c342b84de1894797886110069e8ea5ca072dd4f8d3760defeb7dd0c1fd05fedfc3199dfaf170bb9d4e04bc22d55b980f640bff309c61ab31b2ef0bb2a1264e9a3eca4df215f39a37c41e7cf763d3bae1ebbd401a2ee3bb6b099b29afa6d7a96fd7655fdbfca88e96ca6b2d1e29a1b91de203a4acb48d313b1172b4c787fe1208f60b47a415a086752b67262e1247bb16133b2ef3886d2c426be4bbf4a1f86794d8f6a49b7c123ee6f14050e87d8b3c010d9d6587f0610203010001a38201413082013d300e0603551d0f0101ff040403020186301d0603551d250416301406082b0601050507030106082b0601050507030230120603551d130101ff040830060101ff020100301d0603551d0e041604148622105d856025f23a1e7d0aaf612ab3151a0a77301f0603551d23041830168014e4af2b26711a2b4827852f52662ceff08913713e306306082b0601050507010104573055302606082b06010505073001861a687474703a2f2f6f6373702e706b692e676f6f672f6774737231302b06082b06010505073002861f687474703a2f2f706b692e676f6f672f67747372312f67747372312e63727430340603551d1f042d302b3029a027a0258623687474703a2f2f63726c2e706b692e676f6f672f67747372312f67747372312e63726c301d0603551d20041630143008060667810c0102013008060667810c010202300d06092a864886f70d01010b050003820201001b07a96966036a06bca0392a8fac0da26449e5195c4a4a07399fd425e96a634669461288e5beb0c3e78ab95f8df7c105d72c3a794cf1e16d3c45a4d0893f3566526287e89cf3979f2a049e8ace2f231619a942af7c3adbf7c87c2202c5c9d275651a5e64f95deb6ce0bab77be93969661d42c48755721ed64830eb63072398ee4e803e3a95755e9b7e0005fa4fa4ba7142102d91fa1447580a66d4773d2176d7f4787c6f008c84548966575a06875c0ba726e5f091fd9c90042cee6cfbb1c2f5e20ffafaaf3ea678719edba29d970bc710eeba8465f2716c529ea06bc6076ea358193b03d19662d8221a5d171cfe2104bac488bb20e6afbd339dcd9c7b63ebdf94566f8f6cedd5c04973457da384d954afdeaf41aaca60f2174b48fe948efbc0755c438e0af029a8c2cae8316edd96d667a421c88e7eea6f80be4638e6e5b11cfa298aff3da374f0cc6c825e9e1e149143a6493436c2013afcdc872d4b188044799767f3a0d2e3155f770a32d25404114a797a3692c582e8c025fd6374b17a8b6fb53de2bf2e09254b89ee67bf6e09dd1a20d03a23ecb2cf9f03166597158b9cce5225c086e70049ddbb897e48ab4781a15548273a10117b62b7f9dad685b62e8136c4869b7fe9f67fc78c03f03a8961b16d49bb5217b6da09f66c58090515a0fa804a22874755eb6166674a0b891da9837a6a49c8168292e5da7184e700f36d",
        name: "GTSY1",
      },
      {
        value: "308205533082033ba003020102020d01f09c5b0ea22937cf9ee4416c300d06092a864886f70d01010b05003047310b300906035504061302555331223020060355040a1319476f6f676c65205472757374205365727669636573204c4c43311430120603550403130b47545320526f6f74205232301e170d3138313130313030303034325a170d3238313130313030303034325a3042310b300906035504061302555331223020060355040a1319476f6f676c65205472757374205365727669636573204c4c43310f300d0603550403130647545320593230820122300d06092a864886f70d01010105000382010f003082010a0282010100a81f576c732ae2ca10991a4e545f42b2720f0b6b99dc84d1d104517812e1398dec5b08de05cb6aa8c72870dd3383edf4738f9454070e740c478c4a556a46ebb5ca9f17bd70ae16aef28eac9fecbc32b75802dac6ad8ce7b36e8a1135fc348cf1272fefdf5c093909d6fd66448b37ace097ceff5328dea58089aa1cb6c88798be4f1bcc5091d3a13cd747bba29c80ed08b09f41082b9f77d4e924c6f41273b558add664b41d826567cb916412aa74173e5381029e907c9a8e76ee8dfd53d3d006cd34203b406dcf5e562fda643000cc58ac18b5b12eac9687ac081e8cc1d60bb2a36aa1f75e556614c26cdeb0c3210c724d12c13ea44b6a2524cf1bc10679ab970203010001a38201413082013d300e0603551d0f0101ff040403020186301d0603551d250416301406082b0601050507030106082b0601050507030230120603551d130101ff040830060101ff020100301d0603551d0e041604146d65a2d7f3508f097865b162a2be3cedbb463a35301f0603551d23041830168014bbffca8e239f4f99cadbe268a6a51527171ed90e306306082b0601050507010104573055302606082b06010505073001861a687474703a2f2f6f6373702e706b692e676f6f672f6774737232302b06082b06010505073002861f687474703a2f2f706b692e676f6f672f67747372322f67747372322e63727430340603551d1f042d302b3029a027a0258623687474703a2f2f63726c2e706b692e676f6f672f67747372322f67747372322e63726c301d0603551d20041630143008060667810c0102013008060667810c010202300d06092a864886f70d01010b050003820201001061c11c8e760233d9686c212364b56aa0fe04dddee242b9ca061d5f87ac936172b770bde956d61ae31a3f99db6fca1cfba5e52817f23b689ae58db1a592a22759dbcc3bc5b7154d63bd950e910474034178e6cda2fa85c67660ec6e27eeb4bdac5e1405c07722bfa2262dc6d69122bf58c91d49403ed10fb0d38e0f22a99b7aa1c37cdb6047ebf3e9ad0a9f63cdc4dc07936a2c451f7d8f60862289a50e1eb91154641c657dd70d8f592fc902da1c0cf6ca0c1daddf4ec4c1decaea7a7e45eb95e6677c27d4e5826357178bee474ee407b2cd5b80064acc06dc22621c5805b0d54f702bdde9b3d923cc574d530bc99710dc8208a7998f2908a19b2306437bd5cdf49c7a0b95e7e51339d1c96bcae81a4e92aa5e920d08f0f0ee2a0dc62806ef43449075b0d8c071dcd76904e9f3b00f11e7da080efbb79f2ced08786bdae19a56c7a4fc5cd14d149ff66a4c0e23c4ade3394d12666beb70d0d953f9a50f5ce1f4d78bab3d93653ceb21e64ea164e543861e9dd6f152b8f759d9c0cab8ba66c0a59fca865a355b9909731e4ef7c15f9cd1b3269f2475309d19342608fb14f941338e8b0dc3a349161523665b08deb4307ba5be570134f4ce896f34306bcc8cbef768cbe6d49c40b4d0c167ae3f04ac9c1c8ee2e715326e6557d4959c3e9eb6ee4a36a34775eb1fafc5c480cae26789cabe28ea782cfe751a7917de1bd5d2c79a",
        name: "GTSY2",
      },
      {
        value: "308202e53082026da003020102020d01f09c5b452806a4bb42822065300a06082a8648ce3d0403023047310b300906035504061302555331223020060355040a1319476f6f676c65205472757374205365727669636573204c4c43311430120603550403130b47545320526f6f74205233301e170d3138313130313030303034325a170d3238313130313030303034325a3042310b300906035504061302555331223020060355040a1319476f6f676c65205472757374205365727669636573204c4c43310f300d060355040313064754532059333059301306072a8648ce3d020106082a8648ce3d03010703420004f2b7e46e34f0c75762c669319376fc761b0d0984429e92afea34fd827bb906d2652b7906fe5e7b1d133d135fc6c04ae7a41c4306790b79e7be41bdd5c46587b3a38201413082013d300e0603551d0f0101ff040403020186301d0603551d250416301406082b0601050507030106082b0601050507030230120603551d130101ff040830060101ff020100301d0603551d0e04160414aa63d582173d34533c45404c8c25da87bcd19e1e301f0603551d23041830168014c1f126baa02dae8581cfd3f12a12bdb80a67fdbc306306082b0601050507010104573055302606082b06010505073001861a687474703a2f2f6f6373702e706b692e676f6f672f6774737233302b06082b06010505073002861f687474703a2f2f706b692e676f6f672f67747372332f67747372332e63727430340603551d1f042d302b3029a027a0258623687474703a2f2f63726c2e706b692e676f6f672f67747372332f67747372332e63726c301d0603551d20041630143008060667810c0102013008060667810c010202300a06082a8648ce3d0403020366003063022f780f4d0195aad3c139804f30826575b0a912d2c31a46f12372b348e490bece004565609bf085e686692d0568175f4a02301dac08853b6fdf9959ca699a1ec5a85d2604a7b89b6d9ccdd7c313f03b2455a285ccf34d2a62070e959879fa19d0bd7d",
        name: "GTSY3",
      },
      {
        value: "308202e63082026da003020102020d01f09c5b7005a6dc86e2f99ef3300a06082a8648ce3d0403023047310b300906035504061302555331223020060355040a1319476f6f676c65205472757374205365727669636573204c4c43311430120603550403130b47545320526f6f74205234301e170d3138313130313030303034325a170d3238313130313030303034325a3042310b300906035504061302555331223020060355040a1319476f6f676c65205472757374205365727669636573204c4c43310f300d060355040313064754532059343059301306072a8648ce3d020106082a8648ce3d03010703420004a8f25b3a882052fca5885e54b3d86ad38eca0eb28ff6e562630475de38d908ce2b82439d72256e374c3cceec73167416698d2bd3ce47c10280afcac6b1b25876a38201413082013d300e0603551d0f0101ff040403020186301d0603551d250416301406082b0601050507030106082b0601050507030230120603551d130101ff040830060101ff020100301d0603551d0e04160414b4a7998af89149ac8e58b9b35e4fcc7098cd2267301f0603551d23041830168014804cd6eb74ff4936a3d5d8fcb53ec56af0941d8c306306082b0601050507010104573055302606082b06010505073001861a687474703a2f2f6f6373702e706b692e676f6f672f6774737234302b06082b06010505073002861f687474703a2f2f706b692e676f6f672f67747372342f67747372342e63727430340603551d1f042d302b3029a027a0258623687474703a2f2f63726c2e706b692e676f6f672f67747372342f67747372342e63726c301d0603551d20041630143008060667810c0102013008060667810c010202300a06082a8648ce3d040302036700306402307094b4b141e67cfc75d797a9d55ccb4a0cf5473b46923af79d0c0246a079ad572026a1dae456d3a878bea8c752d8fd3e02305abec8fd7546bb4eb7dbeeadf83a08f117284355d2a05b1f89c6aec67b70a423f74c417fb863ed18e761d90e1aa53724",
        name: "GTSY4",
      },
    ];

    document.body.appendChild(pvCertificatesViewerSubordinate);
</script>
* {
  font-family: 'Open Sans', Arial, sans-serif;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.