-
Notifications
You must be signed in to change notification settings - Fork 0
/
candr.html
92 lines (84 loc) · 3.91 KB
/
candr.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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!-- wp:html -->
<script type="module">
import { fairyDustCursor } from "https://unpkg.com/cursor-effects@latest/dist/esm.js";
new fairyDustCursor({
colors: ["#7D3E00", "#FFEED8", "#FFC170"],
});
</script>
<div id="spinner-wrapper" style="height:100vh; width:100%; display:flex; align-items:center; justify-content:center;">
<svg class="pl" viewBox="0 0 128 128" width="128px" height="128px">
<defs>
<linearGradient id="pl-grad" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#000" />
<stop offset="100%" stop-color="#fff" />
</linearGradient>
<mask id="pl-mask">
<rect x="0" y="0" width="128" height="128" fill="url(#pl-grad)" />
</mask>
</defs>
<g stroke-linecap="round" stroke-width="8" stroke-dasharray="32 32">
<g stroke="hsl(193,90%,50%)">
<line class="pl__line1" x1="4" y1="48" x2="4" y2="80" />
<line class="pl__line2" x1="19" y1="48" x2="19" y2="80" />
<line class="pl__line3" x1="34" y1="48" x2="34" y2="80" />
<line class="pl__line4" x1="49" y1="48" x2="49" y2="80" />
<line class="pl__line5" x1="64" y1="48" x2="64" y2="80" />
<g transform="rotate(180,79,64)">
<line class="pl__line6" x1="79" y1="48" x2="79" y2="80" />
</g>
<g transform="rotate(180,94,64)">
<line class="pl__line7" x1="94" y1="48" x2="94" y2="80" />
</g>
<g transform="rotate(180,109,64)">
<line class="pl__line8" x1="109" y1="48" x2="109" y2="80" />
</g>
<g transform="rotate(180,124,64)">
<line class="pl__line9" x1="124" y1="48" x2="124" y2="80" />
</g>
</g>
<g stroke="hsl(283,90%,50%)" mask="url(#pl-mask)">
<line class="pl__line1" x1="4" y1="48" x2="4" y2="80" />
<line class="pl__line2" x1="19" y1="48" x2="19" y2="80" />
<line class="pl__line3" x1="34" y1="48" x2="34" y2="80" />
<line class="pl__line4" x1="49" y1="48" x2="49" y2="80" />
<line class="pl__line5" x1="64" y1="48" x2="64" y2="80" />
<g transform="rotate(180,79,64)">
<line class="pl__line6" x1="79" y1="48" x2="79" y2="80" />
</g>
<g transform="rotate(180,94,64)">
<line class="pl__line7" x1="94" y1="48" x2="94" y2="80" />
</g>
<g transform="rotate(180,109,64)">
<line class="pl__line8" x1="109" y1="48" x2="109" y2="80" />
</g>
<g transform="rotate(180,124,64)">
<line class="pl__line9" x1="124" y1="48" x2="124" y2="80" />
</g>
</g>
</g>
</svg>
</div>
<body style="background-color: black;">
<center>
<h1 style="font-family: mason;">Cancellation & Refund Policy:</h1>
<hr id="divider1" class="divider">
<p style="font-family:mason; font-size:20px;">
In case of an emergency or change in schedule due to unforeseen circumstances on the delegate’s end,There
will not be a refund upon cancellation after filling the form. In case of change in schedule or cancellation
from the organisers’ end, full refund will be initiated.<br>
Ticket(s) purchased from the website are non-cancellable and non-refundable.
</p>
</center>
<div class="bg-animation">
<div id="stars"></div>
<div id="stars2"></div>
<div id="stars3"></div>
<div id="stars4"></div>
</div>
<section>
<div class="staranim"></div>
<div class="staranim"></div>
<div class="staranim"></div>
</section>
</body>
<!-- /wp:html -->