-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
78 lines (74 loc) · 19.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy"
crossorigin="anonymous">
<script src="https://use.fontawesome.com/b1372aa9b2.js"></script>
<script src="faker.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Faker/3.1.0/faker.min.js" type="text/javascript"></script>
<title>CSV Generator</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<div id="particles-js"></div>
<h1>CSV Generator</h1>
<div id="container">
<div class="square" id="password">
<div class="content">
<img src="data:image/png;base64,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">
<h3>Passwords</h3>
<input type="number" class="inputStyle" id="passwordNumber">
</div>
</div>
<div class="square" id="card">
<div class="content">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAN+SURBVHhe7dw9aBRBFAfw81u0UUSwEIKoGM+ZMxgLBUUQrSy00EK00UIQO0WwEK5UFHf2YogEImIlBBSxiIbkdi4aLSRYKGIhIorgByoJKkr8iG/0kcwla3J7d9674v+DxxHezhjef28uxLApAAAAAAAAAAAAAAAAqAONPecXqbw5qCJzRduwX0fhU2XDZ6ix0pG5r6y5rqLwWKavZRmPrjIN9tJc2jBLm3+iwY+gSq6fVBfTtnUJjzI5t5ju9HvjNkYlKHpnvFI2WM8jLV2m++x8uvMfxm36t8wQHUcfUWNFp8SvuFlRCIM6b1bxaEtDiy5P2CgyN1Uh3N58o30eXwae5oH2WTrKNVMQF+jm/V40v8g8cX2+dHK8ybg0zXFuQwm0DbbRB/KXohlGwRFuT46G3eEvpDTbuAUJqCjY58/RvQu4NTk6ft6ODd8MN93OLeYWJDEyMo3m98gPoakQruRuPPfzvr+AwujjFpSB7vpT/jzpeN/JrXjp3lzaX+A+jLkFZXDnvj9PCuAQt+LpwjntL8D5X5mMNYf9ebqvuRUPAVQXAhBWhQDMA3o9jSq3TDe9lh8AqrqFAIQLAQgXAhAuBCBcCEC4EIBwIQDhQgDClTgA/CqiMm7g/jwRQI0hAGEIQBgCEFazADI23OT+FKPWpWxLI38LdalmAWhrXvjralX1/g5FAMIQgLCaBaBseIKuj/kvuf9byppd/C3UpZoFAPEQgDAEIAwBCEMAwhCAMAQgDAEIQwDCEIAwBCAMAQhDAMIQgDAEIAwBCEMAwhCAsIoDcA/u4BaUIXEAf56S5S2gd0AXt6AMdAOf9OepbbCbW/H2dHbOUDb8PBqADQdXdOXmcBsS0lFoiwLoDdZx6990ZK75i1RkjnILElAFs7HowVeReZ3KZqdz+9/cI1X8AGjhV10INnMbSqBtbikd38/9OdLXZ7g9NVrQ7y+ms+ybO8/WWrOAL4EY6c7sbDq299Os3hTPL/yg77Qt5MumtiafW05Hz7txm7jjaJg2H6A0e1DFRXO5SzU0YWbW/FBRsINHWzp6G22gNEcfX4ZKXu6GpRke4JEmtzrf2kAb3IrbHDVVmcfuz/Z5lJXJ5IOttGEH/Vj1kjZ3j+WN+QdRNKP39HqVXvdusdmZPL7qchu7DxRUcbnnbPOIAAAAAAAAAAAAAAAAoH6kUr8BmZZAUQzVIzYAAAAASUVORK5CYII=">
<h3>Payment Cards</h3>
<input type="number" class="inputStyle" id="cardNumber">
</div>
</div>
<div class="square" id="note">
<div class="content">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAUlSURBVHhe7Z1NiBtlGMe3ohShKiKI1pNQcNnNpOpabQU/DqJexJMXrwoeFUTRg6RIDy1l8062HyD1Jp68CMritrvvpLZWkSIoHnrwIhVaPGhFRTxo/D+TJ3RNnkxmhrx5J+88P/hT2Lzv8/XvZCbMbHZBUfr0ejuicydvd62Vi+/dxBmVAZGNX20k8bUoiXsz0N8NG5/as97ZyenrzfJW52lhSDOQOcgl1BsMY3V0OLOQucglzC9LyfFd+B/8aJS0n8qrRrK2yNtT8HZwUh6Qa5kfuYQU9HKXVO9YdduP0R7ePlsWzxy7Aw28H1nzl9zceNHAOUxKVQyItuIX5XWZ+gdxNpY2O0scxj2LZ9t3I+kPQjG5FJgBfVnzOx0RHMotSHZaLCKngjSAZM0VXFndyuHcsNyN94nJCyhYA1KZ1zicG3Ct/pacOL+CNsCaTzicG5CkM5K0oEI2oGHNNxzODdMYVtgGxN9xODeoAdlSAwopUANwov5D/OTImtdPwujrKznOdVXFgGu8PBe4cjgqxXEua77mEnKBPZ+OxBjSfBqwZR7HMP6VYrlUIzFvcwm5wJ4wDSCWbfwS9v0kxZu2qD5cLrafSFo3cvpcYG+4Bgygj/LSXaxpiu68cbpCoLfwDagy6E0N8Al6UwN8gt7UAJ+gNzXAJ+hNDfAJelMDfILe1ACfoDc1wCfoTQ3wCXpTA3yC3tQAn6A3NaA0vd6OpjXP0L0H1He8Yc0r950/cgu/mgv0pgaUYeXM4duixGyM1mqu0nOtvGwi2KMGFIWGj3rG3krEkfBzc+Ponbw8E6xXA4qCt5x3pRq3C/W+w8szwVo1oCh01ws1fyTVORBeX+flmWCtGlCGiSbkfJwQa9WASfTf882HD5w+tpt/lJJtgnmDl2WCtWpAFttPuPj3Uh4TcBK+TPt4SSZYrwaMQ7ramWQChv9LtNl+kF+aCPaoARJZl5oZJpwqMnwC8dSAYdLhW/OlVMdAkgllQCw1YDs0/MjGF6QahjUNExBHDRhQZPgD0ZHC20uBGGoAUXL4hU64EoijBqTDT8wXUt5xSodvOyscojSIVW8Dyg0//nUawycQr74GpA/tehw+gZj1NKDs8BtJ+yEOMRUQt34G9Icfnx/OkSXKP+3hE4hdLwOqNHwC8etjAN2vRazKDJ9AjnoYUHb49D0WHMIJyBO+ATR8XLefk+KO0yyGTyBX2AaUHf7ezdWHOYRTkC9cA+irz8oMv2nNIxzCOcgZpgHzMHwCecMzYP+F1ZsR83MpzjhR/Cjp7OcQMwO5wzOg2W0/J8UYJ4rd6JoDvH2mIH94BiBeS4ohyefwCdQQoAGJ+ViKMSzfwydQR4hHgLksxdguilfkIVpXoJawDKCHYqX9/5f5rQrDJ1BPYAbQ8/rC/uuqzvAJ1BSWAYj1+uh+cxU/X0eMQ0uJuZ+XVgLUF5gBydpiZM0HiNmiy9G9m6v38EuVBL2FdxKeJ9CbGuAT9KYG+AS9qQE+QW9qgE/QmxrgE/SmBvgEvakBPkFvaoBP0Jsa4BP0pgb4BL2pAT5Bb2qAT9DbfBhQZ6kBnqUGeJZ7AxJzQkqsGsh8y6NyAxIclBOrSLgA+YxH5YZm0nlWSqzqCwYc4lG5If2iiyS+JCWvu/D2/Gfz7Nq9PCp30FPJlEwqorZK/wpU+2UekXvod7FwJHwvFlM3WXMl6sYv8GhmSKt1w3JinsSlFz3fc7h2svGbke08v2e9s5MnoiiKoiiKouRkYeE/L+aw2J9iweAAAAAASUVORK5CYII=">
<h3>Secure Notes</h3>
<input type="number" class="inputStyle" id="noteNumber">
</div>
</div>
<div class="square" id="user">
<div class="content">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAA9dSURBVHhe7V0JsBxFGY543/dRXnhQAm+PQD0PygPwFlSkMKhQKKCAiChGRA6Bx1EE0bzt2QDhviQRjQoIhAKSndmEVEAIKAiWEERAlHAEEIEcEPD7ev632en9d3dmdnY3+7Jf1ceSme6/j7+7/+6/e/pNGWKIIYYYYohBwkhwyttyQfkn+cBbVPDNA+Bz+P8nwb8XAu/0gu99WoJmju2CsRcVgtK0fGDm5n3vn0h7FX6fQdr3FwIzv+CX90P+XiXBJzdG5o29BIU/npWPin++FamsXGXWVImaCQpVswOU/TctvXoi7QfzvvmuRJuc2GLByW+EMhZrFdCMoeJK00RER4CswyBznZtGS/rmV2xEImLyYLMryy9FhVyvFroNMbQ8m6uUPyeiUgG94iBNdixCKSJm8gCFmqUWNibRsx7LL/TeKuISoeibj1Cpmtz4LO0j4gYfxQUzP0CjqRc0PlGpp4rIRKAt0uQlo1kxaQw9KtLTC5mQmA0lrZSRwGylykrBnO99R8QONjBbuVsrYBoWfe+rIjYW0DPHNDlpCFmXidjBxeZLTnq1VrgOeKyIjgWE/4MTvwOae0Ts4IL2Qy9cap4jomMBvfM6RUZarhGxg4vCgtL7lIKlJoaN2SI6FrIx6CGR9tMidnCxaXDey2CMn9MKmI7mSBEdC+ghF+lykhPKvUPEDjZQkJu0AqZhrlr+pIiNhXxQ/oEmJw0xWzxfxA420EN+phUwKTFkPEzHoIiNhdyime9C3GTukmasmJ1E7GBj5KrxN2DoeFQtZALSOywiEwE99AJNXjKaW6aMjW0iIgcfnQ8d5nbaIxGXCNJLVjbKjEe6XYqV0qdE3OQBhq5ztQK3p3lkJBjfTMSkAisUvXStLr8tp4uYyYVd5817ISp3plLgpkQl3pkPZm0hIjoClQKZsXsKFQhO7j0RohiUvwDF/EWrhAlyzl/wvRmjC37+WomWCezwFfbU1obeN9cUq+WtJdpGABjIQlDeBuPzCSj8xaj8pVDS1aiMc2CE9yhcO/v1ErIrmLpw/B1I8wCkfSF+A6S7BL/zwCOmVko5CTbEEH0Gt0ete8Uvj9LvNTUwr5NX3cfzz79gq8XlN+eqZkvu3W9ZOWVT2jl5u/GARhpDxYm0I7AVysaVWYHf32Dd8U1u/Uq0TECbZKfgvrkc6fy3IW3f/I9DGMNw/STRBgts5TSWW19z8tvbtbDRYOabYCP+0VARTQnl+N5Pk67QXUCxr4G8cVvhajqN5GIWPfY9IqIpqDj28v7tKKKr8zgNWveZyPS/nIKs41QVFTmTe9kSIwLujSPurU68loTMm0cWlkdERCIUgtJnlHy2JCYbT6EhqGfDOCGwZ8p8cy0UvCoS1/eewO8VKP++Wc8QVeQCsz0SWxbJRAui4q/UZi2YYb0zcSWhxRYD7+MiIhaQ170QL9GCkCtzzW8VDnfmJDslV+K5RLiHoaCDRped8WIRkSHYKwJzDFpEclc6WhHtgUiqgZVrC6/FacKw5ZZHRURLIL+7pcuvN0NE1EC7B8Wi5yvh2xE2iUO1iMoAUEZGDrpDRGINeJZo5R7S3NuugDzcYJWnxm9OlPM2t0VzgYjnj2vh49PcxRmdiOwMyAxP/CmJJOY6dyjgNBeZfUQJ24bmbBHRCPZm39ygx2vNfMXbUaRYhPYu2dDagks6PgUpx2iy2U8AaQfc6STG2uO1sK1oh7rqeEFERIAGtIcWpz3N7SKiBgw3l+hh0xFlHRPR6YDCXaUJ7pDjIt6CCzIlTByeLiIigNJTHWxAWQ8UERY5v/QxLVxHxLQ77QlMGt28KrRDcmwfveyMV0gyFqjEm7WwbbjSHQK4blDCxWKuUn6/iLFA5V2sheuUqXsJuvCRmsAsCKXsLMlY4N8xTzea1fidg6Fkz5EF3rslegQ0nrRVCDcORT8Ujd+EvnefRLfYZun4y9Fj2n4ykYZsfJJMMnC6pgnMglBA5Jwuj2lq4SaIynkccU7ghz4SJRa4y4i4e4N3aHLreIVEseBhCiVMZuSnGZJUfEAhyzVhWRAV9EdJxiLcI2katkI7I0FTgS0evWsmlKquezCMnCVBLYoV8y0tXFZMtdeCiuhKl7X0vRslGQsuErVwyMNRrQ4X0BZxexfj/0fpEWjX8sKWrzgVnYkGwhyihMmMRd98XpKKD2SKXldVYMf0jS/JWIQumWgYtNqD5XUEtBEYhw+V2ZQyJTf34LecD0oflCgR8DnCRNY+UPwp8tqi4Je+X/8+c1ZLn5Ck4iPlzCcu50gyFrmK2aX+vTYTka+wjuLUsT5sU9Jt4nvziotmvVdE1EDHJ8KsmQiL9H4tryzc/GRNd0YXCyh8Bu4SnWzhkowFKu6I2rvAW+S68WnMEWZpvYwEXEmPr4iqAXn48fowZpk8tsj6THI9Ub7HU20ndLOVuCdJYGx/Hz73nnSns8Wrf/kWVNi9rowkRA94psGDa10sMpP0zSoafnljgbzc5srJgijrXEkiGVARr0RBHtaEdkTf3CBJWNCZx1bDd2i1JXlswYWf2ApdViLCmDvulvrJhGtoUXGHR+NnxKrZQZJIDhTiR6rQjhgdPlDwncPnZjV3HeWxBZ5lvDjF0ISeIeItOMHgOzSKC+SRBRsketB/GmWkJxr4YhGfDjSkKMQtmvA05NAkomtARVTse9+7RB5Z2BW3PkXtkGY3ScIC6e4pz1dzeJTHFoWKt3tj/JS030iarUR0etA/hGEjnguiBdE6bnX3ndlbau8Db395bMFt0vr4WRHpXC9JWIQ2Kpw+o8E0fOkLRaXYs2mktkmXGnbDp4N9AVTCTe5wZFfP9ddcYGYjryzwbEntXbZc1zA0+t6f+Y7GP1f1PiSPLewRWN+c7MiITTuhwLpGxGUHuo3RWni6UE24CdehMOe6MxgCGT1zIhyUvbZ+bA+Hyuz2YVzCmH9DkrJAXn5Xe+97y7UDCvmK+TbCPVYvpz3NvV0/OS9+J7beVhW2Boq4vJnPBj0mugsJ4ymvLDpxo8chKjbiBcBQFfE2065pZ8K4dcwhDPFbzj7RwO5mGlpD7BpksQaDaI5B4mdx/EVBjoJdmMZzUBKsAcjsoVBW5PAB4t8qry1kJR0pZJZEer+QpCxQhsbZHGZfzcrBYSzvl7djpYOGowBlomw/zMRw9wxjY5sw08i80/Wj26dd+JzaYfTjUVTocU6YNWhgdPcPznUaNIz2QxjuYfvl/dhbeEiAzjt3R9CF7fp1+9VQ0kPyyqILFw5EiDzvLUlZsHevf2+WYVW/ubxSQdcHbGqRi8la+QOzFxd91k/lrHW6A7oaKmZbtO6zkDg9qpFCOlyDMFW2RB4zFQlRUF7gTYc8e77XPdpD41onL1O6F6NxeLLvfHOaZjsInpCpnQsOTyiqskmUiYfk5kFRX2kmLz1QcTnffB2t+K9a4u2IeGtRiAub3Q7HTOP9qrxf+qI8soAyM5n/u0R+7pYkLOi6CStY/wY+PGVJO9FaCc2IHnQ/fqd3fASIYNdFZhLdAteMtif43gytxeSr3mcRpiz/tOCQgGeZT32Rj4hrn3sxqLTD5J/rYXtwaR8oKhNvARrCnZwIiPTkYK9Ay419WjwuUfjb3EUgwZ7iThMRfo4bvzOaFbRPIt5C28gKbZiZr8tIT9iqZ6GYo6lsSSoe0JIPgjIyvBLDIdYdPGYkydXg7hPQFY8CdOy2maC7INQgE44btfhZEb30vNgfBxUD8z1NSBe4kl8vSbJNwYkEwtZ299ISlRBZe2jgCh3KaHtraRZEftpfpBNOYzu9nzAJze10c0vyTUHvAIa61AeeUaaT2rZI2owuHY5rSoxEknoj7JdAvNRYi9hdRvbXmyGcYCTcrLL7GVF3ezN0y7vchmuaHgnCy9OdwD0jd+4kG63BKXjF7ILuvrh1TzZ30XjGXWlbx2kXJjBxyEbWcNSJZ5tQyI5vDk1N31uadOYRbmCVprHbgzNQsEO555DmO3Mo4zQ1Xz0iG5lkJQQe9q131NjF+95bgU7SvjZGsv6cAef+nRjMDBn7PkUaaPYEezIm9CMdAoUewB5CT7G71mgFlP1AJS89Z61nF6ulL2sBek0MOY+2ci/YHcaKtztsx6VQQMvVM1s8Kvp6DmPu7qALhLlWk9FrIh9H2wzhH+Puy/7QzNe+WLWK8L0jUMEP6vFaM1SOOb/ZFU9Umhav9zTVMEMTpz76Sd9crvUOuTmonWc5FqGYp8Ex7dSgHfKUOL0kzYbNDFpIVh81piIqqeE0SrhI82ZAUZm7b5DeYu2zMjyfrYXvJe0xpH7Nvy197wn3MLTdHg3MXDV8VvS95Xq66f6kRla0R2y1F72j2VfqIwR6Bsd7PWzGhFK4lpGULexfckjxfXtWnLpw/MN9Uwhbo7sY7LWB5QzLtSm0M1rYXtB6LLQXPWHFbCt1YMF9CVRG7xdovjlOsmARnunti0+vfwpBy7xOyh/CXvkX/1KbbGlW03EpObHgNFsP2132r4dggSdlt8hXyl9Tw/WIaCAXSVYswgNxXsd7MEnZF4VgWHq6cau2X72jxnXutjLyeZkSrqvsj0ICc6mU2UIOM6hhe0kac8mSRXjAQQ/bLYYK6f06JHJTNHrHMUqYPtDcIlmy6OZ3hs1oHYxQSEd/0i4xndkVKqKqhus1ffOcuy6Bben4jwjEJveE7EYV/hNebZGNz6gdGwud9Ih/F+nsyXCdoobLkKL0Y127al0HucD7El7OgXJSXCrWnlxn1C8G5eslNWw/iMqJ3PWO/K7/biRDYlHMWzKusPs3MQ55hL2mMmsqIu4PI3wqhxX8/psV6gpvR/YAyLkJMn4LRo5rdv+UezKijIdL1iwKVW9XKoX5Zzm0OC1pnaNmBeL/Cb9n49l03sOV3cWYaN12y9POjMrb8BtBngBnxmEbduK/ueKmcaJRbHdVKj9TbihEP+mbEyVrKibu6GX5WU6W144qVFzF29H+GxXOkyS8Tja7iu8RBk0hkx5DhWxgGCpkA8NQIRsYhgrZwDBUyAaGfviLWhELw8g9Xhsl6P3VKqfXxOLtQV5YINnaeME97YL9A13efVpFdZtoEE9hFT7b/Qp4owdXtRO+NLZWt+IyJb/6DcxCpLP/wP5po56CB+WswTf7ogLLqLgK/v8ekDdb65Wsk5ffPIDedyN6wXngwbwqNu2fcR1CAe/m5Z8/KvjlUd7Xa/1n9rNq+pXM9nzO+0Z4yFo7NjrEEEMMMcQQkxNTpvwfit9sp8gu2NMAAAAASUVORK5CYII=">
<h3>Users</h3>
<input type="number" class="inputStyle" id="userNumber">
</div>
</div>
<div class="square" id="IDCard">
<div class="content">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAIcUlEQVR4nO2cbWxT1xnH/8+1cWJIaLY1W2Gwdi0bZInDWzYNukLsAGsLk4ZU2KZtSFs7UUBN7PSNtV1lDW0ETWDHEdvEoPuAtCHaD92H0kJKbpJRXiplLHboWomXbm1RtQyxDghJHN9nHxLoPdfXiR37Ojfx+X2Jz3Oec86j/H3P6/UBJBKJRCKRSCQSiUQikUgkEolEIpFIJBJJ4UJjOSxs21OpkfIYgNUA7gEww+qgphg3ALwPxjFNU/afW1X/zmjOKQWpPBx0KeVluwFsAeDIcZCFSoIIe6eVuJ/qqtkcN3MwFWRYjM+8BvAqa+MrWFpdpe61ZqIoZt7DT4YUw0JWD1zr+41ZRtITMjJmdEPfTRHeIQ0/H3ANqO9969lr1sU59Zh/Ylepa7DYB+KdACp0WUOscHXPysA/9P5OYwUjA7ggxs0+Zdn5h+v/Z1XQU5mRL/BflrY2tQ86i08DWDCS5SRWHgPwpN4/ucsirBHSGj0nxciertXbP2Gi5wQj8xqjX7IgjLn65KCrvy3XwRUq/X103GC62+hjNqiX6hNyzMgdJj1NqdHHdJYlmTikIDZDCmIzkqa9+cCjtixgaN8j4hVgVIDwOTBuAHiXif7c30f7zj9cPzARsU00eRWkojM0y6khDE5sIIDAIxnDf10AlhHzMrebt1Qdj3ynp67+Qj7jswN5E6T6eGgJJ+gNAOVpuFeQQ3u7Sg0fA/BqRe/sV17euDFhcYi2IC9jSLUamaMpdBTpiTEM47MEfJ+AQ++WXz5d9Wb4C9ZFaB/yM6iT1kzAnQbr68R4REkk5ruuu2domDaLwC8AGDKpoYYcOATmMc9vJjuWd1lVHbvnsob1ehsxno/6/L82uPYB+FW1GnqPQSEAcwz5tZ6O8IMx4HUr451orH9CNOda6HeVCX+Leht2pnKPegOvxLz+uc6444sAzgiZrKy1Kky7YLkgBO2bgoHpZRBxCvfbnF3zxGWAm0QrfyOnwdmQPMyy6PP6FIN70i6aQNRweDwr09ar1PCTRHgRjJmZls2QSyDeFqsNZNWlWt9lkfGlCL6eblGHA5rBlNEXqFLdexcBu/IgBgB8GUx/yLYSywVhpk+EBomTdjhTEScyTpOvjCOESbU9ZHmwCvjf+jSzMjvdsgRaoE8z6GImbZ/zbvuYwI0A/ptJuXFyCcQ/y7YSy8cQJpyDbggnYFG6ZYn5fiENfivT9qPeQBhAONNyE4X1sywNwn4UZyAICF8Xymr01xyFZVusH0OAdYKBkgbq0QpP+ZW5kXzMshbrk6xRc7pFGbRPqErhLbkKy67kYwbiFhok+le6BRVKfGQw3ZeTiGxMHgQh4UUwhtayuDMy5q5v1fHIfWBqEavCpRwHZzssn2URcICBR3SmmviQ9jSAZ0Ytp3ATg4TXZFjjP2XavlypG4h6G95g4JDeRoQfVB4OulKVWXZyjxvgBwUj8b4eX+C1TNqWK/UUVPTO/hGALp1pjnJn2fZU/tcGHM8AKLmVZqK3Yyv9j4+zeblSNzJ8/Mp/FIyEoEcNbTP6etTQD4n5RcHIfDidHWIjcqU+CiVF/NL1AdqOTw+eCKCWyrbIiXO++m4A8LQ1LwX4IEhYf1wtGurfP9525Uo9BaeWN94E03cB9OrMpCi85FaCoS2E7jCLgf+wRuu6Vm8XNiinMnntX2O+hi4AwsBMGt9epxCJaxaAXu2paziZl+Bsgq0HPAIK7mW5vApSqwadIHxVMBIP3v5oFIC4olYNTsjblRNFfgQJBhVPe+ihK1R2BozlQp6Gi6afAYDhu0JlZzztoYcQDNr6ac4Vln77FqmhsgTjpyDaAsa8JAfCyajPrwIBAEDU51c9Hc0nBdEYSwA64llZdh5tod85CC/93RtIexorV+oYXiF71HAoAfoQRLsBUzEuKglto7C+IOJhG8xOBueBaHcC9KFHDYcq1b13pRNHQa/UKw8HXR41vEOh+AUAfpjf+sDEfBAOV013XaNxNxfddY0fweGqIeaDAMwWgzMA+BWKX/C0hX452hbMCJOqq8tZsIs7I+VKeVkngBfAmG7i0k/AAQJVR32BTbEHtl5NVVfsga1Xo77AJgJVE3AAQH+SE2M6iH6hlJd1pNo9nowr9aQTOY8aFr6VMa9/zFO7SnVviYLBEwAtNMn+GES/dSr0+7Mr6ntN8sdkcWekfEjjx8G8FYBJV8XdNDh0f/TbT98YT/35ZKz/b06eEMJQyESMXgL5S4q0e2O1DTvGKwYAnF1R3xurbdhRUqTdS+AAxNU+AFrIRc49463fTmQtSFVHqILAP9HbCHjLGXcsinobmk8tb7yZbRu3OLW88WbUGwg7445FBIhvoDA96lFbFqQoOmnIWhDSaBPE24LicQdvGH431xrOrnnictzBGwDoL29xMCV+bFWb+SIX6xDjJTXTnAm67FEt3mA1/T0VrQLwvLUNW0sOxhD6SvZ15AZizJ/oGLIlB4Kwfe5BIZ702/TZC0K8GcAH2YeSNR8APN5jXtuQ9RgysnfzpRzEIsEk21YoBKQgNkMKYjPMBBHux5p/Ylfav3iSjM68IxHjMUDSXWRmgggvQ7sGi325DKqQKZ7OdQbTP40+Zlf8HRPSxDuXtjbdkdPICpClrU13ELPw+3wCjhr9kgTRNGU/xI2JikFn8emq9ub1Jo+cZAzmHYnMrGpvXj/oLD4DCDsJQwxH0guApmcd1e3hZmbUWxWkBAAjFPP5G41m01nWtBL3UwBaLQ+qUCE+5prpftYsy1SQrprNcVepey2Dm2F+O49kfAyBEXKVTF+X0WX8eirfjHxNcfKjI5f+3gPdzwQkaXEdwPsEHNUUPmC8WlwikUgkEolEIpFIJBKJRCKRSCQSiUQikUg+5f8j3K4nDWWY3gAAAABJRU5ErkJggg==">
<h3>ID Cards</h3>
<input type="number" class="inputStyle" id="idcardNumber">
</div>
</div>
<div class="square" id="Identities">
<div class="content">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAFcklEQVR4nO2ba2wUVRTHf2f7ktACpmmNBvigGDV0FxtMTJTXlopC5AtBUBOImogmUNt+QB422ggKpEK3JXxAAzEFE0NJjBElRewstOAjGMK2xEgIaBSMVkMN1Eh3O8cPO8W1PLZTZu5i2l+y2cmdc+/93zPn3HtnZhdGGN6IqY6CrQ3zEN0OjE9j+jOiyzpmVe83oStgohOAQQ4eYDwq2/2W00+2qY5wBt8Rrrph1AWtiAITjCjCZATcoriOgMl7anMDxWPXobIEuNMHTcCVSBgcwnmUXXZX9+snF9X2uunHtQMCRePeRHnVbT1fUe4CVgWKximwxk1V93OAsAQFteXRztmVRwdbzdUVJf1ckcoUq2GajbYhLMWlA9zPAUlv42bwDj0AJdHIY9czSDnX46bhE+HK9lRtbjC5DH6Q/OJA0GpoLjm0+cpMX3Jo84Sg1dAsygGnaLcpWcaWwUL9c/kf3H4WtAZ0odhZc4NWw3oAbK0BHQ30gKwv5MI7pnQZc0A0XJsANpYe2NrUl53YqCJLQDf0nxfYF7ezV3w3e8WPpjSB2Y0QAMfnVJwHlpZEI7tEWQmgQl3HrKrPTWuBDDign87kgDMy6FRGdoKmOwy11BVrbk6FwJMK9zrFp4BPs7MCjcdnvNJlUo/RCAhZ9Qs1N+c0UKPwIDDa+ZQCNQnbPl3SWr/ApCZjDghZ9QsV2QMUgH6MBmZJbzxfeuP5ioYV+QRljCDNJp1gJAVCLXXFiuwk+QBmdUe4etMAkygQDbVG1qrwlhDYWXq4sc1EOhiJAM3NqcC58h3hqoGDv0KsrOptgX2gYxO2vcKENkMpoPOTX1n16Sz7RLYkbZnvr6Ykhhwg9wDYkvVtOstE9t/HnMNJvkpyMDUJ5gOcDC+/lM7w+2mrLjqHBb4qchj2GyEzDhD+AphsbctPZzrps8YxzqGrZwJDxVQE/AAgdiKUznD0KO23OeunoH7MOMDWLwAkwLPpTPs0aaMk6/iNEQfYZO0AFPSFoLX1/uvZlRyqf0BEnwdUArrDhDYjDjgZrohJcrc3Cvr2lh5uLBpoE2qpKxZbmoHbBKIdM6o7TWhz/W6w/+nuYJ/aBqORp1B9DWRKSvFPoGvsy7ofQPIC8wQ28J9XZ3pCYH0sXL3XD139+HYvcF/7poK8eN57qix2/PyLqLyvomXAwyC7A3lXaf1KVCwVfQ5kikJziRX5MJ5zeVnK/sBTfEmBkoORO3Ljed8oLAYuovJSId0TY2WVa3MLRk1HWKbQDlwELiq0C/piId3TY2WVawvpngi8DFwSeDo3nvd1qKWu2A+tnqfAZGtbfoB4FJgKeoI+FnSUV58Zirjgwfq7yZaPUELAMZuc8PV2k0NNAc8jICC9O4CpiJyS3sScoQ4eoKO8+owmmIPIKeChgMbf9U5pEk8dELTqy1FZBPSIBJ6IPb7yt5tts7O86lcS9lygB+GZUGvD7JtX+i8eR4BEnIN1sZkVnu3knChaB6CikTTmrvDUAQLdCEftru609/1uSbYpbSAXvGzX02UwFq6a5mV7qTjv/Wd43e7I7XCmBWSaYe8A37bCwWjkCMojXrQlcMSv+cW3CBDF1U9iboSNd20NxLcI8HNF8JKROcBUR9eaE1JzO/W8nzk/EGMRcK05ITW3U8/7mfMDMRYB6a5opuaMYT8HjDgg0wIyzU07IGjVR4NW5OitUDYUPJgEZeatU+aeYZ8CXiyDXyJXrduZKvOfoBVRt7/9N8FQdblPAeE8JP+k4LquT4SiW6Y7h+fc1nWfAkoTsNpG24KWpw9oh4w6111UmtzWde0Au6v7jUDROBCWDuUfGj5xTlSa+n6/UJtpISOMMML/i38A/YUHrGr5hJMAAAAASUVORK5CYII=">
<h3>Identities</h3>
<input type="number" class="inputStyle" id="identitiesNumber">
</div>
</div>
<div class="square" id="Companies">
<div class="content">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAADnElEQVR4nO3cMU9TURQH8P95D0cW4ka/gW2ZiNFooGDCAJOLi4mrxhgKk0lxksVooHTCleg30MnAM9GBOIktk4kOhuhSFwdDIu84iEnFFsq993Evj/9vISnvvp5wcs5955IWICIiIiIiIiIiIiIix8RmcTlpFBS6DOgUgEFHMZn6IYJXkcj992OzHz3HYsw4IeWkUVBJt6AYchmQNcH3aC8tb03O7/gOxcSA6UKFLkMxJMALSdPbvv8AI+tLw2kUP4XqdBrLEoAbPuMxFZkv1SkACCEZALA1Ob+j0a87AACNpjyHY8w8IYKfAKDRgNU+lAnRXd8hmDJOiCo2AEChq+WkUXAXkply0iiIxqsAgBTrnsMxZryHyJ7WEMs4oNMK/VJK6g7DOj5FCigA4KvEcc1rMBaMK6R5be5TDL2kgjWXAdlQwVoMvfxh7N5n37F4VUrqWkrqelbf3yWLpyzKAhMSGONNvRvLtrHdrFSL+/dpAbhwxOvUi+8e7vv9XXJaIb4FkhSrQ07uIe4NquL6nurmyPrS8HEX56pCmpWq92Mc20NOVohjtoecmVZI6XW9fcj/S9rNSvW8y3XBMTjkzLZlKYZ6tZFDN2DTdQEoJ42Camp8yJmrPSSEZNkecnIPyYDNIWeuKsT3U9bfCm2NV2+Z3oMVEpisK6R9SF9vZ7Du1Ms0IaaPp6brHGzq3Q4yT/Rwk3tI73sV+3mtk4unPO4hgeGkHhhO6oFhywpMrjb1g3q0vn9anqtrXMl1Qrq1vv9anqtrHGHLCgwn9cDkalLPg3zvId0r7WCFubrGiVwnpJ9Kc3WNK5zUA8NJPTC5blkcDEPDwZBsMSGB4aQemLxP6hwMQ3IaB0PuIYHhpB6YXE/qHAxDw8GQbDEhgWFCApP3SZ2DYSffkzoHQ7Lm9bG3mNRnRDAHxUUACsE7TXWpNTH30mdcPnlLSDFZWRRoDZ2dWTEhIhOlpL7YrFQf2L4HB8M+FZP6jEBrAHYVsrAXp88B4FwqN1XxEMBCcWN507pSTuFg6CUhETCvABSy0KrMPun41ePSxopA9JFEMg/gzLUuL5u6AqN/fg48O/i7VAbW9i8aPeGwgpDVN8r19UHJ7crdb91e2//K2cHj3i8PnCak2wlttw9K9tt/HdyPg2FIOBiSNSYkMExIYJiQwBzrqyiKSf2NAFeyCibPFHjbqlSvHnUdK+SECCTXH6MgIiIiIiIiIiIiIgrYb/ted7FJgpA0AAAAAElFTkSuQmCC">
<h3>Companies</h3>
<input type="number" class="inputStyle" id="companiesNumber">
</div>
</div>
</div>
<div class="button">
<button id="button">GENERATE</button>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js" type="text/javascript"></script>
<script type="text/javascript" src="assets/particles.js"></script>
<script type="text/javascript" src="csvgenerator.js"></script>
</body>
</html>