-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (127 loc) · 7.7 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tontol Finance</title>
<link rel="shortcut icon" href="/assets/favicon.png" type="icon" />
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
ton: "#0088cc",
},
},
},
};
</script>
</head>
<body class="dark:bg-gray-800">
<!-- Announcement -->
<div class="bg-red-500 px-4 py-3 text-white">
<p class="text-center text-sm font-medium">
TONTOL Telegram Community?
<a href="#" class="inline-block underline">Check Airdrop Event!</a>
</p>
</div>
<!-- end Anouncement -->
<!-- navbar -->
<nav class="shadow bg-gray-800">
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
<a class="flex items-center mb-4 md:mb-0" href="#">
<img src="assets/tontol-logo.png" alt="tontol-logo" class="h-10 w-full" />
</a>
<nav class="md:ml-auto md:mr-auto flex flex-wrap items-center text-base justify-center">
<a class="mr-5 text-white hover:text-slate-400" href="#">Developers</a>
<a class="mr-5 text-white hover:text-slate-400" href="https://medium.com/@tontolfinance">Docs</a>
<a class="mr-5 text-white hover:text-slate-400" href="https://www.geckoterminal.com/ton/pools/EQAgEZyx972ydQxpIKSk8nz1W1wYfg0b5iTqhSWMQmY0LpvC" target="_blank">Token Info</a>
</nav>
<button class="inline-flex items-center bg-ton text-white px-3 py-1 rounded-md hover:bg-blue-100 hover:text-blue-950 focus:outline-none focus:ring-2 focus:ring-blue-500 mt-4 md:mt-0">
Launch app<span class="mx-2 font-mono text-slate-400"> (soon)</span>
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-1" viewBox="0 0 24 24">
<path d="M5 12h14M12 5l7 7-7 7"></path>
</svg>
</button>
</div>
</nav>
<!-- end navbar -->
<!-- CTA -->
<section class="bg-white dark:bg-gray-800">
<div class="container flex flex-col items-center px-4 py-12 mx-auto text-center">
<h2 class="max-w-2xl mx-auto text-2xl font-semibold tracking-tight text-gray-800 xl:text-3xl bg-gradient-to-r from-green-400 via-blue-500 to-purple-600 bg-clip-text text-transparent">Bring your Assets to the Next Level.</h2>
<p class="max-w-4xl mt-6 text-center text-gray-500 dark:text-gray-300">
The stability of TolUSD is upheld through a blend of 200% over-collateralization, liquidation mechanisms, arbitrage opportunities, and the TolUSD premium suppression mechanism. These elements cooperate synergistically to guarantee
that TolUSD maintains its value near the 1 USD peg.
</p>
<div class="inline-flex w-full mt-6 sm:w-auto">
<a
href="https://twitter.com/intent/tweet?text=I%20just%20join%20my%20Tontol%20Drop%20credential%20at%20%40tontolfinance%20and%20proof%20ton%20address%20%3A%0A%0A%22your%20ton%20address%22%0A%0A%40tontolfinance%20is%20the%201st%20%23Lending%20Assets%20combining%20GenAI%20with%20high%20return%20in%20Web3"
target="_blank"
class="inline-flex items-center justify-center w-full px-6 py-2 text-white duration-300 bg-ton rounded-lg hover:bg-blue-100 hover:text-blue-950 focus:ring focus:ring-blue-300 focus:ring-opacity-80"
>
Tweet for Join
</a>
</div>
</div>
</section>
<!-- end CTA -->
<!-- download -->
<div class="container mx-auto flex flex-col px-5 py-15 justify-center items-center">
<div class="flex">
<button class="bg-gray-100 inline-flex py-3 px-5 rounded-lg items-center hover:bg-gray-200 focus:outline-none">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-6 h-6" viewBox="0 0 512 512">
<path
d="M99.617 8.057a50.191 50.191 0 00-38.815-6.713l230.932 230.933 74.846-74.846L99.617 8.057zM32.139 20.116c-6.441 8.563-10.148 19.077-10.148 30.199v411.358c0 11.123 3.708 21.636 10.148 30.199l235.877-235.877L32.139 20.116zM464.261 212.087l-67.266-37.637-81.544 81.544 81.548 81.548 67.273-37.64c16.117-9.03 25.738-25.442 25.738-43.908s-9.621-34.877-25.749-43.907zM291.733 279.711L60.815 510.629c3.786.891 7.639 1.371 11.492 1.371a50.275 50.275 0 0027.31-8.07l266.965-149.372-74.849-74.847z"
></path>
</svg>
<span class="ml-4 flex items-start flex-col leading-none">
<span class="text-xs text-gray-600 mb-1">GET IT ON</span>
<span class="title-font font-medium">Google Play</span>
</span>
</button>
<button class="bg-gray-100 inline-flex py-3 px-5 rounded-lg items-center ml-4 hover:bg-gray-200 focus:outline-none">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-6 h-6" viewBox="0 0 305 305">
<path
d="M40.74 112.12c-25.79 44.74-9.4 112.65 19.12 153.82C74.09 286.52 88.5 305 108.24 305c.37 0 .74 0 1.13-.02 9.27-.37 15.97-3.23 22.45-5.99 7.27-3.1 14.8-6.3 26.6-6.3 11.22 0 18.39 3.1 25.31 6.1 6.83 2.95 13.87 6 24.26 5.81 22.23-.41 35.88-20.35 47.92-37.94a168.18 168.18 0 0021-43l.09-.28a2.5 2.5 0 00-1.33-3.06l-.18-.08c-3.92-1.6-38.26-16.84-38.62-58.36-.34-33.74 25.76-51.6 31-54.84l.24-.15a2.5 2.5 0 00.7-3.51c-18-26.37-45.62-30.34-56.73-30.82a50.04 50.04 0 00-4.95-.24c-13.06 0-25.56 4.93-35.61 8.9-6.94 2.73-12.93 5.09-17.06 5.09-4.64 0-10.67-2.4-17.65-5.16-9.33-3.7-19.9-7.9-31.1-7.9l-.79.01c-26.03.38-50.62 15.27-64.18 38.86z"
></path>
<path d="M212.1 0c-15.76.64-34.67 10.35-45.97 23.58-9.6 11.13-19 29.68-16.52 48.38a2.5 2.5 0 002.29 2.17c1.06.08 2.15.12 3.23.12 15.41 0 32.04-8.52 43.4-22.25 11.94-14.5 17.99-33.1 16.16-49.77A2.52 2.52 0 00212.1 0z"></path>
</svg>
<span class="ml-4 flex items-start flex-col leading-none">
<span class="text-xs text-gray-600 mb-1">Download on the</span>
<span class="title-font font-medium">App Store</span>
</span>
</button>
</div>
</div>
<!-- end download -->
<!-- Cookie Banner -->
<div id="cookieBanner" class="fixed bottom-0 left-0 right-0 bg-gray-800 text-white p-4 z-50 flex justify-between items-center">
<div class="text-sm">
We use cookies to ensure you get the best experience on our website.
<a href="#" class="underline">Learn more</a>
</div>
<button id="acceptCookies" class="bg-ton text-white px-3 py-1 rounded-md hover:bg-blue-100 hover:text-blue-950 focus:outline-none focus:ring-2 focus:ring-blue-500">Accept</button>
</div>
<!-- End Cookie Banner -->
<script>
// Check if the user has already accepted cookies
if (document.cookie.includes("cookiesAccepted=true")) {
document.getElementById("cookieBanner").style.display = "none";
}
document.getElementById("acceptCookies").addEventListener("click", function () {
// Set a cookie to indicate acceptance
document.cookie = "cookiesAccepted=true; max-age=31536000; path=/"; // Cookie expires in 1 year
// Hide the cookie banner
document.getElementById("cookieBanner").style.display = "none";
});
</script>
</body>
<!-- Footer -->
<hr class="h-px mt-72 bg-gray-200 border-none dark:bg-gray-700" />
<div>
<p class="text-center my-4 text-gray-500 dark:text-gray-400">© Tontol 2024 - All rights reserved</p>
</div>
<!-- endFooter -->
</html>