unknownned.github.io/dashboard.html at main · unknownned/unknownned.github.io · GitHub

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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Structured Products Dashboard</title>
<style>
body { font-family: Arial; background:#f8f8f7; padding:20px; }
.card { background:white; padding:20px; border-radius:10px; margin-bottom:20px; }
.grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }

.barrier-tag {
 padding:4px 8px;
 border-radius:6px;
 font-size:12px;
}

.green { background:#EDF9F5; color:#1D9E75; }
.red { background:#FCEEED; color:#C4442B; }

</style>
</head>
<body>

<h2>Structured Products Dashboard</h2>
<p>02 Apr 2026</p>

<div class="card">
<h3>UBS · DE000UBS0P13</h3>

<div class="grid">

<div>
<h4>Underlyings</h4>

<p>SX5E: -4.88%</p>

<p>SPX: -4.00%</p>

<p>NKY: -7.87%</p>

<p>DAX: -7.01%</p>

</div>

<div>
<h4>Product Characteristics</h4>

<p><b>Maturity:</b> 20 Feb 2030</p>
<p><b>Barrier Level:</b> 50%</p>
<p><b>Barrier Type:</b>
<span class="barrier-tag green">
AM (intact)
</span>
</p>

</div>

</div>

</div>

<div class="card">
<h3>VONTOBEL · DE000VJ5XM04</h3>

<div class="grid">

<div>
<h4>Underlyings</h4>

<p>SX5E: 2.93%</p>

<p>NDX: 9.70%</p>

<p>NKY: -2.39%</p>

</div>

<div>
<h4>Product Characteristics</h4>

<p><b>Maturity:</b> 03 Mar 2027</p>
<p><b>Barrier Level:</b> 64%</p>
<p><b>Barrier Type:</b>
<span class="barrier-tag green">
AM (intact)
</span>
</p>

</div>

</div>

</div>

<p style="font-size:10px;color:gray;">
Barrier status based on current spot only.
</p>

</body>
</html>