149 lines
8.1 KiB
PHP
149 lines
8.1 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>PaperTrade Lab</title>
|
|
<meta name="description" content="PaperTrade Lab - The ultimate platform for paper trading crypto, forex, and stocks. Real-time charts, news, and portfolio tracking.">
|
|
<meta name="keywords" content="paper trading, crypto simulator, forex trading, stock market game, investment learning, trading practice, Borsa Istanbul, financial markets">
|
|
<meta property="og:title" content="PaperTrade Lab">
|
|
<meta property="og:description" content="The ultimate platform for paper trading crypto, forex, and stocks.">
|
|
<meta property="og:image" content="">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:image" content="">
|
|
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
|
|
</head>
|
|
<body>
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-dark sticky-top">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="#">PaperTrade Lab</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item"><a class="nav-link" href="#hero">Home</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main>
|
|
<?php if (isset($_GET['status']) && $_GET['status'] == 'success'): ?>
|
|
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
|
<strong>Thank you!</strong> Your message has been sent successfully.
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
<?php elseif (isset($_GET['status']) && $_GET['status'] == 'error'): ?>
|
|
<div class="alert alert-danger alert-dismissible fade show" role="alert">
|
|
<strong>Error!</strong> There was a problem sending your message. Please try again.
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<section id="hero" class="text-center">
|
|
<div class="container">
|
|
<h1 class="display-4">Welcome to PaperTrade Lab</h1>
|
|
<p class="lead">Your personal sandbox for mastering the financial markets. Practice trading crypto, forex, and stocks with zero risk.</p>
|
|
<a href="#contact" class="btn btn-primary btn-lg">Get Early Access</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="about" class="py-5">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-md-6">
|
|
<h2>About The Project</h2>
|
|
<p>PaperTrade Lab is a mobile-first application designed for both aspiring and experienced traders. It provides a hyper-realistic simulation of trading environments across various markets, including cryptocurrencies, forex, and the Borsa Istanbul. Our goal is to empower you to test strategies, learn market dynamics, and build confidence without risking real capital.</p>
|
|
</div>
|
|
<div class="col-md-6 text-center">
|
|
<i class="bi bi-phone-stack display-1 text-primary"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="features" class="py-5 bg-dark-surface">
|
|
<div class="container">
|
|
<h2 class="text-center mb-5">Features</h2>
|
|
<div class="row">
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card h-100">
|
|
<div class="card-body text-center">
|
|
<i class="bi bi-graph-up-arrow display-4 text-primary mb-3"></i>
|
|
<h5 class="card-title">Real-Time Charts</h5>
|
|
<p class="card-text">Interactive candlestick charts with professional-grade indicators to analyze market movements.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card h-100">
|
|
<div class="card-body text-center">
|
|
<i class="bi bi-safe2 display-4 text-primary mb-3"></i>
|
|
<h5 class="card-title">Risk-Free Trading</h5>
|
|
<p class="card-text">Execute market and limit orders with a mock portfolio to track your P&L and trade history.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 mb-4">
|
|
<div class="card h-100">
|
|
<div class="card-body text-center">
|
|
<i class="bi bi-newspaper display-4 text-primary mb-3"></i>
|
|
<h5 class="card-title">Curated News Feed</h5>
|
|
<p class="card-text">Stay informed with a news feed filtered by the markets and instruments you follow.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact" class="py-5">
|
|
<div class="container">
|
|
<h2 class="text-center mb-4">Contact Us</h2>
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-6">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<form action="contact.php" method="POST">
|
|
<div class="mb-3">
|
|
<label for="name" class="form-label">Name</label>
|
|
<input type="text" class="form-control" id="name" name="name" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="email" class="form-label">Email</label>
|
|
<input type="email" class="form-control" id="email" name="email" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="message" class="form-label">Message</label>
|
|
<textarea class="form-control" id="message" name="message" rows="4" required></textarea>
|
|
</div>
|
|
<div class="d-grid">
|
|
<button type="submit" class="btn btn-primary">Send Message</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="text-center py-4">
|
|
<div class="container">
|
|
<p>© 2025 PaperTrade Lab. All Rights Reserved.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
|
|
</body>
|
|
</html>
|