<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TEST</title>
<style>
.quiz-container {
padding: 52px;
border-radius: 10px;
box-shadow: 0 3px 16px 0 #1010168A;
max-width: 580px;
text-align: center;
border-radius: 12px;
background-color: #222031;
color: #fff;
}
.question-block {
display: flex;
flex-direction: column;
align-items: center;
}
.question-block .quiz-title {
color: #F6F5FC;
font-size: 36px;
line-height: 46px;
margin-bottom: 20px;
}
.question-block .quiz-subtitle {
color: #9592B1;
padding-bottom: 32px;
border-bottom: 1px solid #333344;
}
.question-block .quiz-label {
color: #F6F5FC;
border-radius: 48px;
padding: 10px 16px;
display: block;
background: linear-gradient(83.79deg, #523FCB -0.48%, #8756F4 129.47%);
margin-top: 36px;
margin-bottom: 16px;
}
.question-block .question-title {
color: #F6F5FC;
font-size: 24px;
line-height: 32px;
}
.answer-btn-group {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
max-width: 455px;
}
.answer-button {
margin-top: 10px;
padding: 12px 24px;
border: none;
background: #F6F5FC;
color: #101016;
cursor: pointer;
border-radius: 8px;
width: 100%;
font-size: 16px;
text-align: left;
font-weight: 600;
}
.question,
.pricing,
.quiz-container.hidden {
display: none;
}
.question.active,
.pricing.active {
display: block;
}
.pricing {
text-align: center;
}
.pricing p {
color: #9592B1;
}
.pricing-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
.pricing--item {
display: flex;
flex-direction: column;
padding: 32px;
background-color: #222031;
max-width: 350px;
box-shadow: 0 3px 16px 0 #1010168A;
border-radius: 12px;
overflow: hidden;
}
.p-item-label {
font-size: 20px;
line-height: 26px;
text-align: center;
margin-bottom: 10px;
}
.p-success {
color: #0ECE78;
}
.p-primary {
color: #6B9EFD;
}
.p-secondary {
color: #9B88FB;
}
.p-item-price {
font-size: 44px;
line-height: 54px;
color: #F6F5FC;
text-align: center;
}
.p-item-text {
border-bottom: 1px solid #333344;
padding-bottom: 24px;
}
.p-item-details .discount {
text-align: left;
color: #F6F5FC;
font-size: 20px;
line-height: 32px;
margin: 0;
margin-bottom: 2px;
}
.p-item-details .profit {
text-align: left;
display: block;
}
.p-item-details ul {
margin: 0;
padding: 0;
padding-top: 24px;
display: flex;
flex-direction: column;
gap: 18px;
}
.p-item-details ul li {
display: block;
text-align: left;
color: #F6F5FC;
font-size: 16px;
position: relative;
}
.p-item-details ul li::before {
content: " ✔";
color: #F6F5FC;
font-weight: bold;
margin-left: 10px;
padding-right: 5px;
}
.p-item-bottom {
margin-top: auto;
}
.p-get-started {
width: 100%;
border-radius: 32px;
border: 2px solid #8E76E7;
box-shadow: 0 2px 10px 0 #8F7AF947;
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 14px 0;
margin-top: 50px;
}
.p-get-started-2 {
width: 100%;
border-radius: 32px;
border: 2px solid #8E76E7;
background: linear-gradient(178.7deg, #8E76E7 1.14%, #6F56E0 112.15%);
box-shadow: 0 2px 10px 0 #8F7AF947;
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 14px 0;
margin-top: 50px;
}
.p-item-bottom .bottom-label {
background: #101016;
border-radius: 10px;
color: #F6F5FC;
font-weight: 600;
padding: 11px 0;
text-align: center;
}
</style>
</head>
<body>
<div class="quiz-container" id="quiz-container">
<div id="quiz">
<div class="question active" id="q1">
<div class="question-block">
<h2 class="quiz-title">Welcome to TokenTact! 🎉</h2>
<p class="quiz-subtitle">We’re here to help you find the perfect plan to reach your crypto trading
goals. Take this quick quiz to personalize the platform to your preferences:</p>
<span class="quiz-label">Question 1</span>
<p class="question-title">What is your main goal?</p>
<div class="answer-btn-group">
<button class="answer-button" onclick="nextQuestion(2)">💸 Earn profit within 24 hours</button>
<button class="answer-button" onclick="nextQuestion(2)">📈 Create a steady passive
income</button>
<button class="answer-button" onclick="nextQuestion(2)">🔍 Test the platform to explore its
potential</button>
</div>
</div>
</div>
<div class="question" id="q2">
<div class="question-block">
<span class="quiz-label">Question 2</span>
<p class="question-title">What monthly income are you aiming for?</p>
<div class="answer-btn-group">
<button class="answer-button" onclick="nextQuestion(3)">💼 10-20% with automated strategies —
stable and
effortless</button>
<button class="answer-button" onclick="nextQuestion(3)">🚀 Up to 50% with advanced strategies —
maximizing
profits</button>
<button class="answer-button" onclick="nextQuestion(3)">🔥 Above 50% — the highest potential
with our top-tier
strategies</button>
</div>
</div>
</div>
<div class="question" id="q3">
<div class="question-block">
<span class="quiz-label">Question 3</span>
<p class="question-title">What matters most to you when choosing a trading platform?</p>
<div class="answer-btn-group">
<button class="answer-button" class="answer-button" onclick="nextQuestion(4)">🛠 Simplicity and
convenience — I want
to spend minimal time on
management.</button>
<button class="answer-button" class="answer-button" onclick="nextQuestion(4)">💵 Maximizing
profits — I’m ready to use
powerful strategies for
higher returns.</button>
<button class="answer-button" class="answer-button" onclick="nextQuestion(4)">⚡ Speed and
reliability — I need fast,
secure operations.</button>
</div>
</div>
</div>
<div class="question" id="q4">
<div class="question-block">
<span class="quiz-label">Question 4</span>
<p class="question-title">Which approach to crypto earnings suits you best?</p>
<div class="answer-btn-group">
<button class="answer-button" onclick="nextQuestion(5)">🤖 Full automation — I want to set it
and forget it, letting the
bot
trade for me.</button>
<button class="answer-button" onclick="nextQuestion(5)">👥 Copying successful strategies — I
want to follow top
traders.</button>
<button class="answer-button" onclick="nextQuestion(5)">🎯 Experimenting and testing — I enjoy
trying different strategies
and
analyzing the results.</button>
</div>
</div>
</div>
<div class="question" id="q5">
<div class="question-block">
<span class="quiz-label">Question 5</span>
<p class="question-title">How much time are you willing to spend on crypto trading?</p>
<div class="answer-btn-group">
<button class="answer-button" onclick="showPricing()">⏱ Minimal time — I want to set it up and
receive automated
returns.</button>
<button class="answer-button" onclick="showPricing()">🕔 A few hours a week — I plan to check in
and review trades
occasionally.</button>
<button class="answer-button" onclick="showPricing()">📅 Actively, every day — I want to
regularly analyze and optimize my
strategies.</button>
</div>
</div>
</div>
</div>
</div>
<div class="pricing" id="pricing">
<h2>Thank you for your responses!</h2>
<p>Based on your preferences, we have three tailored plans for you:</p>
<div class="pricing-row">
<div class="pricing--item">
<div class="p-item-label p-success">Secure</div>
<span class="p-item-price">$0</span>
<p class="p-item-text">For those who want to minimize risk and achieve a stable income.</p>
<div class="p-item-details">
<p class="discount">Up to 30% per month</p>
<span class="profit p-success">Profit Potential</span>
<ul>
<li>Full asset protection</li>
<li>7 pre-set strategies</li>
<li>1 connected exchange</li>
<li>Monthly trading volume up to $3,000</li>
<li>24/7 support</li>
</ul>
</div>
<div class="p-item-bottom">
<a class="p-get-started" href="/create-account">Get started</a>
</div>
</div>
<div class="pricing--item">
<div class="p-item-label p-secondary">Advanced</div>
<span class="p-item-price">$29.99</span>
<p class="p-item-text">Designed for those who are ready to balance risk and reward.</p>
<div class="p-item-details">
<p class="discount">Up to 50% per month</p>
<span class="profit p-secondary">Profit Potential</span>
<ul>
<li>Unlimited pre-set strategies</li>
<li>Algorithm selection available</li>
<li>Bot configuration support</li>
<li>5 connected exchanges</li>
<li>Monthly trading volume up to $10 million</li>
<li>Real-time Telegram notifications</li>
<li>Free access to the trading community</li>
<li>Build your own template library</li>
<li>Marketplace copy trading</li>
</ul>
</div>
<div class="p-item-bottom">
<a class="p-get-started-2" href="/create-account">Get started</a>
</div>
</div>
<div class="pricing--item">
<div class="p-item-label p-primary">Extreme</div>
<span class="p-item-price">$59.99</span>
<p class="p-item-text">For those aiming for high income and ready for more active trading.</p>
<div class="p-item-details">
<p class="discount">50% and above</p>
<span class="profit p-primary">Profit Potential</span>
<ul>
<li>High-risk strategies</li>
<li>Access to top traders</li>
<li>Personalized settings</li>
<li>Unlimited template strategies</li>
<li>Unlimited exchanges</li>
<li>Unlimited trading volume</li>
<li>Live Telegram + SMS notifications</li>
<li>Free access to the trading community</li>
<li>Personalized sessions</li>
<li>Build your own template library</li>
<li>Marketplace copy trading</li>
<li>Advanced indicators and operators</li>
</ul>
</div>
<div class="p-item-bottom">
<a class="p-get-started" href="/create-account">Get started</a>
</div>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
if (localStorage.getItem("quizCompleted")) {
showPricing();
} else {
document.getElementById("q1").classList.add("active");
}
});
function nextQuestion(next) {
document.querySelectorAll(".question").forEach(el => el.classList.remove("active"));
document.getElementById(`q${next}`).classList.add("active");
}
function showPricing() {
document.querySelectorAll(".question").forEach(el => el.classList.remove("active"));
document.getElementById("quiz-container").classList.add("hidden");
document.getElementById("pricing").classList.add("active");
localStorage.setItem("quizCompleted", "true");
}
</script>
</body>
</html>Unsere Vision
Wir sind hier, um das Investieren in Kryptowährungen zu revolutionieren. Die Herausforderungen sind real – Komplexität, endlose Stunden und Unsicherheit. Deshalb haben wir eine Plattform geschaffen, die effizient, intuitiv und für alle zugänglich ist. TokenTact überbrückt die Kluft zwischen Anfängern und Experten und bietet eine Lösung, die jeder nutzen kann, um erfolgreich zu sein.
Unsere Gemeinschaft
Leicht zu navigierende Software ist eine Sache. Aber das ist noch nicht alles: Tokentact ist ein Community-Hub – ein Ort, an dem Investoren sich verbinden, lernen und gemeinsam wachsen.
Gebäude Global
Investoren weltweit, vereinigt euch! Wir können verschiedene Perspektiven kennenlernen und gemeinsames Wissen anhäufen. Unsere Funktionen fördern Kommunikation und Zusammenarbeit.
Gemeinsam lernen
Informiert zu bleiben ist der Schlüssel. Wir haben Bildungsressourcen und Markteinblicke eingebaut. Unsere Nutzer haben aktive Diskussionen angestoßen, um Ihnen kluge Anlageentscheidungen zu ermöglichen.
Unser Versprechen
Wir möchten, dass Ihre Anlageerfahrung hervorragend ist. Tokentact legt größten Wert auf Ihre Sicherheit und Ihren Seelenfrieden.
Auf Vertrauen und Sicherheit aufgebaut
Ihr Vertrauen ist unsere Priorität. Tokentact ist völlig transparent und sicher. Wir sind bestrebt, Ihr Vertrauen bei jeder Interaktion zu gewinnen.
