Files
aifo-portal-web/pages/search_results.html
T
steven 4d30803b60 Initial commit: AIFO official portal web.
Add static site, shared layout, and Node dev server with standard .gitignore.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-30 15:29:50 +08:00

366 lines
17 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>search results 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="search_results">
<!-- banner start -->
<div class="academy-block-1">
<div class="main-wrapper h-full">
<!-- <div class="dot-pattern"></div>
<div class="vignette"></div> -->
<div class="title-section">
<h1 class="page-title">
<span class="text-white">Search</span>
<span class="title-icon">
<!-- <i class="fas fa-search"></i>search_icon.svg -->
<img src="../assets/images/backgrounds/icon/search-icon.svg" alt="Funded Trading" class="floating-img">
</span>
<span class="text-orange">Results</span>
</h1>
</div>
<!-- search-section start -->
<section class="search-section">
<div class="search-wrapper">
<form id="searchForm">
<div class="row">
<div class="col-md-12 col-12 mb-3 mb-md-0 search-contain">
<div class="search-input-group">
<svg class="svg-inline--fa fa-search fa-w-16 search-icon" style="opacity:0;" onload="this.style.opacity='1'" aria-hidden="true" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>
<!-- <i class="fas fa-search search-icon"></i> -->
<input type="text" class="search-input" id="searchInput" placeholder="Search for articles..." aria-label="Search">
</div>
<div class="search-btn">
<button type="submit" class="btn btn-default btn-search" id="searchButton">Search</button>
</div>
</div>
</div>
<div class="search-scope">
<span class="search-scope-label">Search in:</span>
<div class="filter-bar d-flex align-items-center">
<div class="custom-control custom-checkbox mr-4">
<input type="checkbox" class="custom-control-input" id="allContent">
<label class="custom-control-label" for="allContent">
<span class="svg-check">
<svg viewBox="0 0 24 24">
<polyline points="5 13 10 18 19 7"></polyline>
</svg>
</span>
All Site Content
</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="faqOnly" checked="">
<label class="custom-control-label" for="faqOnly">
<span class="svg-check">
<svg viewBox="0 0 24 24">
<polyline points="5 13 10 18 19 7"></polyline>
</svg>
</span>
FAQ Only
</label>
</div>
</div>
</div>
</form>
</div>
</section>
<!-- search-section end -->
<div class="content-container"><!-- Search Bar -->
<div class="results-summary" id="resultsSummary">
We found <span class="text-orange">461</span> results for <span class="text-orange">"about"</span>
</div>
<!-- result-list section -->
<section class="result-list-section">
<div class="container">
<div style="max-width: 850px; margin: 0 auto;">
<div class="result-item">
<a class="search-result-header">
<div class="result-content">
<div class="result-title heading-3">Why AIFO Why AIFOWhy AIFOWhy AIFOWhy AIFOWhy AIFOWhy AIFOWhy AIFOWhy AIFOWhy AIFOWhy AIFOWhy AIFOWhy AIFOWhy AIFO</div>
<p class="result-description">Find the path that fits you bestChoose your suitable challenge plan and complete the payment to get started. You'll receive a demo trading account, and once you reach the profit tar
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 tar
</p>
</div>
<div class="faq-icon-box">
<span class="icon iconfont icon-arrow"></span>
</div>
</a>
</div>
<div class="result-item"><button class="search-result-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>
</div>
<nav class="custom-pagination d-flex justify-content-center" aria-label="Pagination">
<ul class="pagination mb-0">
<li class="page-item disabled">
<a class="page-link" href="#" aria-label="Previous Page">
<span aria-hidden="true">&lt;</span>
</a>
</li>
<li class="page-item active"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><span class="page-link">...</span></li>
<li class="page-item"><a class="page-link" href="#">10</a></li>
<li class="page-item">
<a class="page-link" href="#" aria-label="next Page">
<span aria-hidden="true">&gt;</span>
</a>
</li>
</ul>
</nav>
</section>
<section class="popular-searches-section">
<div class="container">
<div class="popular-searches fade-in show mx-auto">
<h2 class="fade-in show">Most popular searches</h2>
<div class="search-list">
<a class="search-item fade-in show" href="/faq/how-does-the-aifo-challenge-work">
How does the AIFO challenge work?
</a>
<a class="search-item fade-in show" href="/faq/profit-split-payout">
How do I request a profit split (payout)?
</a>
<a class="search-item fade-in show" href="/faq/withdrawal-processing-time">
How long does it take to process a withdrawal?
</a>
<a class="search-item fade-in show" href="/faq/disconnected-during-trade">
I disconnected during a trade. What should I do?
</a>
<a class="search-item fade-in show" href="/faq/contact-customer-support">
How can I contact customer support?
</a>
<a class="search-item fade-in show" href="/faq/profit-split-percentage">
What is the profit split percentage?
</a>
</div>
</div>
</div>
</section>
<!-- FAQ List -->
<section class="faq-section" id="faq" style="display:none">
<div class="container">
<div class="page-title-wrapper">
<h1 class="page-title text-center" id="pageTitle">Most Viewed Articles</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="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 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="icon iconfont icon-arrow"></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="icon iconfont icon-arrow"></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="icon iconfont icon-arrow"></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>
</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>
$(document).ready(function() {
// FAQ Accordion
$('.faq-header').on('click', 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').css('opacity', '0');
// Open clicked item if it wasn't active
if (!isActive) {
$item.addClass('active');
$body.css('max-height', '500px').css('opacity', '1');
}
});
// Feedback Carousel Controls
$('#feedbackPrev').on('click', function() {
$('#feedbackCarousel').carousel('prev');
updateCarouselButtons();
});
$('#feedbackNext').on('click', function() {
$('#feedbackCarousel').carousel('next');
updateCarouselButtons();
});
$('#feedbackCarousel').on('slid.bs.carousel', function() {
updateCarouselButtons();
});
function updateCarouselButtons() {
var $carousel = $('#feedbackCarousel');
var activeIndex = $carousel.find('.carousel-item.active').index();
var totalItems = $carousel.find('.carousel-item').length;
$('#feedbackPrev').prop('disabled', activeIndex === 0);
$('#feedbackNext').prop('disabled', activeIndex === totalItems - 1);
}
// Initialize carousel button states
updateCarouselButtons();
// Smooth scroll for anchor links
});
</script>
</html>