172 lines
7.8 KiB
PHP
172 lines
7.8 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
require_once __DIR__ . '/db/config.php';
|
|
|
|
$projectName = $_SERVER['PROJECT_NAME'] ?? 'FinStream';
|
|
$projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Modern financial communication for elite clients.';
|
|
?>
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title><?= htmlspecialchars($projectName) ?> | Client Portal</title>
|
|
|
|
<?php if ($projectDescription): ?>
|
|
<meta name="description" content="<?= htmlspecialchars($projectDescription) ?>" />
|
|
<meta property="og:description" content="<?= htmlspecialchars($projectDescription) ?>" />
|
|
<meta property="twitter:description" content="<?= htmlspecialchars($projectDescription) ?>" />
|
|
<?php endif; ?>
|
|
<?php if (isset($_SERVER['PROJECT_IMAGE_URL'])): ?>
|
|
<meta property="og:image" content="<?= htmlspecialchars($_SERVER['PROJECT_IMAGE_URL']) ?>" />
|
|
<meta property="twitter:image" content="<?= htmlspecialchars($_SERVER['PROJECT_IMAGE_URL']) ?>" />
|
|
<?php endif; ?>
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css">
|
|
<link rel="stylesheet" href="assets/css/custom.css?v=<?= time() ?>">
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<div class="container d-flex justify-content-between align-items-center">
|
|
<a href="/" class="nav-brand"><?= htmlspecialchars($projectName) ?></a>
|
|
<nav class="d-none d-md-block">
|
|
<a href="#news" class="btn btn-secondary btn-sm me-2">News</a>
|
|
<a href="#view" class="btn btn-secondary btn-sm me-2">Our View</a>
|
|
<a href="#activities" class="btn btn-secondary btn-sm">Activities</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<!-- Hero -->
|
|
<section class="hero">
|
|
<div class="container">
|
|
<h1 class="display-4">Intelligence for the Modern Investor</h1>
|
|
<p class="lead text-muted editorial">Stay ahead with our curated insights, direct from our analysts to your dashboard. Precise. Timely. Essential.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Weekly News -->
|
|
<section id="news">
|
|
<div class="container">
|
|
<span class="section-title">Weekly News Digest</span>
|
|
<div class="card-grid">
|
|
<article class="news-card">
|
|
<div class="news-date">January 22, 2026</div>
|
|
<h3 class="news-title">Global Markets: The Q1 Outlook</h3>
|
|
<p class="text-muted small">An analysis of emerging market resilience amidst shifting interest rate expectations.</p>
|
|
</article>
|
|
<article class="news-card">
|
|
<div class="news-date">January 15, 2026</div>
|
|
<h3 class="news-title">Tech Sector Consolidation</h3>
|
|
<p class="text-muted small">Why mid-cap AI firms are becoming prime acquisition targets for legacy tech giants.</p>
|
|
</article>
|
|
<article class="news-card">
|
|
<div class="news-date">January 08, 2026</div>
|
|
<h3 class="news-title">Energy Transition Milestones</h3>
|
|
<p class="text-muted small">New regulatory frameworks in the EU are accelerating offshore wind investments.</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Our View -->
|
|
<section id="view">
|
|
<div class="container">
|
|
<span class="section-title">Our View</span>
|
|
<div class="editorial">
|
|
<div class="editorial-meta">
|
|
<strong>By David Sterling</strong>
|
|
<span>Chief Investment Officer</span>
|
|
</div>
|
|
<div class="editorial-content">
|
|
"The current volatility is not a signal to retreat, but a prompt to recalibrate. We are seeing a structural shift in how liquidity flows through private markets, favoring transparency over raw scale."
|
|
</div>
|
|
<p class="mt-4 text-muted">In our latest monthly memo, we dive deep into the 'Transparency Premium' and what it means for long-term capital preservation.</p>
|
|
<a href="#" class="btn btn-primary mt-2">Read Full Memo</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Activities -->
|
|
<section id="activities">
|
|
<div class="container">
|
|
<span class="section-title">Our Activities</span>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="activity-item">
|
|
<div class="activity-icon"><i class="bi bi-graph-up-arrow"></i></div>
|
|
<div>
|
|
<h3>Portfolio Reviews</h3>
|
|
<p class="text-muted">Personalized 1-on-1 sessions to align your holdings with our latest research models.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="activity-item">
|
|
<div class="activity-icon"><i class="bi bi-megaphone"></i></div>
|
|
<div>
|
|
<h3>Webinar: Future of Fintech</h3>
|
|
<p class="text-muted">Join us on Feb 5th for a live discussion with industry pioneers on the next wave of disruption.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="activity-item">
|
|
<div class="activity-icon"><i class="bi bi-calendar-event"></i></div>
|
|
<div>
|
|
<h3>Annual Partners' Summit</h3>
|
|
<p class="text-muted">Save the date for our flagship event in Zurich, October 2026. Exclusive for tier-1 clients.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Subscription -->
|
|
<section id="subscribe">
|
|
<div class="container">
|
|
<div class="card-grid" style="grid-template-columns: 1fr;">
|
|
<div class="news-card bg-light border-0">
|
|
<h2 class="mb-3">Stay Connected</h2>
|
|
<p class="text-muted mb-4">Receive our weekly digest and exclusive event invitations directly in your inbox.</p>
|
|
<form id="subscribeForm" class="row g-3">
|
|
<div class="col-md-8">
|
|
<input type="email" name="email" class="form-control" placeholder="institutional.email@example.com" required>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<button type="submit" class="btn btn-primary w-100">Subscribe</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<p>© <?= date('Y') ?> <?= htmlspecialchars($projectName) ?>. All rights reserved.</p>
|
|
<p class="small">Investments involve risk. Past performance is not indicative of future results.</p>
|
|
</div>
|
|
<div class="col-md-6 text-md-end">
|
|
<a href="#" class="text-muted me-3">Privacy Policy</a>
|
|
<a href="#" class="text-muted">Terms of Service</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<div id="notification"></div>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
|
<script src="assets/js/main.js?v=<?= time() ?>"></script>
|
|
</body>
|
|
</html>
|