steven
4d30803b60
Add static site, shared layout, and Node dev server with standard .gitignore. Co-authored-by: Cursor <cursoragent@cursor.com>
262 lines
12 KiB
HTML
262 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
<meta name="description" content="Probably the most complete UI kit out there. Multiple functionalities and controls added, extended color palette and beautiful typography, designed as its own extended version of Bootstrap at the highest level of quality. ">
|
||
<meta name="author" content="Webpixels">
|
||
<title>FAQ subdirectory Page</title>
|
||
|
||
<link type="text/css" href="../assets/vendor/icon/iconfont.css" rel="stylesheet">
|
||
<link type="text/css" href="../assets/css/style.css" rel="stylesheet">
|
||
<!-- Theme CSS -->
|
||
<link type="text/css" href="../assets/css/theme.css" rel="stylesheet">
|
||
<link type="text/css" href="../assets/css/index.css" rel="stylesheet">
|
||
<link type="text/css" href="../assets/css/academy.css" rel="stylesheet">
|
||
|
||
</head>
|
||
<body class="aifo-bg-primary">
|
||
<div id="nav-container"></div>
|
||
|
||
|
||
<main class="main" id="faq_subdirect">
|
||
<!-- banner start -->
|
||
<div class="academy-block-1">
|
||
|
||
<div class="main-wrapper h-full">
|
||
<div class="dot-pattern"></div>
|
||
<div class="vignette"></div>
|
||
<div class="content-container"><!-- Search Bar -->
|
||
|
||
<div class="search-container">
|
||
<div class="search-wrapper">
|
||
<div class="search-input-wrapper">
|
||
<svg class="search-icon" width="20" height="20" viewbox="0 0 20 20" fill="none"><path d="M9 17A8 8 0 1 0 9 1a8 8 0 0 0 0 16zM19 19l-4.35-4.35" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg><input type="text" class="search-input" id="searchInput" placeholder="Search for articles...">
|
||
</div><button class="search-btn btn-default" id="searchBtn">Search</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Breadcrumb -->
|
||
<div class="breadcrumb-wrapper">
|
||
<nav class="breadcrumb-custom"><a href="#" class="breadcrumb-link" id="allFaqLink">All FAQ</a> <span class="breadcrumb-separator">›</span> <span class="breadcrumb-current">FAQ Subdirectory</span>
|
||
</nav>
|
||
</div>
|
||
|
||
<!-- FAQ List -->
|
||
<section class="faq-section ">
|
||
<div class="container">
|
||
<!-- Page Title -->
|
||
<div class="page-title-wrapper">
|
||
<h1 class="page-title" id="pageTitle">About AIFO</h1>
|
||
</div>
|
||
<div style="max-width: 850px; margin: 0 auto;">
|
||
<div class="faq-item"><button class="faq-header"> <span class="faq-question fade-in show">How do I start a challenge?</span>
|
||
<div class="faq-icon-box">
|
||
<span class="icon iconfont icon-arrow"></span>
|
||
</div>
|
||
</button>
|
||
<div class="faq-body" style="max-height: 0px; opacity: 0;">
|
||
<div class="faq-answer fade-in show">
|
||
<p>Choose your suitable challenge plan and complete the payment to get started. You'll receive a demo trading account, and once you reach the profit target, you'll be granted a real funded account.</p>
|
||
<a href="#" class="see-more-link text-orange fade-in show">See more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item"><button class="faq-header"> <span class="faq-question fade-in show">How long does withdrawal take?</span>
|
||
|
||
<div class="faq-icon-box">
|
||
<span class="icon iconfont icon-arrow"></span>
|
||
</div>
|
||
|
||
</button>
|
||
<div class="faq-body" style="max-height: 0px; opacity: 0;">
|
||
<div class="faq-answer fade-in">
|
||
<p>We process all withdrawal requests within 24 hours. In most cases, funds arrive in your account within a few hours after submission.</p>
|
||
<a href="#" class="see-more-link text-orange fade-in">See more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item"><button class="faq-header"> <span class="faq-question fade-in show">What is the profit split ratio?</span>
|
||
<div class="faq-icon-box"><span class="faq-icon">+</span>
|
||
</div></button>
|
||
<div class="faq-body" style="max-height: 0px; opacity: 0;">
|
||
<div class="faq-answer fade-in">
|
||
<p>We offer the industry's highest profit split, up to 90%. The vast majority of your trading profits belong to you.</p>
|
||
<a href="#" class="see-more-link text-orange fade-in">See more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item"><button class="faq-header"> <span class="faq-question fade-in show">Can I use Expert Advisors (EAs)?</span>
|
||
<div class="faq-icon-box"><span class="faq-icon">+</span>
|
||
</div></button>
|
||
<div class="faq-body" style="max-height: 0px; opacity: 0;">
|
||
<div class="faq-answer fade-in">
|
||
<p>Yes, we allow the use of Expert Advisors for automated trading. You can unlock EA trading features by purchasing add-ons.</p>
|
||
<a href="#" class="see-more-link text-orange fade-in">See more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item"><button class="faq-header"> <span class="faq-question fade-in show">Can I retry after failing a challenge?</span>
|
||
<div class="faq-icon-box"><span class="faq-icon">+</span>
|
||
</div></button>
|
||
<div class="faq-body" style="max-height: 0px; opacity: 0;">
|
||
<div class="faq-answer fade-in">
|
||
<p>Absolutely! We understand that trading requires learning and adaptation. You can purchase a new challenge anytime to continue your journey. We also offer discounts for repeat challengers.</p><a href="#" class="see-more-link">See more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="faq-item"><button class="faq-header"> <span class="faq-question fade-in show">What are the trading restrictions?</span>
|
||
<div class="faq-icon-box"><span class="faq-icon">+</span>
|
||
</div></button>
|
||
<div class="faq-body" style="max-height: 0px; opacity: 0;">
|
||
<div class="faq-answer fade-in">
|
||
<p>Our rules are very flexible. We allow holding overnight, weekend trading, and news trading. The main restrictions are maximum drawdown and daily drawdown limits, which protect both your capital and ours.</p>
|
||
<a href="#" class="see-more-link text-orange fade-in">See more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- Support Card -->
|
||
<div class="support-card-wrapper">
|
||
<div class="support-card">
|
||
<div class="support-content">
|
||
<div class="support-text">
|
||
<h2 class="support-title" id="supportTitle">Not finding what you're <br> looking for?</h2>
|
||
<p class="support-subtitle" id="supportSubtitle">Chat with us or send us an email</p>
|
||
<div class="support-buttons"><button class="support-btn btn-default support-btn-primary" id="chatBtn"> <span id="chatBtnText">Chat with us</span> </button> <a href="#" class="support-btn support-btn-secondary" id="emailBtn"> <span id="emailBtnText">Send us an email</span>
|
||
<svg viewbox="0 0 12 12"><path d="M2 3l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="rotate(-90 6 6)" />
|
||
</svg></a>
|
||
</div>
|
||
</div>
|
||
<div class="support-visual">
|
||
<div class="support-glow">
|
||
<div class="support-icon">
|
||
<!-- <svg viewbox="0 0 40 40"><path d="M20 2L4 12v16l16 10 16-10V12L20 2zm0 3.5L32.5 13v14L20 34.5 7.5 27V13L20 5.5zM20 10a6 6 0 100 12 6 6 0 000-12zm0 2a4 4 0 110 8 4 4 0 010-8z" fill="currentColor" />
|
||
</svg> -->
|
||
<img src="../assets/images/backgrounds/img-h-07.png" alt="Funded Trading" class="hero-img floating-img">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
<!-- Search Section -->
|
||
|
||
|
||
</main>
|
||
|
||
<div id="footer-container"></div>
|
||
|
||
<!-- Core -->
|
||
<script src="../assets/vendor/jquery/jquery-3.7.1.min.js"></script>
|
||
<script src="../assets/vendor/popper/popper.min.js"></script>
|
||
<script src="../assets/js/bootstrap/bootstrap.min.js"></script>
|
||
<!-- FontAwesome 5 -->
|
||
<script src="../assets/vendor/fontawesome/js/fontawesome-all.min.js" defer></script>
|
||
<!-- Page plugins -->
|
||
<script src="../assets/vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
|
||
<script src="../assets/vendor/bootstrap-tagsinput/bootstrap-tagsinput.min.js"></script>
|
||
<script src="../assets/vendor/input-mask/input-mask.min.js"></script>
|
||
<script src="../assets/vendor/nouislider/js/nouislider.min.js"></script>
|
||
<script src="../assets/vendor/textarea-autosize/textarea-autosize.min.js"></script>
|
||
<!-- Theme JS -->
|
||
<script src="../assets/js/theme.js"></script>
|
||
<!-- Top code bar behavior -->
|
||
|
||
<script src="/js/layout.js"></script>
|
||
</body>
|
||
|
||
<script>
|
||
(function ($) {
|
||
|
||
$(document).ready(function () {
|
||
|
||
/* ===============================
|
||
* FAQ Accordion
|
||
* =============================== */
|
||
$(document).on('click', '.faq-header', function () {
|
||
|
||
var $item = $(this).closest('.faq-item');
|
||
var $body = $item.find('.faq-body');
|
||
var isActive = $item.hasClass('active');
|
||
|
||
// Close all items
|
||
$('.faq-item').removeClass('active');
|
||
$('.faq-body').css({
|
||
'max-height': 0,
|
||
'opacity': 0
|
||
});
|
||
|
||
// Open clicked item if not active
|
||
if (!isActive) {
|
||
$item.addClass('active');
|
||
$body.css({
|
||
'max-height': '500px',
|
||
'opacity': 1
|
||
});
|
||
}
|
||
|
||
});
|
||
|
||
/* ===============================
|
||
* Feedback Carousel Controls
|
||
* =============================== */
|
||
$('#feedbackPrev').on('click', function () {
|
||
if ($('#feedbackCarousel').length) {
|
||
$('#feedbackCarousel').carousel('prev');
|
||
updateCarouselButtons();
|
||
}
|
||
});
|
||
|
||
$('#feedbackNext').on('click', function () {
|
||
if ($('#feedbackCarousel').length) {
|
||
$('#feedbackCarousel').carousel('next');
|
||
updateCarouselButtons();
|
||
}
|
||
});
|
||
|
||
$('#feedbackCarousel').on('slid.bs.carousel', function () {
|
||
updateCarouselButtons();
|
||
});
|
||
|
||
function updateCarouselButtons() {
|
||
|
||
var $carousel = $('#feedbackCarousel');
|
||
if (!$carousel.length) return;
|
||
|
||
var $items = $carousel.find('.carousel-item');
|
||
var activeIndex = $items.filter('.active').index();
|
||
var totalItems = $items.length;
|
||
|
||
$('#feedbackPrev').prop('disabled', activeIndex <= 0);
|
||
$('#feedbackNext').prop('disabled', activeIndex >= totalItems - 1);
|
||
}
|
||
|
||
// Initialize carousel button states
|
||
updateCarouselButtons();
|
||
|
||
});
|
||
|
||
})(jQuery);
|
||
|
||
</script>
|
||
|
||
</html>
|