https://ato.fnskutoasin.com/register

1<!DOCTYPE html>
2<html>
3<head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
6    <title>Ato.BarCode</title>
7    <base href="/" />
8    <link rel="icon" type="image/png" href="images/f2a-logo.png" />
9    <link rel="preconnect" href="https://fonts.googleapis.com">
10    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;760&display=swap" rel="stylesheet">
12    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
13    <link href="_content/MudBlazor/MudBlazor.min.css?v=5.1.0" rel="stylesheet" />
14    <link href="css/loader.css" rel="stylesheet" />
15    <link href="css/site.css" rel="stylesheet" />
16    

16<script src="https://js.stripe.com/v3/"></script>

16
17    

17<script src="js/clipboard.js"></script>

17
18
19    <!--Syncfusion.Blazor-->
20    <link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
21    

21<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>

21
22</head>
23<body>
24    <div id="app">
25        <style>
26            @keyframes slide {
27                0% {
28                    transform: translateX(-25%);
29                }
30
31                100% {
32                    transform: translateX(25%);
33                }
34            }
35
36            @keyframes f2a-pop {
37                0% { transform: scale(.96); opacity: .6 }
38                100% { transform: scale(1); opacity: 1 }
39            }
40
41            .mud-wasm {
42                animation: slide 3s ease-in-out infinite alternate;
43                background-image: linear-gradient(-60deg,#f2f5fb 50%,#e9eef7 50%);
44                bottom: 0;
45                left: -50%;
46                opacity: .55;
47                position: fixed;
48                right: -50%;
49                top: 0;
50                z-index: -1
51            }
52
53            .mud-wasm-cont {
54                left: 50%;
55                padding: 10vmin;
56                position: fixed;
57                text-align: center;
58                top: 50%;
59                transform: translate(-50%,-50%)
60            }
61
62            .f2a-splash {
63                width: 128px;
64                height: 128px;
65                filter: drop-shadow(0 18px 40px rgba(11,22,35,.16));
66                animation: f2a-pop 1.1s ease-in-out infinite alternate;
67            }
68        </style>
69
70        <div style="height:100%;width:100%;margin:0;position:fixed;">
71            <div class="mud-wasm"></div>
72            <div class="mud-wasm" style="animation-direction:alternate-reverse;animation-duration:4s;"></div>
73            <div class="mud-wasm" style="animation-duration:5s;"></div>
74            <div class="mud-wasm-cont ">
75                <img class="f2a-splash" src="images/f2a-logo.png" alt="F2A" />
76            </div>
77        </div>
78    </div>
79
80    <div id="blazor-error-ui">
81        An unhandled error has occurred.
82        <a href="" class="reload">Reload</a>
83        <a class="dismiss">🗙</a>
84    </div>
85    

85<script src="js/scroll.js"></script>

85
86    

86<script src="js/sounds.js"></script>

86
87    

87<script src="js/file.js"></script>

87
88    

88<script src="_framework/blazor.webassembly.js"></script>

88
89    

89<script src="_content/MudBlazor/MudBlazor.min.js?v=5.1.0"></script>

89
90</body>
91</html>