From e2409fe8a146186e18803963c56e9305918c9ee9 Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Sun, 19 Oct 2025 08:05:44 +0000 Subject: [PATCH] finans1 --- assets/css/custom.css | 104 +++++++++++++++ assets/js/main.js | 15 +++ contact.php | 26 ++++ index.php | 289 +++++++++++++++++++++--------------------- 4 files changed, 289 insertions(+), 145 deletions(-) create mode 100644 assets/css/custom.css create mode 100644 assets/js/main.js create mode 100644 contact.php diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..0536329 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,104 @@ +:root { + --bs-dark-rgb: 17, 24, 39; + --bs-body-bg: #111827; + --bs-body-color: #F9FAFB; + --primary-color: #00A8E8; + --surface-color: #1F2937; +} + +body { + background-color: var(--bs-body-bg); + color: var(--bs-body-color); + font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.navbar { + background-color: rgba(17, 24, 39, 0.8); + backdrop-filter: blur(10px); +} + +.navbar-brand { + font-weight: bold; +} + +#hero { + padding: 100px 0; + background: linear-gradient(180deg, var(--bs-body-bg) 0%, var(--surface-color) 100%); +} + +#hero h1 { + font-weight: 700; + color: #fff; +} + +.lead { + color: #d1d5db; +} + +.btn-primary { + background-color: var(--primary-color); + border-color: var(--primary-color); + padding: 12px 30px; + font-weight: bold; + border-radius: 0.5rem; + transition: background-color 0.3s, border-color 0.3s; +} + +.btn-primary:hover { + background-color: #0077b6; + border-color: #0077b6; +} + +section { + border-bottom: 1px solid var(--surface-color); +} + +.bg-dark-surface { + background-color: var(--surface-color); +} + +.card { + background-color: #374151; + border: none; + border-radius: 0.5rem; + color: var(--bs-body-color); +} + +.form-control { + background-color: #4b5563; + border-color: #6b7280; + color: #fff; + border-radius: 0.5rem; +} + +.form-control:focus { + background-color: #4b5563; + border-color: var(--primary-color); + color: #fff; + box-shadow: 0 0 0 0.25rem rgba(0, 168, 232, 0.25); +} + +.form-control::placeholder { + color: #9ca3af; +} + +.form-label { + color: #d1d5db; +} + +.text-primary { + color: var(--primary-color) !important; +} + +footer { + background-color: var(--surface-color); + color: #9ca3af; +} + +.alert { + border-radius: 0; + position: fixed; + top: 56px; /* Height of navbar */ + width: 100%; + z-index: 1031; /* Above sticky navbar */ +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..3bcb657 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,15 @@ +document.querySelectorAll('a.nav-link').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + + const targetId = this.getAttribute('href'); + const targetElement = document.querySelector(targetId); + + if (targetElement) { + window.scrollTo({ + top: targetElement.offsetTop - 70, // Adjust for sticky navbar height + behavior: 'smooth' + }); + } + }); +}); diff --git a/contact.php b/contact.php new file mode 100644 index 0000000..867f80f --- /dev/null +++ b/contact.php @@ -0,0 +1,26 @@ + - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + PaperTrade Lab + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + + +
+ + + + + + +
+
+

Welcome to PaperTrade Lab

+

Your personal sandbox for mastering the financial markets. Practice trading crypto, forex, and stocks with zero risk.

+ Get Early Access +
+
+ +
+
+
+
+

About The Project

+

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.

+
+
+ +
+
+
+
+ +
+
+

Features

+
+
+
+
+ +
Real-Time Charts
+

Interactive candlestick charts with professional-grade indicators to analyze market movements.

+
+
+
+
+
+
+ +
Risk-Free Trading
+

Execute market and limit orders with a mock portfolio to track your P&L and trade history.

+
+
+
+
+
+
+ +
Curated News Feed
+

Stay informed with a news feed filtered by the markets and instruments you follow.

+
+
+
+
+
+
+ +
+
+

Contact Us

+
+
+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+
+
+
+
+
+
+ + + + + - + \ No newline at end of file