Automated commit to test8 from Docker container
This commit is contained in:
commit
0f3ecac5cb
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
||||
Dockerfile
|
||||
468
dashboard.html
Normal file
468
dashboard.html
Normal file
@ -0,0 +1,468 @@
|
||||
SafeValue must use [property]=binding:
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Dashboard</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="page-wrapper">
|
||||
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">WealthPilot</div><ul class="nav-1-nav-links"><li><a href="home.html">Dashboard</a></li><li><a href="about.html">About Us</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Features</a></li><li><a href="faq.html">FAQs</a></li><li class="nav-1-dropdown"><a href="#">More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Join Now</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
||||
<div class="text-2-wrapper"><section class="text-2-section"><p class="text-2-tagline">Your Financial Future, Illuminated.</p><h2 class="text-2-heading">Master Your Money. Maximize Your Growth.</h2><p class="text-2-description">Seamlessly link your bank accounts and investments to effortlessly track expenses, forecast savings goals, and receive personalized AI-driven investment advice. Take control of your financial destiny.</p><div class="text-2-button-group"><button class="text-2-btn text-2-solid">Get Started</button><button class="text-2-btn text-2-outline">Learn More</button></div></section></div>
|
||||
<section class="account-summary-section">
|
||||
<header class="section-header">
|
||||
<h2 class="section-title">Your Financial Overview</h2>
|
||||
<p class="section-description">A quick glance at your linked accounts and financial health.</p>
|
||||
</header>
|
||||
|
||||
<div class="account-summary-cards-container">
|
||||
<!-- Total Net Worth Card -->
|
||||
<div class="summary-card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Total Net Worth</h3>
|
||||
</div>
|
||||
<p class="card-balance-value">$123,456.78</p>
|
||||
<div class="card-meta-info">
|
||||
<p>As of <span>Oct 26, 2023</span></p>
|
||||
<p><span class="trend-indicator-positive">+2.15%</span> since last month</p>
|
||||
</div>
|
||||
<a href="#" class="card-action">View Details →</a>
|
||||
</div>
|
||||
|
||||
<!-- Bank Accounts Card -->
|
||||
<div class="summary-card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Bank Accounts</h3>
|
||||
<span class="card-icon" aria-hidden="true">🏦</span>
|
||||
</div>
|
||||
<p class="card-balance-value">$12,345.00</p>
|
||||
<div class="card-meta-info">
|
||||
<p><span>3</span> accounts linked</p>
|
||||
<p>Last synced: <span>2 min ago</span></p>
|
||||
</div>
|
||||
<a href="#" class="card-action">Manage Accounts →</a>
|
||||
</div>
|
||||
|
||||
<!-- Investments Card -->
|
||||
<div class="summary-card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Investments</h3>
|
||||
<span class="card-icon" aria-hidden="true">📈</span>
|
||||
</div>
|
||||
<p class="card-balance-value">$98,765.43</p>
|
||||
<div class="card-meta-info">
|
||||
<p><span>2</span> portfolios</p>
|
||||
<p>Today's gain: <span class="trend-indicator-positive">+$1,234.56</span></p>
|
||||
</div>
|
||||
<a href="#" class="card-action">Explore Portfolios →</a>
|
||||
</div>
|
||||
|
||||
<!-- Credit Cards Card -->
|
||||
<div class="summary-card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Credit Cards</h3>
|
||||
<span class="card-icon" aria-hidden="true">💳</span>
|
||||
</div>
|
||||
<p class="card-balance-value">$5,678.90</p>
|
||||
<div class="card-meta-info">
|
||||
<p><span>2</span> cards linked</p>
|
||||
<p>Next payment due: <span>Nov 15</span></p>
|
||||
</div>
|
||||
<a href="#" class="card-action">Manage Debts →</a>
|
||||
</div>
|
||||
|
||||
<!-- Savings & Goals Card -->
|
||||
<div class="summary-card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Savings & Goals</h3>
|
||||
<span class="card-icon" aria-hidden="true">💰</span>
|
||||
</div>
|
||||
<p class="card-balance-value">On Track</p>
|
||||
<div class="card-meta-info">
|
||||
<p><span>$500/month</span> target</p>
|
||||
<p>Forecasted: <span>$6,000</span> by year-end</p>
|
||||
</div>
|
||||
<a href="#" class="card-action">Adjust Goals →</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Quick Actions</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<!-- Font Awesome for icons (placeholder, ideally self-hosted or more minimal icons) -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha512-..." crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section class="quick-actions-panel" aria-labelledby="quickActionsTitle">
|
||||
<header class="quick-actions-panel__header">
|
||||
<h2 id="quickActionsTitle" class="quick-actions-panel__title">Quick Actions</h2>
|
||||
<a href="/all-actions" class="quick-actions-panel__view-all">View All Actions →</a>
|
||||
</header>
|
||||
<div class="quick-actions-panel__grid">
|
||||
<a href="/link-account" class="quick-action-card">
|
||||
<i class="fas fa-link quick-action-card__icon" aria-hidden="true"></i>
|
||||
<h3 class="quick-action-card__title">Link Account</h3>
|
||||
<p class="quick-action-card__description">Connect a new bank or investment account.</p>
|
||||
</a>
|
||||
<a href="/track-expense" class="quick-action-card">
|
||||
<i class="fas fa-plus-circle quick-action-card__icon" aria-hidden="true"></i>
|
||||
<h3 class="quick-action-card__title">Add Expense</h3>
|
||||
<p class="quick-action-card__description">Manually log a recent transaction.</p>
|
||||
</a>
|
||||
<a href="/savings-forecast" class="quick-action-card">
|
||||
<i class="fas fa-chart-line quick-action-card__icon" aria-hidden="true"></i>
|
||||
<h3 class="quick-action-card__title">Forecast Savings</h3>
|
||||
<p class="quick-action-card__description">Project your future financial growth.</p>
|
||||
</a>
|
||||
<a href="/investment-advice" class="quick-action-card">
|
||||
<i class="fas fa-lightbulb quick-action-card__icon" aria-hidden="true"></i>
|
||||
<h3 class="quick-action-card__title">Get Investment Advice</h3>
|
||||
<p class="quick-action-card__description">Receive AI-driven insights for your portfolio.</p>
|
||||
</a>
|
||||
<a href="/set-budget" class="quick-action-card">
|
||||
<i class="fas fa-wallet quick-action-card__icon" aria-hidden="true"></i>
|
||||
<h3 class="quick-action-card__title">Set Budget</h3>
|
||||
<p class="quick-action-card__description">Create or adjust spending limits.</p>
|
||||
</a>
|
||||
<a href="/review-transactions" class="quick-action-card">
|
||||
<i class="fas fa-receipt quick-action-card__icon" aria-hidden="true"></i>
|
||||
<h3 class="quick-action-card__title">Review Transactions</h3>
|
||||
<p class="quick-action-card__description">Categorize and review recent activity.</p>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<section class="investment-snapshot">
|
||||
<div class="container">
|
||||
<header class="section-header">
|
||||
<h2>Investment Snapshot</h2>
|
||||
<p>Your current financial overview at a glance.</p>
|
||||
</header>
|
||||
|
||||
<div class="summary-cards">
|
||||
<div class="card summary-card total-investments">
|
||||
<h3>Total Investments</h3>
|
||||
<p class="value">$1,234,567.89</p>
|
||||
<span class="change change-positive">▲ +$12,345.67 (+1.01%) today</span>
|
||||
</div>
|
||||
<div class="card summary-card net-worth">
|
||||
<h3>Estimated Net Worth</h3>
|
||||
<p class="value">$2,345,678.90</p>
|
||||
<span class="change change-negative">▼ -$5,432.10 (-0.23%) this month</span>
|
||||
</div>
|
||||
<div class="card summary-card recent-performance">
|
||||
<h3>YTD Performance</h3>
|
||||
<p class="value">+$234,567.89</p>
|
||||
<span class="change change-positive">▲ +12.34% YTD</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="investment-details">
|
||||
<article class="card portfolio-breakdown">
|
||||
<h3>Portfolio Allocation</h3>
|
||||
<figure class="chart-placeholder">
|
||||
<p>[Placeholder for Interactive Pie Chart or Donut Chart showing asset distribution]</p>
|
||||
<figcaption>Distribution of assets across your portfolio.</figcaption>
|
||||
</figure>
|
||||
<ul class="asset-list">
|
||||
<li>
|
||||
<span class="asset-type">Stocks</span>
|
||||
<span class="asset-value">$800,000.00</span>
|
||||
<span class="asset-percentage">65%</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="asset-type">Bonds</span>
|
||||
<span class="asset-value">$200,000.00</span>
|
||||
<span class="asset-percentage">16%</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="asset-type">Mutual Funds & ETFs</span>
|
||||
<span class="asset-value">$180,000.00</span>
|
||||
<span class="asset-percentage">15%</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="asset-type">Cash & Equivalents</span>
|
||||
<span class="asset-value">$54,567.89</span>
|
||||
<span class="asset-percentage">4%</span>
|
||||
</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="card connected-accounts">
|
||||
<h3>Connected Accounts</h3>
|
||||
<ul class="account-list">
|
||||
<li>
|
||||
<div class="account-info">
|
||||
<span class="account-name">Brokerage Account</span>
|
||||
<span class="account-institution">Vanguard</span>
|
||||
</div>
|
||||
<span class="account-balance">$600,000.00</span>
|
||||
</li>
|
||||
<li>
|
||||
<div class="account-info">
|
||||
<span class="account-name">401k Account</span>
|
||||
<span class="account-institution">Fidelity</span>
|
||||
</div>
|
||||
<span class="account-balance">$350,000.00</span>
|
||||
</li>
|
||||
<li>
|
||||
<div class="account-info">
|
||||
<span class="account-name">IRA Account</span>
|
||||
<span class="account-institution">Schwab</span>
|
||||
</div>
|
||||
<span class="account-balance">$150,000.00</span>
|
||||
</li>
|
||||
<li>
|
||||
<div class="account-info">
|
||||
<span class="account-name">Savings Account</span>
|
||||
<span class="account-institution">Bank of America</span>
|
||||
</div>
|
||||
<span class="account-balance">$134,567.89</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="account-actions">
|
||||
<a href="#" class="button button-primary">View All Investments</a>
|
||||
<a href="#" class="button button-secondary">Connect Another Account</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="footer-1-wrapper"><section class="footer-1-section"><div class="footer-1-top"><div class="footer-1-brand"><h3 class="footer-1-logo">WealthFlow AI</h3><p class="footer-1-newsletter-text">Unlock your financial potential. Subscribe for exclusive insights and updates on smart money management.</p><div class="footer-1-newsletter-form"><input type="email" placeholder="Enter your email"></input><button class="footer-1-subscribe-btn">Subscribe</button></div><p class="footer-1-privacy-note"><span>By subscribing you agree to our </span><a href="#">Privacy Policy</a><span> and consent to receive updates and financial insights from WealthFlow AI.</span></p></div><div class="footer-1-columns"><div class="footer-1-column"><h4>Our Features</h4><ul><li><a href="#">Expense Tracking</a></li><li><a href="#">Investment Insights</a></li><li><a href="#">Savings Forecast</a></li><li><a href="#">AI-Driven Advice</a></li><li><a href="#">Account Sync</a></li></ul></div><div class="footer-1-column"><h4>Company</h4><ul><li><a href="#">About Us</a></li><li><a href="#">Blog</a></li><li><a href="#">Careers</a></li><li><a href="#">Press</a></li><li><a href="#">Contact</a></li></ul></div><div class="footer-1-column footer-1-social"><h4>Connect With Us</h4><ul><li><i class="fab fa-facebook"></i><span>Facebook</span></li><li><i class="fab fa-instagram"></i><span>Instagram</span></li><li><i class="fab fa-x-twitter"></i><span>X (Twitter)</span></li><li><i class="fab fa-linkedin"></i><span>LinkedIn</span></li><li><i class="fab fa-youtube"></i><span>YouTube</span></li></ul></div></div></div><div class="footer-1-bottom"><p>© 2023 WealthFlow AI. All rights reserved.</p><ul class="footer-1-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookie Settings</a></li></ul></div></section></div>
|
||||
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">WealthPilot</div><ul class="nav-1-nav-links"><li><a href="home.html">Dashboard</a></li><li><a href="about.html">About Us</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Features</a></li><li><a href="faq.html">FAQs</a></li><li class="nav-1-dropdown"><a href="#">More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Join Now</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
||||
<div class="text-2-wrapper"><section class="text-2-section"><p class="text-2-tagline">Your Financial Future, Illuminated.</p><h2 class="text-2-heading">Master Your Money. Maximize Your Growth.</h2><p class="text-2-description">Seamlessly link your bank accounts and investments to effortlessly track expenses, forecast savings goals, and receive personalized AI-driven investment advice. Take control of your financial destiny.</p><div class="text-2-button-group"><button class="text-2-btn text-2-solid">Get Started</button><button class="text-2-btn text-2-outline">Learn More</button></div></section></div>
|
||||
<section class="account-summary-section">
|
||||
<header class="section-header">
|
||||
<h2 class="section-title">Your Financial Overview</h2>
|
||||
<p class="section-description">A quick glance at your linked accounts and financial health.</p>
|
||||
</header>
|
||||
|
||||
<div class="account-summary-cards-container">
|
||||
<!-- Total Net Worth Card -->
|
||||
<div class="summary-card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Total Net Worth</h3>
|
||||
</div>
|
||||
<p class="card-balance-value">$123,456.78</p>
|
||||
<div class="card-meta-info">
|
||||
<p>As of <span>Oct 26, 2023</span></p>
|
||||
<p><span class="trend-indicator-positive">+2.15%</span> since last month</p>
|
||||
</div>
|
||||
<a href="#" class="card-action">View Details →</a>
|
||||
</div>
|
||||
|
||||
<!-- Bank Accounts Card -->
|
||||
<div class="summary-card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Bank Accounts</h3>
|
||||
<span class="card-icon" aria-hidden="true">🏦</span>
|
||||
</div>
|
||||
<p class="card-balance-value">$12,345.00</p>
|
||||
<div class="card-meta-info">
|
||||
<p><span>3</span> accounts linked</p>
|
||||
<p>Last synced: <span>2 min ago</span></p>
|
||||
</div>
|
||||
<a href="#" class="card-action">Manage Accounts →</a>
|
||||
</div>
|
||||
|
||||
<!-- Investments Card -->
|
||||
<div class="summary-card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Investments</h3>
|
||||
<span class="card-icon" aria-hidden="true">📈</span>
|
||||
</div>
|
||||
<p class="card-balance-value">$98,765.43</p>
|
||||
<div class="card-meta-info">
|
||||
<p><span>2</span> portfolios</p>
|
||||
<p>Today's gain: <span class="trend-indicator-positive">+$1,234.56</span></p>
|
||||
</div>
|
||||
<a href="#" class="card-action">Explore Portfolios →</a>
|
||||
</div>
|
||||
|
||||
<!-- Credit Cards Card -->
|
||||
<div class="summary-card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Credit Cards</h3>
|
||||
<span class="card-icon" aria-hidden="true">💳</span>
|
||||
</div>
|
||||
<p class="card-balance-value">$5,678.90</p>
|
||||
<div class="card-meta-info">
|
||||
<p><span>2</span> cards linked</p>
|
||||
<p>Next payment due: <span>Nov 15</span></p>
|
||||
</div>
|
||||
<a href="#" class="card-action">Manage Debts →</a>
|
||||
</div>
|
||||
|
||||
<!-- Savings & Goals Card -->
|
||||
<div class="summary-card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Savings & Goals</h3>
|
||||
<span class="card-icon" aria-hidden="true">💰</span>
|
||||
</div>
|
||||
<p class="card-balance-value">On Track</p>
|
||||
<div class="card-meta-info">
|
||||
<p><span>$500/month</span> target</p>
|
||||
<p>Forecasted: <span>$6,000</span> by year-end</p>
|
||||
</div>
|
||||
<a href="#" class="card-action">Adjust Goals →</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Quick Actions</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<section class="quick-actions-panel" aria-labelledby="quickActionsTitle">
|
||||
<header class="quick-actions-panel__header">
|
||||
<h2 id="quickActionsTitle" class="quick-actions-panel__title">Quick Actions</h2>
|
||||
<a href="/all-actions" class="quick-actions-panel__view-all">View All Actions →</a>
|
||||
</header>
|
||||
<div class="quick-actions-panel__grid">
|
||||
<a href="/link-account" class="quick-action-card">
|
||||
<i class="fas fa-link quick-action-card__icon" aria-hidden="true"></i>
|
||||
<h3 class="quick-action-card__title">Link Account</h3>
|
||||
<p class="quick-action-card__description">Connect a new bank or investment account.</p>
|
||||
</a>
|
||||
<a href="/track-expense" class="quick-action-card">
|
||||
<i class="fas fa-plus-circle quick-action-card__icon" aria-hidden="true"></i>
|
||||
<h3 class="quick-action-card__title">Add Expense</h3>
|
||||
<p class="quick-action-card__description">Manually log a recent transaction.</p>
|
||||
</a>
|
||||
<a href="/savings-forecast" class="quick-action-card">
|
||||
<i class="fas fa-chart-line quick-action-card__icon" aria-hidden="true"></i>
|
||||
<h3 class="quick-action-card__title">Forecast Savings</h3>
|
||||
<p class="quick-action-card__description">Project your future financial growth.</p>
|
||||
</a>
|
||||
<a href="/investment-advice" class="quick-action-card">
|
||||
<i class="fas fa-lightbulb quick-action-card__icon" aria-hidden="true"></i>
|
||||
<h3 class="quick-action-card__title">Get Investment Advice</h3>
|
||||
<p class="quick-action-card__description">Receive AI-driven insights for your portfolio.</p>
|
||||
</a>
|
||||
<a href="/set-budget" class="quick-action-card">
|
||||
<i class="fas fa-wallet quick-action-card__icon" aria-hidden="true"></i>
|
||||
<h3 class="quick-action-card__title">Set Budget</h3>
|
||||
<p class="quick-action-card__description">Create or adjust spending limits.</p>
|
||||
</a>
|
||||
<a href="/review-transactions" class="quick-action-card">
|
||||
<i class="fas fa-receipt quick-action-card__icon" aria-hidden="true"></i>
|
||||
<h3 class="quick-action-card__title">Review Transactions</h3>
|
||||
<p class="quick-action-card__description">Categorize and review recent activity.</p>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="investment-snapshot">
|
||||
<div class="container">
|
||||
<header class="section-header">
|
||||
<h2>Investment Snapshot</h2>
|
||||
<p>Your current financial overview at a glance.</p>
|
||||
</header>
|
||||
|
||||
<div class="summary-cards">
|
||||
<div class="card summary-card total-investments">
|
||||
<h3>Total Investments</h3>
|
||||
<p class="value">$1,234,567.89</p>
|
||||
<span class="change change-positive">▲ +$12,345.67 (+1.01%) today</span>
|
||||
</div>
|
||||
<div class="card summary-card net-worth">
|
||||
<h3>Estimated Net Worth</h3>
|
||||
<p class="value">$2,345,678.90</p>
|
||||
<span class="change change-negative">▼ -$5,432.10 (-0.23%) this month</span>
|
||||
</div>
|
||||
<div class="card summary-card recent-performance">
|
||||
<h3>YTD Performance</h3>
|
||||
<p class="value">+$234,567.89</p>
|
||||
<span class="change change-positive">▲ +12.34% YTD</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="investment-details">
|
||||
<article class="card portfolio-breakdown">
|
||||
<h3>Portfolio Allocation</h3>
|
||||
<figure class="chart-placeholder">
|
||||
<p>[Placeholder for Interactive Pie Chart or Donut Chart showing asset distribution]</p>
|
||||
<figcaption>Distribution of assets across your portfolio.</figcaption>
|
||||
</figure>
|
||||
<ul class="asset-list">
|
||||
<li>
|
||||
<span class="asset-type">Stocks</span>
|
||||
<span class="asset-value">$800,000.00</span>
|
||||
<span class="asset-percentage">65%</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="asset-type">Bonds</span>
|
||||
<span class="asset-value">$200,000.00</span>
|
||||
<span class="asset-percentage">16%</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="asset-type">Mutual Funds & ETFs</span>
|
||||
<span class="asset-value">$180,000.00</span>
|
||||
<span class="asset-percentage">15%</span>
|
||||
</li>
|
||||
<li>
|
||||
<span class="asset-type">Cash & Equivalents</span>
|
||||
<span class="asset-value">$54,567.89</span>
|
||||
<span class="asset-percentage">4%</span>
|
||||
</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article class="card connected-accounts">
|
||||
<h3>Connected Accounts</h3>
|
||||
<ul class="account-list">
|
||||
<li>
|
||||
<div class="account-info">
|
||||
<span class="account-name">Brokerage Account</span>
|
||||
<span class="account-institution">Vanguard</span>
|
||||
</div>
|
||||
<span class="account-balance">$600,000.00</span>
|
||||
</li>
|
||||
<li>
|
||||
<div class="account-info">
|
||||
<span class="account-name">401k Account</span>
|
||||
<span class="account-institution">Fidelity</span>
|
||||
</div>
|
||||
<span class="account-balance">$350,000.00</span>
|
||||
</li>
|
||||
<li>
|
||||
<div class="account-info">
|
||||
<span class="account-name">IRA Account</span>
|
||||
<span class="account-institution">Schwab</span>
|
||||
</div>
|
||||
<span class="account-balance">$150,000.00</span>
|
||||
</li>
|
||||
<li>
|
||||
<div class="account-info">
|
||||
<span class="account-name">Savings Account</span>
|
||||
<span class="account-institution">Bank of America</span>
|
||||
</div>
|
||||
<span class="account-balance">$134,567.89</span>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="account-actions">
|
||||
<a href="#" class="button button-primary">View All Investments</a>
|
||||
<a href="#" class="button button-secondary">Connect Another Account</a>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="footer-1-wrapper"><section class="footer-1-section"><div class="footer-1-top"><div class="footer-1-brand"><h3 class="footer-1-logo">WealthFlow AI</h3><p class="footer-1-newsletter-text">Unlock your financial potential. Subscribe for exclusive insights and updates on smart money management.</p><div class="footer-1-newsletter-form"><input type="email" placeholder="Enter your email"><button class="footer-1-subscribe-btn">Subscribe</button></div><p class="footer-1-privacy-note"><span>By subscribing you agree to our </span><a href="#">Privacy Policy</a><span> and consent to receive updates and financial insights from WealthFlow AI.</span></p></div><div class="footer-1-columns"><div class="footer-1-column"><h4>Our Features</h4><ul><li><a href="#">Expense Tracking</a></li><li><a href="#">Investment Insights</a></li><li><a href="#">Savings Forecast</a></li><li><a href="#">AI-Driven Advice</a></li><li><a href="#">Account Sync</a></li></ul></div><div class="footer-1-column"><h4>Company</h4><ul><li><a href="#">About Us</a></li><li><a href="#">Blog</a></li><li><a href="#">Careers</a></li><li><a href="#">Press</a></li><li><a href="#">Contact</a></li></ul></div><div class="footer-1-column footer-1-social"><h4>Connect With Us</h4><ul><li><i class="fab fa-facebook"></i><span>Facebook</span></li><li><i class="fab fa-instagram"></i><span>Instagram</span></li><li><i class="fab fa-x-twitter"></i><span>X (Twitter)</span></li><li><i class="fab fa-linkedin"></i><span>LinkedIn</span></li><li><i class="fab fa-youtube"></i><span>YouTube</span></li></ul></div></div></div><div class="footer-1-bottom"><p>© 2023 WealthFlow AI. All rights reserved.</p><ul class="footer-1-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookie Settings</a></li></ul></div></section></div>
|
||||
</div>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
document.body.style.display = 'none';
|
||||
setTimeout(function() { document.body.style.display = ''; }, 10);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html> (see https://g.co/ng/security#xss)
|
||||
542
expense_tracking.html
Normal file
542
expense_tracking.html
Normal file
@ -0,0 +1,542 @@
|
||||
SafeValue must use [property]=binding:
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Expense Tracking</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="page-wrapper">
|
||||
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">WealthPilot</div><ul class="nav-1-nav-links"><li><a href="home.html">Dashboard</a></li><li><a href="about.html">About Us</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Features</a></li><li><a href="faq.html">FAQs</a></li><li class="nav-1-dropdown"><a href="#">More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Join Now</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
||||
<div class="text-1-wrapper"><section class="text-1-section"><p class="text-1-tagline">Intelligent Finance, Simplified.</p><h2 class="text-1-heading">Master Your Money with AI-Powered Precision</h2><p class="text-1-description">Connect all your bank accounts and investments securely. Track expenses effortlessly, forecast your savings goals, and gain personalized, AI-driven investment advice to grow your wealth.</p><div class="text-1-button-group"><button class="text-1-btn text-1-solid">Start for Free</button><button class="text-1-btn text-1-outline">Explore Features</button></div></section></div>
|
||||
<section id="transaction-list" class="transaction-list-section">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Transaction History</h2>
|
||||
|
||||
<div class="transaction-controls">
|
||||
<div class="filter-group">
|
||||
<input type="date" class="date-filter" aria-label="Filter by start date">
|
||||
<input type="date" class="date-filter" aria-label="Filter by end date">
|
||||
<select class="account-filter" aria-label="Filter by account">
|
||||
<option value="">All Accounts</option>
|
||||
<option value="checking">Checking Account</option>
|
||||
<option value="savings">Savings Account</option>
|
||||
<option value="credit-card">Credit Card</option>
|
||||
</select>
|
||||
<select class="category-filter" aria-label="Filter by category">
|
||||
<option value="">All Categories</option>
|
||||
<option value="food">Food & Drink</option>
|
||||
<option value="transport">Transportation</option>
|
||||
<option value="housing">Housing</option>
|
||||
<option value="income">Income</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="search-group">
|
||||
<input type="search" placeholder="Search transactions..." class="search-input" aria-label="Search transactions">
|
||||
<button class="search-button">Search</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive-wrapper">
|
||||
<table class="transaction-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Date</th>
|
||||
<th scope="col">Description</th>
|
||||
<th scope="col">Category</th>
|
||||
<th scope="col">Account</th>
|
||||
<th scope="col">Amount</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-26</td>
|
||||
<td data-label="Description">Starbucks Coffee</td>
|
||||
<td data-label="Category">Food & Drink</td>
|
||||
<td data-label="Account">Checking Account</td>
|
||||
<td data-label="Amount" class="amount expense">-$5.50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-25</td>
|
||||
<td data-label="Description">Monthly Salary</td>
|
||||
<td data-label="Category">Income</td>
|
||||
<td data-label="Account">Savings Account</td>
|
||||
<td data-label="Amount" class="amount income">+$3,500.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-24</td>
|
||||
<td data-label="Description">Grocery Store A</td>
|
||||
<td data-label="Category">Groceries</td>
|
||||
<td data-label="Account">Credit Card</td>
|
||||
<td data-label="Amount" class="amount expense">-$78.25</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-24</td>
|
||||
<td data-label="Description">Online Subscription Service</td>
|
||||
<td data-label="Category">Entertainment</td>
|
||||
<td data-label="Account">Checking Account</td>
|
||||
<td data-label="Amount" class="amount expense">-$12.99</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-23</td>
|
||||
<td data-label="Description">Utility Bill - Electricity</td>
|
||||
<td data-label="Category">Utilities</td>
|
||||
<td data-label="Account">Checking Account</td>
|
||||
<td data-label="Amount" class="amount expense">-$120.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-22</td>
|
||||
<td data-label="Description">Local Restaurant Dinner</td>
|
||||
<td data-label="Category">Dining Out</td>
|
||||
<td data-label="Account">Credit Card</td>
|
||||
<td data-label="Amount" class="amount expense">-$45.75</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-21</td>
|
||||
<td data-label="Description">ATM Withdrawal</td>
|
||||
<td data-label="Category">Cash</td>
|
||||
<td data-label="Account">Checking Account</td>
|
||||
<td data-label="Amount" class="amount expense">-$100.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-20</td>
|
||||
<td data-label="Description">Investment Transfer</td>
|
||||
<td data-label="Category">Investments</td>
|
||||
<td data-label="Account">Savings Account</td>
|
||||
<td data-label="Amount" class="amount expense">-$500.00</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="pagination-controls">
|
||||
<button class="pagination-button prev-page" disabled>Previous</button>
|
||||
<span class="page-info">Page 1 of 5</span>
|
||||
<button class="pagination-button next-page">Next</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Spending Categories Chart</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<section class="section-spending-categories" aria-labelledby="spendingCategoriesTitle">
|
||||
<header class="section-spending-categories__header">
|
||||
<h2 id="spendingCategoriesTitle" class="section-spending-categories__title">Spending Categories Chart</h2>
|
||||
<div class="section-spending-categories__controls" role="group" aria-label="Chart time period selector">
|
||||
<button type="button" class="button button--active">Last 30 Days</button>
|
||||
<button type="button" class="button">This Month</button>
|
||||
<button type="button" class="button">Last Month</button>
|
||||
<button type="button" class="button">Last 90 Days</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="section-spending-categories__content">
|
||||
<div class="chart-container" role="img" aria-label="Spending categories pie chart placeholder">
|
||||
<p class="chart-placeholder-text">Placeholder for interactive Pie/Donut Chart (e.g., Chart.js, D3.js)</p>
|
||||
</div>
|
||||
|
||||
<aside class="chart-legend" aria-label="Spending categories legend">
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-0"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Food & Dining</span>
|
||||
<span class="legend-amount">$750.25</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-1"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Utilities</span>
|
||||
<span class="legend-amount">$320.00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-2"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Transportation</span>
|
||||
<span class="legend-amount">$280.50</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-3"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Shopping</span>
|
||||
<span class="legend-amount">$210.70</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-4"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Entertainment</span>
|
||||
<span class="legend-amount">$150.00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-5"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Healthcare</span>
|
||||
<span class="legend-amount">$95.00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-6"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Education</span>
|
||||
<span class="legend-amount">$50.00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-7"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Other</span>
|
||||
<span class="legend-amount">$120.30</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Add more legend items dynamically as needed -->
|
||||
</aside>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Budgeting Tools - [Your Website Name]</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section id="budgeting-tools" class="budgeting-tools-section">
|
||||
<div class="container">
|
||||
<h2>Your Comprehensive Budgeting & Financial Tools</h2>
|
||||
<p class="section-description">
|
||||
Gain clarity and control over your finances. Our powerful budgeting tools help you track every dollar,
|
||||
understand your spending habits, and plan for a secure future with ease.
|
||||
</p>
|
||||
|
||||
<div class="features-grid">
|
||||
<article class="feature-card">
|
||||
<span class="icon">💰</span> <!-- Money bag icon -->
|
||||
<h3>Expense Tracking</h3>
|
||||
<p>Automatically categorize and track all your spending. See where your money goes with clear, intuitive dashboards.</p>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<span class="icon">📈</span> <!-- Chart icon -->
|
||||
<h3>Income & Budget Planning</h3>
|
||||
<p>Set realistic budgets based on your income and goals. Get alerts and insights to stay on track.</p>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<span class="icon">💸</span> <!-- Banknotes icon -->
|
||||
<h3>Account & Investment Linking</h3>
|
||||
<p>Connect all your bank accounts, credit cards, and investments using secure APIs for a unified financial view.</p>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<span class="icon">💡</span> <!-- Lightbulb icon -->
|
||||
<h3>Savings & Debt Forecasting</h3>
|
||||
<p>Project your savings growth and debt reduction. Understand the impact of different financial decisions.</p>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<span class="icon">🤖</span> <!-- Robot face icon -->
|
||||
<h3>AI-Driven Insights</h3>
|
||||
<p>Receive personalized advice and smart recommendations to optimize your spending and investment strategies.</p>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<span class="icon">📉</span> <!-- Bar chart decreasing icon -->
|
||||
<h3>Financial Health Score</h3>
|
||||
<p>Get a holistic view of your financial well-being with a simple, actionable financial health score.</p>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="cta-section">
|
||||
<h3>Ready to Take Control of Your Money?</h3>
|
||||
<p>Join thousands of users who are achieving their financial goals with our intuitive platform.</p>
|
||||
<a href="#signup" class="cta-button">Get Started Today</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<div class="footer-1-wrapper"><section class="footer-1-section"><div class="footer-1-top"><div class="footer-1-brand"><h3 class="footer-1-logo">WealthFlow AI</h3><p class="footer-1-newsletter-text">Unlock your financial potential. Subscribe for exclusive insights and updates on smart money management.</p><div class="footer-1-newsletter-form"><input type="email" placeholder="Enter your email"></input><button class="footer-1-subscribe-btn">Subscribe</button></div><p class="footer-1-privacy-note"><span>By subscribing you agree to our </span><a href="#">Privacy Policy</a><span> and consent to receive updates and financial insights from WealthFlow AI.</span></p></div><div class="footer-1-columns"><div class="footer-1-column"><h4>Our Features</h4><ul><li><a href="#">Expense Tracking</a></li><li><a href="#">Investment Insights</a></li><li><a href="#">Savings Forecast</a></li><li><a href="#">AI-Driven Advice</a></li><li><a href="#">Account Sync</a></li></ul></div><div class="footer-1-column"><h4>Company</h4><ul><li><a href="#">About Us</a></li><li><a href="#">Blog</a></li><li><a href="#">Careers</a></li><li><a href="#">Press</a></li><li><a href="#">Contact</a></li></ul></div><div class="footer-1-column footer-1-social"><h4>Connect With Us</h4><ul><li><i class="fab fa-facebook"></i><span>Facebook</span></li><li><i class="fab fa-instagram"></i><span>Instagram</span></li><li><i class="fab fa-x-twitter"></i><span>X (Twitter)</span></li><li><i class="fab fa-linkedin"></i><span>LinkedIn</span></li><li><i class="fab fa-youtube"></i><span>YouTube</span></li></ul></div></div></div><div class="footer-1-bottom"><p>© 2023 WealthFlow AI. All rights reserved.</p><ul class="footer-1-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookie Settings</a></li></ul></div></section></div>
|
||||
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">WealthPilot</div><ul class="nav-1-nav-links"><li><a href="home.html">Dashboard</a></li><li><a href="about.html">About Us</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Features</a></li><li><a href="faq.html">FAQs</a></li><li class="nav-1-dropdown"><a href="#">More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Join Now</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
||||
<div class="text-1-wrapper"><section class="text-1-section"><p class="text-1-tagline">Intelligent Finance, Simplified.</p><h2 class="text-1-heading">Master Your Money with AI-Powered Precision</h2><p class="text-1-description">Connect all your bank accounts and investments securely. Track expenses effortlessly, forecast your savings goals, and gain personalized, AI-driven investment advice to grow your wealth.</p><div class="text-1-button-group"><button class="text-1-btn text-1-solid">Start for Free</button><button class="text-1-btn text-1-outline">Explore Features</button></div></section></div>
|
||||
<section id="transaction-list" class="transaction-list-section">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Transaction History</h2>
|
||||
|
||||
<div class="transaction-controls">
|
||||
<div class="filter-group">
|
||||
<input type="date" class="date-filter" aria-label="Filter by start date">
|
||||
<input type="date" class="date-filter" aria-label="Filter by end date">
|
||||
<select class="account-filter" aria-label="Filter by account">
|
||||
<option value="">All Accounts</option>
|
||||
<option value="checking">Checking Account</option>
|
||||
<option value="savings">Savings Account</option>
|
||||
<option value="credit-card">Credit Card</option>
|
||||
</select>
|
||||
<select class="category-filter" aria-label="Filter by category">
|
||||
<option value="">All Categories</option>
|
||||
<option value="food">Food & Drink</option>
|
||||
<option value="transport">Transportation</option>
|
||||
<option value="housing">Housing</option>
|
||||
<option value="income">Income</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="search-group">
|
||||
<input type="search" placeholder="Search transactions..." class="search-input" aria-label="Search transactions">
|
||||
<button class="search-button">Search</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive-wrapper">
|
||||
<table class="transaction-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Date</th>
|
||||
<th scope="col">Description</th>
|
||||
<th scope="col">Category</th>
|
||||
<th scope="col">Account</th>
|
||||
<th scope="col">Amount</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-26</td>
|
||||
<td data-label="Description">Starbucks Coffee</td>
|
||||
<td data-label="Category">Food & Drink</td>
|
||||
<td data-label="Account">Checking Account</td>
|
||||
<td data-label="Amount" class="amount expense">-$5.50</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-25</td>
|
||||
<td data-label="Description">Monthly Salary</td>
|
||||
<td data-label="Category">Income</td>
|
||||
<td data-label="Account">Savings Account</td>
|
||||
<td data-label="Amount" class="amount income">+$3,500.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-24</td>
|
||||
<td data-label="Description">Grocery Store A</td>
|
||||
<td data-label="Category">Groceries</td>
|
||||
<td data-label="Account">Credit Card</td>
|
||||
<td data-label="Amount" class="amount expense">-$78.25</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-24</td>
|
||||
<td data-label="Description">Online Subscription Service</td>
|
||||
<td data-label="Category">Entertainment</td>
|
||||
<td data-label="Account">Checking Account</td>
|
||||
<td data-label="Amount" class="amount expense">-$12.99</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-23</td>
|
||||
<td data-label="Description">Utility Bill - Electricity</td>
|
||||
<td data-label="Category">Utilities</td>
|
||||
<td data-label="Account">Checking Account</td>
|
||||
<td data-label="Amount" class="amount expense">-$120.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-22</td>
|
||||
<td data-label="Description">Local Restaurant Dinner</td>
|
||||
<td data-label="Category">Dining Out</td>
|
||||
<td data-label="Account">Credit Card</td>
|
||||
<td data-label="Amount" class="amount expense">-$45.75</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-21</td>
|
||||
<td data-label="Description">ATM Withdrawal</td>
|
||||
<td data-label="Category">Cash</td>
|
||||
<td data-label="Account">Checking Account</td>
|
||||
<td data-label="Amount" class="amount expense">-$100.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-label="Date">2023-10-20</td>
|
||||
<td data-label="Description">Investment Transfer</td>
|
||||
<td data-label="Category">Investments</td>
|
||||
<td data-label="Account">Savings Account</td>
|
||||
<td data-label="Amount" class="amount expense">-$500.00</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="pagination-controls">
|
||||
<button class="pagination-button prev-page" disabled="">Previous</button>
|
||||
<span class="page-info">Page 1 of 5</span>
|
||||
<button class="pagination-button next-page">Next</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Spending Categories Chart</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<div class="container">
|
||||
<section class="section-spending-categories" aria-labelledby="spendingCategoriesTitle">
|
||||
<header class="section-spending-categories__header">
|
||||
<h2 id="spendingCategoriesTitle" class="section-spending-categories__title">Spending Categories Chart</h2>
|
||||
<div class="section-spending-categories__controls" role="group" aria-label="Chart time period selector">
|
||||
<button type="button" class="button button--active">Last 30 Days</button>
|
||||
<button type="button" class="button">This Month</button>
|
||||
<button type="button" class="button">Last Month</button>
|
||||
<button type="button" class="button">Last 90 Days</button>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="section-spending-categories__content">
|
||||
<div class="chart-container" role="img" aria-label="Spending categories pie chart placeholder">
|
||||
<p class="chart-placeholder-text">Placeholder for interactive Pie/Donut Chart (e.g., Chart.js, D3.js)</p>
|
||||
</div>
|
||||
|
||||
<aside class="chart-legend" aria-label="Spending categories legend">
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-0"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Food & Dining</span>
|
||||
<span class="legend-amount">$750.25</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-1"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Utilities</span>
|
||||
<span class="legend-amount">$320.00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-2"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Transportation</span>
|
||||
<span class="legend-amount">$280.50</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-3"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Shopping</span>
|
||||
<span class="legend-amount">$210.70</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-4"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Entertainment</span>
|
||||
<span class="legend-amount">$150.00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-5"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Healthcare</span>
|
||||
<span class="legend-amount">$95.00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-6"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Education</span>
|
||||
<span class="legend-amount">$50.00</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-color-box color-7"></span>
|
||||
<div class="legend-item__text">
|
||||
<span class="legend-category-name">Other</span>
|
||||
<span class="legend-amount">$120.30</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Add more legend items dynamically as needed -->
|
||||
</aside>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Budgeting Tools - [Your Website Name]</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<section id="budgeting-tools" class="budgeting-tools-section">
|
||||
<div class="container">
|
||||
<h2>Your Comprehensive Budgeting & Financial Tools</h2>
|
||||
<p class="section-description">
|
||||
Gain clarity and control over your finances. Our powerful budgeting tools help you track every dollar,
|
||||
understand your spending habits, and plan for a secure future with ease.
|
||||
</p>
|
||||
|
||||
<div class="features-grid">
|
||||
<article class="feature-card">
|
||||
<span class="icon">💰</span> <!-- Money bag icon -->
|
||||
<h3>Expense Tracking</h3>
|
||||
<p>Automatically categorize and track all your spending. See where your money goes with clear, intuitive dashboards.</p>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<span class="icon">📈</span> <!-- Chart icon -->
|
||||
<h3>Income & Budget Planning</h3>
|
||||
<p>Set realistic budgets based on your income and goals. Get alerts and insights to stay on track.</p>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<span class="icon">💸</span> <!-- Banknotes icon -->
|
||||
<h3>Account & Investment Linking</h3>
|
||||
<p>Connect all your bank accounts, credit cards, and investments using secure APIs for a unified financial view.</p>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<span class="icon">💡</span> <!-- Lightbulb icon -->
|
||||
<h3>Savings & Debt Forecasting</h3>
|
||||
<p>Project your savings growth and debt reduction. Understand the impact of different financial decisions.</p>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<span class="icon">🤖</span> <!-- Robot face icon -->
|
||||
<h3>AI-Driven Insights</h3>
|
||||
<p>Receive personalized advice and smart recommendations to optimize your spending and investment strategies.</p>
|
||||
</article>
|
||||
|
||||
<article class="feature-card">
|
||||
<span class="icon">📉</span> <!-- Bar chart decreasing icon -->
|
||||
<h3>Financial Health Score</h3>
|
||||
<p>Get a holistic view of your financial well-being with a simple, actionable financial health score.</p>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="cta-section">
|
||||
<h3>Ready to Take Control of Your Money?</h3>
|
||||
<p>Join thousands of users who are achieving their financial goals with our intuitive platform.</p>
|
||||
<a href="#signup" class="cta-button">Get Started Today</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="footer-1-wrapper"><section class="footer-1-section"><div class="footer-1-top"><div class="footer-1-brand"><h3 class="footer-1-logo">WealthFlow AI</h3><p class="footer-1-newsletter-text">Unlock your financial potential. Subscribe for exclusive insights and updates on smart money management.</p><div class="footer-1-newsletter-form"><input type="email" placeholder="Enter your email"><button class="footer-1-subscribe-btn">Subscribe</button></div><p class="footer-1-privacy-note"><span>By subscribing you agree to our </span><a href="#">Privacy Policy</a><span> and consent to receive updates and financial insights from WealthFlow AI.</span></p></div><div class="footer-1-columns"><div class="footer-1-column"><h4>Our Features</h4><ul><li><a href="#">Expense Tracking</a></li><li><a href="#">Investment Insights</a></li><li><a href="#">Savings Forecast</a></li><li><a href="#">AI-Driven Advice</a></li><li><a href="#">Account Sync</a></li></ul></div><div class="footer-1-column"><h4>Company</h4><ul><li><a href="#">About Us</a></li><li><a href="#">Blog</a></li><li><a href="#">Careers</a></li><li><a href="#">Press</a></li><li><a href="#">Contact</a></li></ul></div><div class="footer-1-column footer-1-social"><h4>Connect With Us</h4><ul><li><i class="fab fa-facebook"></i><span>Facebook</span></li><li><i class="fab fa-instagram"></i><span>Instagram</span></li><li><i class="fab fa-x-twitter"></i><span>X (Twitter)</span></li><li><i class="fab fa-linkedin"></i><span>LinkedIn</span></li><li><i class="fab fa-youtube"></i><span>YouTube</span></li></ul></div></div></div><div class="footer-1-bottom"><p>© 2023 WealthFlow AI. All rights reserved.</p><ul class="footer-1-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookie Settings</a></li></ul></div></section></div>
|
||||
</div>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
document.body.style.display = 'none';
|
||||
setTimeout(function() { document.body.style.display = ''; }, 10);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html> (see https://g.co/ng/security#xss)
|
||||
193
index.html
Normal file
193
index.html
Normal file
@ -0,0 +1,193 @@
|
||||
SafeValue must use [property]=binding:
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Home</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="page-wrapper">
|
||||
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">WealthPilot</div><ul class="nav-1-nav-links"><li><a href="home.html">Dashboard</a></li><li><a href="about.html">About Us</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Features</a></li><li><a href="faq.html">FAQs</a></li><li class="nav-1-dropdown"><a href="#">More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Join Now</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
||||
<div class="hero-1-wrapper"><section class="hero-1-two-column"><div class="hero-1-content"><h2 class="hero-1-heading">Your Complete Financial Picture, Powered by AI</h2><p class="hero-1-description">Link all your bank accounts and investments to track every expense, forecast your savings, and receive personalized, AI-driven investment advice. Take control of your money with intelligence.</p><div class="hero-1-button-group"><button class="hero-1-btn hero-1-solid">Start Your Free Trial</button><button class="hero-1-btn hero-1-outline">Watch a Demo</button></div></div><div class="hero-1-image"><img class="hero-1-placeholder" src="https://images.unsplash.com/photo-1701170645257-8345722edf47?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3NjE3ODR8MHwxfHNlYXJjaHwxfHxmaW5hbmNpYWwlMjUyMHRlY2hub2xvZ3klMkMlMjUyMEFJJTJDJTI1MjBwZXJzb25hbCUyNTIwZmluYW5jZSUyQyUyNTIwaW52ZXN0bWVudCUyQyUyNTIwYnVkZ2V0aW5nJTJDJTI1MjB3ZWFsdGglMjUyMG1hbmFnZW1lbnR8ZW58MHx8fHwxNzUyMjkxMTcyfDA&ixlib=rb-4.1.0&q=80&w=1080" /></div></section></div>
|
||||
<div class="feature-7-wrapper"><section class="feature-7-section"><div class="feature-7-left"><p class="feature-7-tagline">Unify Your Financial World</p><h2 class="feature-7-heading">Intelligent Insights for Smarter Wealth Growth</h2><p class="feature-7-description">Connect all your bank accounts and investments in one secure place. Get real-time tracking, AI-powered insights, and personalized advice to master your spending, boost savings, and grow your investments effortlessly.</p><div class="feature-7-button-group"><button class="feature-7-btn feature-7-outline">See All Features</button><button class="feature-7-btn feature-7-arrow">Get Started Free →</button></div></div><div class="feature-7-right"><div class="feature-7-placeholder"></div></div></section></div>
|
||||
<div class="testimonial-1-wrapper"><div class="testimonial-1-container"><img class="testimonial-1-logo" src="webflow-logo.svg" alt="Webflow"></img><p class="testimonial-1-text">This platform has completely transformed how I manage my money. Linking all my accounts was seamless, and the AI-driven investment advice has been incredibly insightful, helping me forecast savings and plan for the future with confidence.</p><div class="testimonial-1-author"><img class="testimonial-1-author-image" src="author-avatar.jpg" alt="Author Avatar"></img><div class="testimonial-1-author-info"><p class="testimonial-1-author-name">Alexandria Kim</p><p class="testimonial-1-author-position">Growth Strategist, Tech Innovators Inc.</p></div></div></div></div>
|
||||
⚠️ HTML API call failed.
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Pricing Section</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<section id="pricing" class="container">
|
||||
<header class="text-center">
|
||||
<h2 class="section-heading">Flexible Plans for Every Investor</h2>
|
||||
<p class="section-subheading">Choose the plan that fits your financial goals. Get started with powerful tools for tracking, forecasting, and AI-driven advice.</p>
|
||||
</header>
|
||||
|
||||
<div class="pricing-grid">
|
||||
<!-- Basic Plan Card -->
|
||||
<article class="pricing-card">
|
||||
<div class="pricing-card-header">
|
||||
<h3 class="plan-name">Basic</h3>
|
||||
<div class="price-display">
|
||||
<span class="price-currency">$</span>
|
||||
<span class="price-amount">0</span>
|
||||
<span class="price-period">/month</span>
|
||||
</div>
|
||||
<p class="plan-description">Ideal for personal finance tracking and basic insights.</p>
|
||||
</div>
|
||||
<ul class="features-list">
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Link 1 Bank Account
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Track Expenses
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Basic Savings Forecast
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Standard Support
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#signup-basic" class="cta-button secondary">Get Started Free</a>
|
||||
</article>
|
||||
|
||||
<!-- Pro Plan Card (Featured) -->
|
||||
<article class="pricing-card featured">
|
||||
<div class="pricing-card-header">
|
||||
<h3 class="plan-name">Pro</h3>
|
||||
<div class="price-display">
|
||||
<span class="price-currency">$</span>
|
||||
<span class="price-amount">19</span>
|
||||
<span class="price-period">/month</span>
|
||||
</div>
|
||||
<p class="plan-description">Unlock advanced features for serious financial management.</p>
|
||||
</div>
|
||||
<ul class="features-list">
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Link Unlimited Accounts
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Advanced Expense Categorization
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Detailed Savings Forecast
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
AI-Driven Investment Advice
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Priority Customer Support
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#signup-pro" class="cta-button primary">Choose Pro</a>
|
||||
</article>
|
||||
|
||||
<!-- Premium Plan Card -->
|
||||
<article class="pricing-card">
|
||||
<div class="pricing-card-header">
|
||||
<h3 class="plan-name">Premium</h3>
|
||||
<div class="price-display">
|
||||
<span class="price-currency">$</span>
|
||||
<span class="price-amount">49</span>
|
||||
<span class="price-period">/month</span>
|
||||
</div>
|
||||
<p class="plan-description">For power users and professional financial management.</p>
|
||||
</div>
|
||||
<ul class="features-list">
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
All Pro Features
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Dedicated Financial Advisor Session
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Custom Investment Portfolio Analysis
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Early Access to New Features
|
||||
</li>
|
||||
<li>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
24/7 Premium Support
|
||||
</li>
|
||||
</ul>
|
||||
<a href="#signup-premium" class="cta-button secondary">Get Premium</a>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
<div class="cta-3-wrapper"><section class="cta-3-section"><h2 class="cta-3-heading">Master Your Money. Invest Smarter.</h2><p class="cta-3-description">Link your accounts, track every expense, forecast your savings, and get AI-driven investment advice tailored just for you. Take control of your financial future.</p><div class="cta-3-button-group"><button class="cta-3-btn cta-3-solid">Get Started Free</button><button class="cta-3-btn cta-3-outline">Explore Features</button></div></section></div>
|
||||
<div class="footer-1-wrapper"><section class="footer-1-section"><div class="footer-1-top"><div class="footer-1-brand"><h3 class="footer-1-logo">WealthFlow AI</h3><p class="footer-1-newsletter-text">Unlock your financial potential. Subscribe for exclusive insights and updates on smart money management.</p><div class="footer-1-newsletter-form"><input type="email" placeholder="Enter your email"></input><button class="footer-1-subscribe-btn">Subscribe</button></div><p class="footer-1-privacy-note"><span>By subscribing you agree to our </span><a href="#">Privacy Policy</a><span> and consent to receive updates and financial insights from WealthFlow AI.</span></p></div><div class="footer-1-columns"><div class="footer-1-column"><h4>Our Features</h4><ul><li><a href="#">Expense Tracking</a></li><li><a href="#">Investment Insights</a></li><li><a href="#">Savings Forecast</a></li><li><a href="#">AI-Driven Advice</a></li><li><a href="#">Account Sync</a></li></ul></div><div class="footer-1-column"><h4>Company</h4><ul><li><a href="#">About Us</a></li><li><a href="#">Blog</a></li><li><a href="#">Careers</a></li><li><a href="#">Press</a></li><li><a href="#">Contact</a></li></ul></div><div class="footer-1-column footer-1-social"><h4>Connect With Us</h4><ul><li><i class="fab fa-facebook"></i><span>Facebook</span></li><li><i class="fab fa-instagram"></i><span>Instagram</span></li><li><i class="fab fa-x-twitter"></i><span>X (Twitter)</span></li><li><i class="fab fa-linkedin"></i><span>LinkedIn</span></li><li><i class="fab fa-youtube"></i><span>YouTube</span></li></ul></div></div></div><div class="footer-1-bottom"><p>© 2023 WealthFlow AI. All rights reserved.</p><ul class="footer-1-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookie Settings</a></li></ul></div></section></div>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>home</title>
|
||||
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">WealthPilot</div><ul class="nav-1-nav-links"><li><a href="home.html">Dashboard</a></li><li><a href="about.html">About Us</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Features</a></li><li><a href="faq.html">FAQs</a></li><li class="nav-1-dropdown"><a href="#">More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Join Now</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
||||
<div class="hero-1-wrapper"><section class="hero-1-two-column"><div class="hero-1-content"><h2 class="hero-1-heading">Your Complete Financial Picture, Powered by AI</h2><p class="hero-1-description">Link all your bank accounts and investments to track every expense, forecast your savings, and receive personalized, AI-driven investment advice. Take control of your money with intelligence.</p><div class="hero-1-button-group"><button class="hero-1-btn hero-1-solid">Start Your Free Trial</button><button class="hero-1-btn hero-1-outline">Watch a Demo</button></div></div><div class="hero-1-image"><img src="https://images.unsplash.com/photo-1701170645257-8345722edf47?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3NjE3ODR8MHwxfHNlYXJjaHwxfHxmaW5hbmNpYWwlMjUyMHRlY2hub2xvZ3klMkMlMjUyMEFJJTJDJTI1MjBwZXJzb25hbCUyNTIwZmluYW5jZSUyQyUyNTIwaW52ZXN0bWVudCUyQyUyNTIwYnVkZ2V0aW5nJTJDJTI1MjB3ZWFsdGglMjUyMG1hbmFnZW1lbnR8ZW58MHx8fHwxNzUyMjkxMTcyfDA&ixlib=rb-4.1.0&q=80&w=1080" class="hero-1-placeholder"></div></section></div>
|
||||
<div class="feature-7-wrapper"><section class="feature-7-section"><div class="feature-7-left"><p class="feature-7-tagline">Unify Your Financial World</p><h2 class="feature-7-heading">Intelligent Insights for Smarter Wealth Growth</h2><p class="feature-7-description">Connect all your bank accounts and investments in one secure place. Get real-time tracking, AI-powered insights, and personalized advice to master your spending, boost savings, and grow your investments effortlessly.</p><div class="feature-7-button-group"><button class="feature-7-btn feature-7-outline">See All Features</button><button class="feature-7-btn feature-7-arrow">Get Started Free →</button></div></div><div class="feature-7-right"><div class="feature-7-placeholder"></div></div></section></div>
|
||||
<div class="testimonial-1-wrapper"><div class="testimonial-1-container"><img src="webflow-logo.svg" alt="Webflow" class="testimonial-1-logo"><p class="testimonial-1-text">This platform has completely transformed how I manage my money. Linking all my accounts was seamless, and the AI-driven investment advice has been incredibly insightful, helping me forecast savings and plan for the future with confidence.</p><div class="testimonial-1-author"><img src="author-avatar.jpg" alt="Author Avatar" class="testimonial-1-author-image"><div class="testimonial-1-author-info"><p class="testimonial-1-author-name">Alexandria Kim</p><p class="testimonial-1-author-position">Growth Strategist, Tech Innovators Inc.</p></div></div></div></div>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Pricing Section</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<section id="pricing" class="container"><header class="text-center"><h2 class="section-heading">Flexible Plans for Every Investor</h2><p class="section-subheading">Choose the plan that fits your financial goals. Get started with powerful tools for tracking, forecasting, and AI-driven advice.</p></header><div class="pricing-grid"><!-- Basic Plan Card --><article class="pricing-card"><div class="pricing-card-header"><h3 class="plan-name">Basic</h3><div class="price-display"><span class="price-currency">$</span><span class="price-amount">0</span><span class="price-period">/month</span></div><p class="plan-description">Ideal for personal finance tracking and basic insights.</p></div><ul class="features-list"><li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Link 1 Bank Account
|
||||
</li><li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Track Expenses
|
||||
</li><li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Basic Savings Forecast
|
||||
</li><li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Standard Support
|
||||
</li></ul><a href="#signup-basic" class="cta-button secondary">Get Started Free</a></article><!-- Pro Plan Card (Featured) --><article class="pricing-card featured"><div class="pricing-card-header"><h3 class="plan-name">Pro</h3><div class="price-display"><span class="price-currency">$</span><span class="price-amount">19</span><span class="price-period">/month</span></div><p class="plan-description">Unlock advanced features for serious financial management.</p></div><ul class="features-list"><li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Link Unlimited Accounts
|
||||
</li><li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Advanced Expense Categorization
|
||||
</li><li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Detailed Savings Forecast
|
||||
</li><li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
AI-Driven Investment Advice
|
||||
</li><li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Priority Customer Support
|
||||
</li></ul><a href="#signup-pro" class="cta-button primary">Choose Pro</a></article><!-- Premium Plan Card --><article class="pricing-card"><div class="pricing-card-header"><h3 class="plan-name">Premium</h3><div class="price-display"><span class="price-currency">$</span><span class="price-amount">49</span><span class="price-period">/month</span></div><p class="plan-description">For power users and professional financial management.</p></div><ul class="features-list"><li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
All Pro Features
|
||||
</li><li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Dedicated Financial Advisor Session
|
||||
</li><li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Custom Investment Portfolio Analysis
|
||||
</li><li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
Early Access to New Features
|
||||
</li><li><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>
|
||||
24/7 Premium Support
|
||||
</li></ul><a href="#signup-premium" class="cta-button secondary">Get Premium</a></article></div></section>
|
||||
<div class="cta-3-wrapper"><section class="cta-3-section"><h2 class="cta-3-heading">Master Your Money. Invest Smarter.</h2><p class="cta-3-description">Link your accounts, track every expense, forecast your savings, and get AI-driven investment advice tailored just for you. Take control of your financial future.</p><div class="cta-3-button-group"><button class="cta-3-btn cta-3-solid">Get Started Free</button><button class="cta-3-btn cta-3-outline">Explore Features</button></div></section></div>
|
||||
<div class="footer-1-wrapper"><section class="footer-1-section"><div class="footer-1-top"><div class="footer-1-brand"><h3 class="footer-1-logo">WealthFlow AI</h3><p class="footer-1-newsletter-text">Unlock your financial potential. Subscribe for exclusive insights and updates on smart money management.</p><div class="footer-1-newsletter-form"><input type="email" placeholder="Enter your email"><button class="footer-1-subscribe-btn">Subscribe</button></div><p class="footer-1-privacy-note"><span>By subscribing you agree to our </span><a href="#">Privacy Policy</a><span> and consent to receive updates and financial insights from WealthFlow AI.</span></p></div><div class="footer-1-columns"><div class="footer-1-column"><h4>Our Features</h4><ul><li><a href="#">Expense Tracking</a></li><li><a href="#">Investment Insights</a></li><li><a href="#">Savings Forecast</a></li><li><a href="#">AI-Driven Advice</a></li><li><a href="#">Account Sync</a></li></ul></div><div class="footer-1-column"><h4>Company</h4><ul><li><a href="#">About Us</a></li><li><a href="#">Blog</a></li><li><a href="#">Careers</a></li><li><a href="#">Press</a></li><li><a href="#">Contact</a></li></ul></div><div class="footer-1-column footer-1-social"><h4>Connect With Us</h4><ul><li><i class="fab fa-facebook"></i><span>Facebook</span></li><li><i class="fab fa-instagram"></i><span>Instagram</span></li><li><i class="fab fa-x-twitter"></i><span>X (Twitter)</span></li><li><i class="fab fa-linkedin"></i><span>LinkedIn</span></li><li><i class="fab fa-youtube"></i><span>YouTube</span></li></ul></div></div></div><div class="footer-1-bottom"><p>© 2023 WealthFlow AI. All rights reserved.</p><ul class="footer-1-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookie Settings</a></li></ul></div></section></div>
|
||||
</div>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
document.body.style.display = 'none';
|
||||
setTimeout(function() { document.body.style.display = ''; }, 10);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html> (see https://g.co/ng/security#xss)
|
||||
324
investment_forecast.html
Normal file
324
investment_forecast.html
Normal file
@ -0,0 +1,324 @@
|
||||
SafeValue must use [property]=binding:
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Investment Forecast</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="page-wrapper">
|
||||
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">WealthPilot</div><ul class="nav-1-nav-links"><li><a href="home.html">Dashboard</a></li><li><a href="about.html">About Us</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Features</a></li><li><a href="faq.html">FAQs</a></li><li class="nav-1-dropdown"><a href="#">More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Join Now</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
||||
<div class="text-2-wrapper"><section class="text-2-section"><p class="text-2-tagline">Your Financial Future, Illuminated.</p><h2 class="text-2-heading">Master Your Money. Maximize Your Growth.</h2><p class="text-2-description">Seamlessly link your bank accounts and investments to effortlessly track expenses, forecast savings goals, and receive personalized AI-driven investment advice. Take control of your financial destiny.</p><div class="text-2-button-group"><button class="text-2-btn text-2-solid">Get Started</button><button class="text-2-btn text-2-outline">Learn More</button></div></section></div>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Portfolio Summary</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<section class="portfolio-summary-section" aria-labelledby="portfolio-summary-heading">
|
||||
<header class="section-header">
|
||||
<h2 id="portfolio-summary-heading">Your Financial Dashboard</h2>
|
||||
<p>Get a bird's-eye view of your linked accounts, investments, and financial health. Understand your money at a glance.</p>
|
||||
</header>
|
||||
|
||||
<div class="portfolio-grid">
|
||||
|
||||
<article class="summary-card" aria-labelledby="card-heading-1">
|
||||
<h3 id="card-heading-1">Total Net Worth</h3>
|
||||
<p>Your combined assets minus liabilities across all linked accounts.</p>
|
||||
<div class="metric-value">$85,250.75</div>
|
||||
<div class="metric-change positive">
|
||||
<span class="icon" aria-hidden="true">↑</span>
|
||||
<span>+2.3% last month</span>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<time datetime="2023-10-26">Last updated: Oct 26, 2023</time>
|
||||
<a href="#link-to-net-worth-details" class="link-text">View Details</a>
|
||||
</div>
|
||||
<span class="visually-hidden" aria-live="polite">Total Net Worth is $85,250.75, up 2.3% last month.</span>
|
||||
</article>
|
||||
|
||||
<article class="summary-card" aria-labelledby="card-heading-2">
|
||||
<h3 id="card-heading-2">Available Cash</h3>
|
||||
<p>Total liquid funds across checking and savings accounts.</p>
|
||||
<div class="metric-value">$12,450.00</div>
|
||||
<div class="metric-change negative">
|
||||
<span class="icon" aria-hidden="true">↓</span>
|
||||
<span>-1.5% last week</span>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<time datetime="2023-10-26">Last updated: Oct 26, 2023</time>
|
||||
<a href="#link-to-cash-details" class="link-text">Manage Cash</a>
|
||||
</div>
|
||||
<span class="visually-hidden" aria-live="polite">Available Cash is $12,450.00, down 1.5% last week.</span>
|
||||
</article>
|
||||
|
||||
<article class="summary-card" aria-labelledby="card-heading-3">
|
||||
<h3 id="card-heading-3">Investment Portfolio</h3>
|
||||
<p>Current value of your stocks, bonds, and other investments.</p>
|
||||
<div class="metric-value">$68,120.50</div>
|
||||
<div class="metric-change positive">
|
||||
<span class="icon" aria-hidden="true">↑</span>
|
||||
<span>+4.1% YTD</span>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<time datetime="2023-10-26">Last updated: Oct 26, 2023</time>
|
||||
<a href="#link-to-investment-details" class="link-text">Explore Investments</a>
|
||||
</div>
|
||||
<span class="visually-hidden" aria-live="polite">Investment Portfolio value is $68,120.50, up 4.1% year to date.</span>
|
||||
</article>
|
||||
|
||||
<article class="summary-card" aria-labelledby="card-heading-4">
|
||||
<h3 id="card-heading-4">Total Liabilities</h3>
|
||||
<p>Outstanding balances on credit cards, loans, and mortgages.</p>
|
||||
<div class="metric-value">$5,320.00</div>
|
||||
<div class="metric-change negative">
|
||||
<span class="icon" aria-hidden="true">↓</span>
|
||||
<span>-0.8% last month</span>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<time datetime="2023-10-26">Last updated: Oct 26, 2023</time>
|
||||
<a href="#link-to-liability-details" class="link-text">Review Debts</a>
|
||||
</div>
|
||||
<span class="visually-hidden" aria-live="polite">Total Liabilities are $5,320.00, down 0.8% last month.</span>
|
||||
</article>
|
||||
|
||||
<article class="summary-card" aria-labelledby="card-heading-5">
|
||||
<h3 id="card-heading-5">Monthly Spending</h3>
|
||||
<p>Your categorized expenditures for the current month.</p>
|
||||
<div class="metric-value">$2,180.30</div>
|
||||
<div class="metric-change positive">
|
||||
<span class="icon" aria-hidden="true">↑</span>
|
||||
<span>+12.0% vs avg</span>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<time datetime="2023-10-26">Period: Oct 2023</time>
|
||||
<a href="#link-to-spending-details" class="link-text">Analyze Spending</a>
|
||||
</div>
|
||||
<span class="visually-hidden" aria-live="polite">Monthly Spending is $2,180.30, up 12% compared to average.</span>
|
||||
</article>
|
||||
|
||||
<article class="summary-card" aria-labelledby="card-heading-6">
|
||||
<h3 id="card-heading-6">Savings Goal Progress</h3>
|
||||
<p>Track your progress towards specific financial objectives.</p>
|
||||
<div class="metric-value">65% Complete</div>
|
||||
<p>Target: $10,000 for new car</p>
|
||||
<div class="card-footer">
|
||||
<time datetime="2023-10-26">Estimated completion: Dec 2024</time>
|
||||
<a href="#link-to-goals-details" class="link-text">Manage Goals</a>
|
||||
</div>
|
||||
<span class="visually-hidden" aria-live="polite">Savings Goal Progress is 65% complete for a $10,000 new car target. Estimated completion December 2024.</span>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="text-align: center; margin-top: var(--spacing-xl);">
|
||||
<a href="#link-to-full-dashboard" class="cta-button">View Full Dashboard</a>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<div class="app-form"><h1>Unlock Your Financial Potential</h1><h2>Your Journey to Financial Empowerment</h2><div class="form-row"><div class="form-group"><label>Your First Name</label><input id="first-name" type="text" placeholder="Enter your first name"></input></div><div class="form-group"><label>Your Last Name</label><input id="last-name" type="text" placeholder="Enter your last name"></input></div></div><div class="form-group full-width"><label>Your Email Address</label><input id="email" type="email" placeholder="Your best email for updates"></input></div><h2>Your Contact Details</h2><div class="form-group full-width"><label>Mobile Phone Number</label><input id="phone" type="tel" placeholder="Your best contact number"></input></div><h2>Your Financial Aspirations</h2><div class="form-group full-width"><textarea id="cover-letter" placeholder="Briefly share your financial goals, what you hope to achieve with us, or why you're excited about AI-driven financial insights."></textarea></div><button type="submit">Start Your Financial Transformation</button></div>
|
||||
<section id="projection-chart" class="section-padding">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Your Financial Projection Chart</h2>
|
||||
|
||||
<div class="chart-controls-wrapper">
|
||||
<p class="controls-label">View Projections For:</p>
|
||||
<div class="chart-controls">
|
||||
<button class="control-button active">1 Year</button>
|
||||
<button class="control-button">5 Years</button>
|
||||
<button class="control-button">10 Years</button>
|
||||
<button class="control-button">Custom Range</button>
|
||||
</div>
|
||||
<select class="scenario-select" aria-label="Select Projection Scenario">
|
||||
<option value="current">Current Habits Scenario</option>
|
||||
<option value="optimized">Optimized Growth Scenario</option>
|
||||
<option value="retirement">Early Retirement Scenario</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="chart-display-area">
|
||||
<div class="chart-placeholder">
|
||||
<p>Interactive chart will appear here, visualizing your projected financial growth (e.g., net worth, savings, debt) over time based on your linked accounts and defined goals.</p>
|
||||
<div class="placeholder-graphic">
|
||||
[Placeholder for Line Graph / Bar Chart Visualization]
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart-summary">
|
||||
<h3>Projected Milestones & Key Insights</h3>
|
||||
<p>Based on your current financial data and selected projection scenario, here are some key insights and future milestones:</p>
|
||||
<ul>
|
||||
<li><strong>Estimated Net Worth by 5 Years:</strong> $[X,XXX,XXX]</li>
|
||||
<li><strong>First Major Savings Goal Achieved:</strong> [Goal Name] by [Date]</li>
|
||||
<li><strong>AI Recommendation:</strong> Consider increasing your monthly investment contributions by Y% to reach your retirement goal 3 years sooner.</li>
|
||||
</ul>
|
||||
<button class="button-primary">Optimize Your Plan</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="footer-1-wrapper"><section class="footer-1-section"><div class="footer-1-top"><div class="footer-1-brand"><h3 class="footer-1-logo">WealthFlow AI</h3><p class="footer-1-newsletter-text">Unlock your financial potential. Subscribe for exclusive insights and updates on smart money management.</p><div class="footer-1-newsletter-form"><input type="email" placeholder="Enter your email"></input><button class="footer-1-subscribe-btn">Subscribe</button></div><p class="footer-1-privacy-note"><span>By subscribing you agree to our </span><a href="#">Privacy Policy</a><span> and consent to receive updates and financial insights from WealthFlow AI.</span></p></div><div class="footer-1-columns"><div class="footer-1-column"><h4>Our Features</h4><ul><li><a href="#">Expense Tracking</a></li><li><a href="#">Investment Insights</a></li><li><a href="#">Savings Forecast</a></li><li><a href="#">AI-Driven Advice</a></li><li><a href="#">Account Sync</a></li></ul></div><div class="footer-1-column"><h4>Company</h4><ul><li><a href="#">About Us</a></li><li><a href="#">Blog</a></li><li><a href="#">Careers</a></li><li><a href="#">Press</a></li><li><a href="#">Contact</a></li></ul></div><div class="footer-1-column footer-1-social"><h4>Connect With Us</h4><ul><li><i class="fab fa-facebook"></i><span>Facebook</span></li><li><i class="fab fa-instagram"></i><span>Instagram</span></li><li><i class="fab fa-x-twitter"></i><span>X (Twitter)</span></li><li><i class="fab fa-linkedin"></i><span>LinkedIn</span></li><li><i class="fab fa-youtube"></i><span>YouTube</span></li></ul></div></div></div><div class="footer-1-bottom"><p>© 2023 WealthFlow AI. All rights reserved.</p><ul class="footer-1-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookie Settings</a></li></ul></div></section></div>
|
||||
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">WealthPilot</div><ul class="nav-1-nav-links"><li><a href="home.html">Dashboard</a></li><li><a href="about.html">About Us</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Features</a></li><li><a href="faq.html">FAQs</a></li><li class="nav-1-dropdown"><a href="#">More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Join Now</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
||||
<div class="text-2-wrapper"><section class="text-2-section"><p class="text-2-tagline">Your Financial Future, Illuminated.</p><h2 class="text-2-heading">Master Your Money. Maximize Your Growth.</h2><p class="text-2-description">Seamlessly link your bank accounts and investments to effortlessly track expenses, forecast savings goals, and receive personalized AI-driven investment advice. Take control of your financial destiny.</p><div class="text-2-button-group"><button class="text-2-btn text-2-solid">Get Started</button><button class="text-2-btn text-2-outline">Learn More</button></div></section></div>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Portfolio Summary</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<section class="portfolio-summary-section" aria-labelledby="portfolio-summary-heading">
|
||||
<header class="section-header">
|
||||
<h2 id="portfolio-summary-heading">Your Financial Dashboard</h2>
|
||||
<p>Get a bird's-eye view of your linked accounts, investments, and financial health. Understand your money at a glance.</p>
|
||||
</header>
|
||||
|
||||
<div class="portfolio-grid">
|
||||
|
||||
<article class="summary-card" aria-labelledby="card-heading-1">
|
||||
<h3 id="card-heading-1">Total Net Worth</h3>
|
||||
<p>Your combined assets minus liabilities across all linked accounts.</p>
|
||||
<div class="metric-value">$85,250.75</div>
|
||||
<div class="metric-change positive">
|
||||
<span class="icon" aria-hidden="true">↑</span>
|
||||
<span>+2.3% last month</span>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<time datetime="2023-10-26">Last updated: Oct 26, 2023</time>
|
||||
<a href="#link-to-net-worth-details" class="link-text">View Details</a>
|
||||
</div>
|
||||
<span class="visually-hidden" aria-live="polite">Total Net Worth is $85,250.75, up 2.3% last month.</span>
|
||||
</article>
|
||||
|
||||
<article class="summary-card" aria-labelledby="card-heading-2">
|
||||
<h3 id="card-heading-2">Available Cash</h3>
|
||||
<p>Total liquid funds across checking and savings accounts.</p>
|
||||
<div class="metric-value">$12,450.00</div>
|
||||
<div class="metric-change negative">
|
||||
<span class="icon" aria-hidden="true">↓</span>
|
||||
<span>-1.5% last week</span>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<time datetime="2023-10-26">Last updated: Oct 26, 2023</time>
|
||||
<a href="#link-to-cash-details" class="link-text">Manage Cash</a>
|
||||
</div>
|
||||
<span class="visually-hidden" aria-live="polite">Available Cash is $12,450.00, down 1.5% last week.</span>
|
||||
</article>
|
||||
|
||||
<article class="summary-card" aria-labelledby="card-heading-3">
|
||||
<h3 id="card-heading-3">Investment Portfolio</h3>
|
||||
<p>Current value of your stocks, bonds, and other investments.</p>
|
||||
<div class="metric-value">$68,120.50</div>
|
||||
<div class="metric-change positive">
|
||||
<span class="icon" aria-hidden="true">↑</span>
|
||||
<span>+4.1% YTD</span>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<time datetime="2023-10-26">Last updated: Oct 26, 2023</time>
|
||||
<a href="#link-to-investment-details" class="link-text">Explore Investments</a>
|
||||
</div>
|
||||
<span class="visually-hidden" aria-live="polite">Investment Portfolio value is $68,120.50, up 4.1% year to date.</span>
|
||||
</article>
|
||||
|
||||
<article class="summary-card" aria-labelledby="card-heading-4">
|
||||
<h3 id="card-heading-4">Total Liabilities</h3>
|
||||
<p>Outstanding balances on credit cards, loans, and mortgages.</p>
|
||||
<div class="metric-value">$5,320.00</div>
|
||||
<div class="metric-change negative">
|
||||
<span class="icon" aria-hidden="true">↓</span>
|
||||
<span>-0.8% last month</span>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<time datetime="2023-10-26">Last updated: Oct 26, 2023</time>
|
||||
<a href="#link-to-liability-details" class="link-text">Review Debts</a>
|
||||
</div>
|
||||
<span class="visually-hidden" aria-live="polite">Total Liabilities are $5,320.00, down 0.8% last month.</span>
|
||||
</article>
|
||||
|
||||
<article class="summary-card" aria-labelledby="card-heading-5">
|
||||
<h3 id="card-heading-5">Monthly Spending</h3>
|
||||
<p>Your categorized expenditures for the current month.</p>
|
||||
<div class="metric-value">$2,180.30</div>
|
||||
<div class="metric-change positive">
|
||||
<span class="icon" aria-hidden="true">↑</span>
|
||||
<span>+12.0% vs avg</span>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<time datetime="2023-10-26">Period: Oct 2023</time>
|
||||
<a href="#link-to-spending-details" class="link-text">Analyze Spending</a>
|
||||
</div>
|
||||
<span class="visually-hidden" aria-live="polite">Monthly Spending is $2,180.30, up 12% compared to average.</span>
|
||||
</article>
|
||||
|
||||
<article class="summary-card" aria-labelledby="card-heading-6">
|
||||
<h3 id="card-heading-6">Savings Goal Progress</h3>
|
||||
<p>Track your progress towards specific financial objectives.</p>
|
||||
<div class="metric-value">65% Complete</div>
|
||||
<p>Target: $10,000 for new car</p>
|
||||
<div class="card-footer">
|
||||
<time datetime="2023-10-26">Estimated completion: Dec 2024</time>
|
||||
<a href="#link-to-goals-details" class="link-text">Manage Goals</a>
|
||||
</div>
|
||||
<span class="visually-hidden" aria-live="polite">Savings Goal Progress is 65% complete for a $10,000 new car target. Estimated completion December 2024.</span>
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="text-align: center; margin-top: var(--spacing-xl);">
|
||||
<a href="#link-to-full-dashboard" class="cta-button">View Full Dashboard</a>
|
||||
</div>
|
||||
</section>
|
||||
<div class="app-form"><h1>Unlock Your Financial Potential</h1><h2>Your Journey to Financial Empowerment</h2><div class="form-row"><div class="form-group"><label>Your First Name</label><input id="first-name" type="text" placeholder="Enter your first name"></div><div class="form-group"><label>Your Last Name</label><input id="last-name" type="text" placeholder="Enter your last name"></div></div><div class="form-group full-width"><label>Your Email Address</label><input id="email" type="email" placeholder="Your best email for updates"></div><h2>Your Contact Details</h2><div class="form-group full-width"><label>Mobile Phone Number</label><input id="phone" type="tel" placeholder="Your best contact number"></div><h2>Your Financial Aspirations</h2><div class="form-group full-width"><textarea id="cover-letter" placeholder="Briefly share your financial goals, what you hope to achieve with us, or why you're excited about AI-driven financial insights."></textarea></div><button type="submit">Start Your Financial Transformation</button></div>
|
||||
<section id="projection-chart" class="section-padding">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Your Financial Projection Chart</h2>
|
||||
|
||||
<div class="chart-controls-wrapper">
|
||||
<p class="controls-label">View Projections For:</p>
|
||||
<div class="chart-controls">
|
||||
<button class="control-button active">1 Year</button>
|
||||
<button class="control-button">5 Years</button>
|
||||
<button class="control-button">10 Years</button>
|
||||
<button class="control-button">Custom Range</button>
|
||||
</div>
|
||||
<select class="scenario-select" aria-label="Select Projection Scenario">
|
||||
<option value="current">Current Habits Scenario</option>
|
||||
<option value="optimized">Optimized Growth Scenario</option>
|
||||
<option value="retirement">Early Retirement Scenario</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="chart-display-area">
|
||||
<div class="chart-placeholder">
|
||||
<p>Interactive chart will appear here, visualizing your projected financial growth (e.g., net worth, savings, debt) over time based on your linked accounts and defined goals.</p>
|
||||
<div class="placeholder-graphic">
|
||||
[Placeholder for Line Graph / Bar Chart Visualization]
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart-summary">
|
||||
<h3>Projected Milestones & Key Insights</h3>
|
||||
<p>Based on your current financial data and selected projection scenario, here are some key insights and future milestones:</p>
|
||||
<ul>
|
||||
<li><strong>Estimated Net Worth by 5 Years:</strong> $[X,XXX,XXX]</li>
|
||||
<li><strong>First Major Savings Goal Achieved:</strong> [Goal Name] by [Date]</li>
|
||||
<li><strong>AI Recommendation:</strong> Consider increasing your monthly investment contributions by Y% to reach your retirement goal 3 years sooner.</li>
|
||||
</ul>
|
||||
<button class="button-primary">Optimize Your Plan</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="footer-1-wrapper"><section class="footer-1-section"><div class="footer-1-top"><div class="footer-1-brand"><h3 class="footer-1-logo">WealthFlow AI</h3><p class="footer-1-newsletter-text">Unlock your financial potential. Subscribe for exclusive insights and updates on smart money management.</p><div class="footer-1-newsletter-form"><input type="email" placeholder="Enter your email"><button class="footer-1-subscribe-btn">Subscribe</button></div><p class="footer-1-privacy-note"><span>By subscribing you agree to our </span><a href="#">Privacy Policy</a><span> and consent to receive updates and financial insights from WealthFlow AI.</span></p></div><div class="footer-1-columns"><div class="footer-1-column"><h4>Our Features</h4><ul><li><a href="#">Expense Tracking</a></li><li><a href="#">Investment Insights</a></li><li><a href="#">Savings Forecast</a></li><li><a href="#">AI-Driven Advice</a></li><li><a href="#">Account Sync</a></li></ul></div><div class="footer-1-column"><h4>Company</h4><ul><li><a href="#">About Us</a></li><li><a href="#">Blog</a></li><li><a href="#">Careers</a></li><li><a href="#">Press</a></li><li><a href="#">Contact</a></li></ul></div><div class="footer-1-column footer-1-social"><h4>Connect With Us</h4><ul><li><i class="fab fa-facebook"></i><span>Facebook</span></li><li><i class="fab fa-instagram"></i><span>Instagram</span></li><li><i class="fab fa-x-twitter"></i><span>X (Twitter)</span></li><li><i class="fab fa-linkedin"></i><span>LinkedIn</span></li><li><i class="fab fa-youtube"></i><span>YouTube</span></li></ul></div></div></div><div class="footer-1-bottom"><p>© 2023 WealthFlow AI. All rights reserved.</p><ul class="footer-1-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookie Settings</a></li></ul></div></section></div>
|
||||
</div>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
document.body.style.display = 'none';
|
||||
setTimeout(function() { document.body.style.display = ''; }, 10);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html> (see https://g.co/ng/security#xss)
|
||||
612
link_accounts.html
Normal file
612
link_accounts.html
Normal file
@ -0,0 +1,612 @@
|
||||
SafeValue must use [property]=binding:
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Link Accounts</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="page-wrapper">
|
||||
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">WealthPilot</div><ul class="nav-1-nav-links"><li><a href="home.html">Dashboard</a></li><li><a href="about.html">About Us</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Features</a></li><li><a href="faq.html">FAQs</a></li><li class="nav-1-dropdown"><a href="#">More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Join Now</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
||||
<div class="app-form"><h1>Unlock Your Financial Potential</h1><h2>Your Journey to Financial Empowerment</h2><div class="form-row"><div class="form-group"><label>Your First Name</label><input id="first-name" type="text" placeholder="Enter your first name"></input></div><div class="form-group"><label>Your Last Name</label><input id="last-name" type="text" placeholder="Enter your last name"></input></div></div><div class="form-group full-width"><label>Your Email Address</label><input id="email" type="email" placeholder="Your best email for updates"></input></div><h2>Your Contact Details</h2><div class="form-group full-width"><label>Mobile Phone Number</label><input id="phone" type="tel" placeholder="Your best contact number"></input></div><h2>Your Financial Aspirations</h2><div class="form-group full-width"><textarea id="cover-letter" placeholder="Briefly share your financial goals, what you hope to achieve with us, or why you're excited about AI-driven financial insights."></textarea></div><button type="submit">Start Your Financial Transformation</button></div>
|
||||
<section class="linked-accounts-section">
|
||||
<div class="container">
|
||||
<header class="section-header">
|
||||
<h2 class="section-title">Linked Accounts</h2>
|
||||
<button class="add-account-button">Link New Account</button>
|
||||
</header>
|
||||
|
||||
<div class="account-list-summary">
|
||||
<p class="summary-text">Total linked accounts: <span class="summary-value">[X]</span></p>
|
||||
<p class="summary-text">Total balance across accounts: <span class="summary-value">$X,XXX,XXX.XX</span></p>
|
||||
</div>
|
||||
|
||||
<div class="account-list-grid">
|
||||
<!-- Account Card 1 -->
|
||||
<div class="account-card">
|
||||
<div class="account-header">
|
||||
<img src="placeholder-bank-logo-1.png" alt="Bank Logo" class="bank-logo">
|
||||
<h3 class="account-institution">Apex Bank Corp</h3>
|
||||
</div>
|
||||
<div class="account-details">
|
||||
<p class="account-name">Primary Checking (****1234)</p>
|
||||
<p class="account-type">Checking Account</p>
|
||||
<p class="account-balance">$12,345.67</p>
|
||||
</div>
|
||||
<div class="account-actions">
|
||||
<button class="action-button">View Details</button>
|
||||
<button class="action-button-danger">Unlink</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Account Card 2 -->
|
||||
<div class="account-card">
|
||||
<div class="account-header">
|
||||
<img src="placeholder-bank-logo-2.png" alt="Bank Logo" class="bank-logo">
|
||||
<h3 class="account-institution">Global Credit Union</h3>
|
||||
</div>
|
||||
<div class="account-details">
|
||||
<p class="account-name">Savings for Travel (****5678)</p>
|
||||
<p class="account-type">Savings Account</p>
|
||||
<p class="account-balance">$5,432.10</p>
|
||||
</div>
|
||||
<div class="account-actions">
|
||||
<button class="action-button">View Details</button>
|
||||
<button class="action-button-danger">Unlink</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Account Card 3 -->
|
||||
<div class="account-card">
|
||||
<div class="account-header">
|
||||
<img src="placeholder-investment-logo.png" alt="Investment Firm Logo" class="bank-logo">
|
||||
<h3 class="account-institution">Horizon Investments</h3>
|
||||
</div>
|
||||
<div class="account-details">
|
||||
<p class="account-name">Retirement Portfolio</p>
|
||||
<p class="account-type">Brokerage Account</p>
|
||||
<p class="account-balance">$123,456.78</p>
|
||||
</div>
|
||||
<div class="account-actions">
|
||||
<button class="action-button">View Details</button>
|
||||
<button class="action-button-danger">Unlink</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Placeholder for adding more accounts -->
|
||||
<div class="account-card add-new-placeholder">
|
||||
<button class="add-account-button-large">
|
||||
<span class="icon">+</span>
|
||||
<span>Link Another Account</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Troubleshooting Guide - Financial App</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="/" class="logo">FinTrackAI</a>
|
||||
<nav aria-label="Main Navigation">
|
||||
<ul>
|
||||
<li><a href="#">Dashboard</a></li>
|
||||
<li><a href="#">Accounts</a></li>
|
||||
<li><a href="#">Savings</a></li>
|
||||
<li><a href="#">Advice</a></li>
|
||||
<li><a href="#" aria-current="page">Help</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section class="hero-section" aria-labelledby="troubleshooting-hero-title">
|
||||
<h1 id="troubleshooting-hero-title">How Can We Help You Today?</h1>
|
||||
<p>Find answers to common questions about linking accounts, tracking expenses, investment advice, and more.</p>
|
||||
</section>
|
||||
|
||||
<section class="search-bar" aria-labelledby="search-troubleshooting">
|
||||
<h2 id="search-troubleshooting" class="sr-only">Search Troubleshooting Articles</h2> <!-- SR-only for accessibility -->
|
||||
<input type="search" placeholder="Search for a problem or question..." aria-label="Search troubleshooting articles">
|
||||
</section>
|
||||
|
||||
<section class="categories-section" aria-labelledby="troubleshooting-categories-title">
|
||||
<h2 id="troubleshooting-categories-title" class="sr-only">Troubleshooting Categories</h2>
|
||||
<div class="categories-grid">
|
||||
<article class="category-card">
|
||||
<h3>Account Linking Issues</h3>
|
||||
<p>Problems connecting your bank or investment accounts via Plaid.</p>
|
||||
</article>
|
||||
<article class="category-card">
|
||||
<h3>Expense Tracking</h3>
|
||||
<p>Trouble with transactions, categorization, or missing data.</p>
|
||||
</article>
|
||||
<article class="category-card">
|
||||
<h3>Savings & Forecasting</h3>
|
||||
<p>Questions about savings goals, forecasts, or budget alerts.</p>
|
||||
</article>
|
||||
<article class="category-card">
|
||||
<h3>AI Investment Advice</h3>
|
||||
<p>Concerns or questions about AI-driven recommendations.</p>
|
||||
</article>
|
||||
<article class="category-card">
|
||||
<h3>Security & Privacy</h3>
|
||||
<p>Information on data security, privacy, and account protection.</p>
|
||||
</article>
|
||||
<article class="category-card">
|
||||
<h3>Technical Problems</h3>
|
||||
<p>App performance, error messages, or general bugs.</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="faq-section" aria-labelledby="faq-title">
|
||||
<h2 id="faq-title">Frequently Asked Questions</h2>
|
||||
<div class="faq-list">
|
||||
<div class="faq-item">
|
||||
<h3 class="faq-question" id="faq1-question" role="button" aria-expanded="false" aria-controls="faq1-answer" tabindex="0">
|
||||
My bank account isn't linking. What should I do?
|
||||
</h3>
|
||||
<div class="faq-answer" id="faq1-answer" aria-hidden="true" role="region" aria-labelledby="faq1-question">
|
||||
<p>First, ensure your internet connection is stable. Then, double-check your banking credentials. If the issue persists, your bank might be experiencing temporary issues or require re-authentication. Try again after some time, or contact our support if it continues.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<h3 class="faq-question" id="faq2-question" role="button" aria-expanded="false" aria-controls="faq2-answer" tabindex="0">
|
||||
How often is my financial data updated?
|
||||
</h3>
|
||||
<div class="faq-answer" id="faq2-answer" aria-hidden="true" role="region" aria-labelledby="faq2-question">
|
||||
<p>Your financial data is typically updated multiple times a day, usually every 24 hours or upon logging into your FinTrackAI account. Some institutions may have specific update schedules.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<h3 class="faq-question" id="faq3-question" role="button" aria-expanded="false" aria-controls="faq3-answer" tabindex="0">
|
||||
Can I manually add or edit transactions?
|
||||
</h3>
|
||||
<div class="faq-answer" id="faq3-answer" aria-hidden="true" role="region" aria-labelledby="faq3-question">
|
||||
<p>Yes, you can manually add transactions that are not automatically imported. You can also edit existing transaction categories and add notes to help with better expense tracking.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<h3 class="faq-question" id="faq4-question" role="button" aria-expanded="false" aria-controls="faq4-answer" tabindex="0">
|
||||
How does the AI investment advice work?
|
||||
</h3>
|
||||
<div class="faq-answer" id="faq4-answer" aria-hidden="true" role="region" aria-labelledby="faq4-question">
|
||||
<p>Our AI analyzes your linked accounts, spending habits, financial goals, and risk tolerance to provide personalized investment recommendations. It leverages market data and financial models to suggest portfolio adjustments or savings strategies.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<h3 class="faq-question" id="faq5-question" role="button" aria-expanded="false" aria-controls="faq5-answer" tabindex="0">
|
||||
Is my financial data secure?
|
||||
</h3>
|
||||
<div class="faq-answer" id="faq5-answer" aria-hidden="true" role="region" aria-labelledby="faq5-question">
|
||||
<p>Absolutely. We use industry-standard encryption protocols (like AES-256) and security measures (like multi-factor authentication) to protect your data. We partner with reputable services like Plaid, which also adhere to strict security compliance.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="contact-support" aria-labelledby="contact-support-title">
|
||||
<h2 id="contact-support-title">Still Need Help?</h2>
|
||||
<p>If you can't find an answer to your question, our support team is ready to assist you.</p>
|
||||
<a href="#" class="contact-button">Contact Support</a>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2024 FinTrackAI. All rights reserved.</p>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
// JavaScript for FAQ Accordion functionality
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const faqItems = document.querySelectorAll('.faq-item');
|
||||
|
||||
faqItems.forEach(item => {
|
||||
const question = item.querySelector('.faq-question');
|
||||
question.addEventListener('click', () => {
|
||||
// Toggle 'active' class on the clicked item
|
||||
item.classList.toggle('active');
|
||||
|
||||
// Update ARIA attributes for accessibility
|
||||
const isExpanded = item.classList.contains('active');
|
||||
question.setAttribute('aria-expanded', isExpanded);
|
||||
item.querySelector('.faq-answer').setAttribute('aria-hidden', !isExpanded);
|
||||
});
|
||||
|
||||
// Add keyboard accessibility for FAQ questions
|
||||
question.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Enter' || e.key === ' ') {
|
||||
e.preventDefault(); // Prevent scrolling for spacebar
|
||||
item.classList.toggle('active');
|
||||
const isExpanded = item.classList.contains('active');
|
||||
question.setAttribute('aria-expanded', isExpanded);
|
||||
item.querySelector('.faq-answer').setAttribute('aria-hidden', !isExpanded);
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
<section id="security-assurance" class="py-16 bg-gray-50">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="text-4xl font-bold text-gray-800 mb-4">Your Financial Security: Our Top Priority</h2>
|
||||
<p class="text-lg text-gray-600 max-w-3xl mx-auto">
|
||||
At [Your Company Name], safeguarding your sensitive financial data is at the core of everything we do. We employ robust security measures to ensure your information remains confidential and protected.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<!-- Security Feature 1: Bank-Grade Encryption -->
|
||||
<div class="security-feature p-6 bg-white rounded-lg shadow-md text-center">
|
||||
<div class="icon-placeholder w-16 h-16 bg-blue-200 rounded-full mx-auto mb-4 flex items-center justify-center text-blue-800 text-2xl font-bold">
|
||||
🔒
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold text-gray-800 mb-2">Bank-Grade Encryption</h3>
|
||||
<p class="text-gray-600">All your data is encrypted using AES-256 protocols, the same standard used by leading financial institutions.</p>
|
||||
</div>
|
||||
|
||||
<!-- Security Feature 2: Regular Security Audits -->
|
||||
<div class="security-feature p-6 bg-white rounded-lg shadow-md text-center">
|
||||
<div class="icon-placeholder w-16 h-16 bg-green-200 rounded-full mx-auto mb-4 flex items-center justify-center text-green-800 text-2xl font-bold">
|
||||
🔎
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold text-gray-800 mb-2">Regular Security Audits</h3>
|
||||
<p class="text-gray-600">We undergo frequent third-party security audits and penetration testing to identify and address vulnerabilities.</p>
|
||||
</div>
|
||||
|
||||
<!-- Security Feature 3: Strict Data Privacy -->
|
||||
<div class="security-feature p-6 bg-white rounded-lg shadow-md text-center">
|
||||
<div class="icon-placeholder w-16 h-16 bg-purple-200 rounded-full mx-auto mb-4 flex items-center justify-center text-purple-800 text-2xl font-bold">
|
||||
💭
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold text-gray-800 mb-2">Strict Data Privacy</h3>
|
||||
<p class="text-gray-600">Your personal and financial data is never shared or sold to third parties. Your privacy is paramount.</p>
|
||||
</div>
|
||||
|
||||
<!-- Security Feature 4: Secure API Integrations (Plaid) -->
|
||||
<div class="security-feature p-6 bg-white rounded-lg shadow-md text-center">
|
||||
<div class="icon-placeholder w-16 h-16 bg-red-200 rounded-full mx-auto mb-4 flex items-center justify-center text-red-800 text-2xl font-bold">
|
||||
⚠
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold text-gray-800 mb-2">Secure API Integrations</h3>
|
||||
<p class="text-gray-600">We use secure, token-based API connections like Plaid, meaning we never directly store your bank login credentials.</p>
|
||||
</div>
|
||||
|
||||
<!-- Security Feature 5: Multi-Factor Authentication (MFA) -->
|
||||
<div class="security-feature p-6 bg-white rounded-lg shadow-md text-center">
|
||||
<div class="icon-placeholder w-16 h-16 bg-orange-200 rounded-full mx-auto mb-4 flex items-center justify-center text-orange-800 text-2xl font-bold">
|
||||
🔑
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold text-gray-800 mb-2">Multi-Factor Authentication (MFA)</h3>
|
||||
<p class="text-gray-600">Enhance your account security with optional Multi-Factor Authentication for an extra layer of protection.</p>
|
||||
</div>
|
||||
|
||||
<!-- Security Feature 6: Robust Infrastructure -->
|
||||
<div class="security-feature p-6 bg-white rounded-lg shadow-md text-center">
|
||||
<div class="icon-placeholder w-16 h-16 bg-teal-200 rounded-full mx-auto mb-4 flex items-center justify-center text-teal-800 text-2xl font-bold">
|
||||
💻
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold text-gray-800 mb-2">Robust Infrastructure</h3>
|
||||
<p class="text-gray-600">Our platform is built on secure, scalable cloud infrastructure with continuous monitoring and threat detection.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-12">
|
||||
<p class="text-lg text-gray-600">
|
||||
Have questions about our security practices? Visit our comprehensive <a href="#" class="text-blue-600 hover:underline font-medium">Security FAQ</a> page or <a href="#" class="text-blue-600 hover:underline font-medium">contact us</a> directly.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="footer-2-wrapper"><section class="footer-2-section"><div class="footer-2-top"><div class="footer-2-left"><h3 class="logo">WealthWise AI</h3><p><strong>Address:</strong><br></br><span>Level 1, 12 Sample St, Sydney NSW 2000</span></p><p><strong>Contact:</strong><br></br><span>1800 123 4567</span><br></br><a href="mailto:info@relume.io">support@wealthwiseai.com</a></p><div class="footer-2-social-icons"><i class="fab fa-facebook"></i><i class="fab fa-instagram"></i><i class="fab fa-x-twitter"></i><i class="fab fa-linkedin"></i><i class="fab fa-youtube"></i></div></div><div class="footer-2-links-columns"><ul><li><a href="#">Features</a></li><li><a href="#">Pricing</a></li><li><a href="#">How It Works</a></li><li><a href="#">Security & Privacy</a></li><li><a href="#">Customer Stories</a></li></ul><ul><li><a href="#">About Us</a></li><li><a href="#">Support Center</a></li><li><a href="#">Blog</a></li><li><a href="#">Careers</a></li><li><a href="#">For Developers</a></li></ul></div></div><div class="footer-2-bottom"><p>© 2023 WealthWise AI. All rights reserved.</p><ul class="footer-2-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookies Settings</a></li></ul></div></section></div>
|
||||
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">WealthPilot</div><ul class="nav-1-nav-links"><li><a href="home.html">Dashboard</a></li><li><a href="about.html">About Us</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Features</a></li><li><a href="faq.html">FAQs</a></li><li class="nav-1-dropdown"><a href="#">More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Join Now</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
||||
<div class="app-form"><h1>Unlock Your Financial Potential</h1><h2>Your Journey to Financial Empowerment</h2><div class="form-row"><div class="form-group"><label>Your First Name</label><input id="first-name" type="text" placeholder="Enter your first name"></div><div class="form-group"><label>Your Last Name</label><input id="last-name" type="text" placeholder="Enter your last name"></div></div><div class="form-group full-width"><label>Your Email Address</label><input id="email" type="email" placeholder="Your best email for updates"></div><h2>Your Contact Details</h2><div class="form-group full-width"><label>Mobile Phone Number</label><input id="phone" type="tel" placeholder="Your best contact number"></div><h2>Your Financial Aspirations</h2><div class="form-group full-width"><textarea id="cover-letter" placeholder="Briefly share your financial goals, what you hope to achieve with us, or why you're excited about AI-driven financial insights."></textarea></div><button type="submit">Start Your Financial Transformation</button></div>
|
||||
<section class="linked-accounts-section">
|
||||
<div class="container">
|
||||
<header class="section-header">
|
||||
<h2 class="section-title">Linked Accounts</h2>
|
||||
<button class="add-account-button">Link New Account</button>
|
||||
</header>
|
||||
|
||||
<div class="account-list-summary">
|
||||
<p class="summary-text">Total linked accounts: <span class="summary-value">[X]</span></p>
|
||||
<p class="summary-text">Total balance across accounts: <span class="summary-value">$X,XXX,XXX.XX</span></p>
|
||||
</div>
|
||||
|
||||
<div class="account-list-grid">
|
||||
<!-- Account Card 1 -->
|
||||
<div class="account-card">
|
||||
<div class="account-header">
|
||||
<img src="placeholder-bank-logo-1.png" alt="Bank Logo" class="bank-logo">
|
||||
<h3 class="account-institution">Apex Bank Corp</h3>
|
||||
</div>
|
||||
<div class="account-details">
|
||||
<p class="account-name">Primary Checking (****1234)</p>
|
||||
<p class="account-type">Checking Account</p>
|
||||
<p class="account-balance">$12,345.67</p>
|
||||
</div>
|
||||
<div class="account-actions">
|
||||
<button class="action-button">View Details</button>
|
||||
<button class="action-button-danger">Unlink</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Account Card 2 -->
|
||||
<div class="account-card">
|
||||
<div class="account-header">
|
||||
<img src="placeholder-bank-logo-2.png" alt="Bank Logo" class="bank-logo">
|
||||
<h3 class="account-institution">Global Credit Union</h3>
|
||||
</div>
|
||||
<div class="account-details">
|
||||
<p class="account-name">Savings for Travel (****5678)</p>
|
||||
<p class="account-type">Savings Account</p>
|
||||
<p class="account-balance">$5,432.10</p>
|
||||
</div>
|
||||
<div class="account-actions">
|
||||
<button class="action-button">View Details</button>
|
||||
<button class="action-button-danger">Unlink</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Account Card 3 -->
|
||||
<div class="account-card">
|
||||
<div class="account-header">
|
||||
<img src="placeholder-investment-logo.png" alt="Investment Firm Logo" class="bank-logo">
|
||||
<h3 class="account-institution">Horizon Investments</h3>
|
||||
</div>
|
||||
<div class="account-details">
|
||||
<p class="account-name">Retirement Portfolio</p>
|
||||
<p class="account-type">Brokerage Account</p>
|
||||
<p class="account-balance">$123,456.78</p>
|
||||
</div>
|
||||
<div class="account-actions">
|
||||
<button class="action-button">View Details</button>
|
||||
<button class="action-button-danger">Unlink</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Placeholder for adding more accounts -->
|
||||
<div class="account-card add-new-placeholder">
|
||||
<button class="add-account-button-large">
|
||||
<span class="icon">+</span>
|
||||
<span>Link Another Account</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Troubleshooting Guide - Financial App</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<header>
|
||||
<a href="/" class="logo">FinTrackAI</a>
|
||||
<nav aria-label="Main Navigation">
|
||||
<ul>
|
||||
<li><a href="#">Dashboard</a></li>
|
||||
<li><a href="#">Accounts</a></li>
|
||||
<li><a href="#">Savings</a></li>
|
||||
<li><a href="#">Advice</a></li>
|
||||
<li><a href="#" aria-current="page">Help</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<section class="hero-section" aria-labelledby="troubleshooting-hero-title">
|
||||
<h1 id="troubleshooting-hero-title">How Can We Help You Today?</h1>
|
||||
<p>Find answers to common questions about linking accounts, tracking expenses, investment advice, and more.</p>
|
||||
</section>
|
||||
|
||||
<section class="search-bar" aria-labelledby="search-troubleshooting">
|
||||
<h2 id="search-troubleshooting" class="sr-only">Search Troubleshooting Articles</h2> <!-- SR-only for accessibility -->
|
||||
<input type="search" placeholder="Search for a problem or question..." aria-label="Search troubleshooting articles">
|
||||
</section>
|
||||
|
||||
<section class="categories-section" aria-labelledby="troubleshooting-categories-title">
|
||||
<h2 id="troubleshooting-categories-title" class="sr-only">Troubleshooting Categories</h2>
|
||||
<div class="categories-grid">
|
||||
<article class="category-card">
|
||||
<h3>Account Linking Issues</h3>
|
||||
<p>Problems connecting your bank or investment accounts via Plaid.</p>
|
||||
</article>
|
||||
<article class="category-card">
|
||||
<h3>Expense Tracking</h3>
|
||||
<p>Trouble with transactions, categorization, or missing data.</p>
|
||||
</article>
|
||||
<article class="category-card">
|
||||
<h3>Savings & Forecasting</h3>
|
||||
<p>Questions about savings goals, forecasts, or budget alerts.</p>
|
||||
</article>
|
||||
<article class="category-card">
|
||||
<h3>AI Investment Advice</h3>
|
||||
<p>Concerns or questions about AI-driven recommendations.</p>
|
||||
</article>
|
||||
<article class="category-card">
|
||||
<h3>Security & Privacy</h3>
|
||||
<p>Information on data security, privacy, and account protection.</p>
|
||||
</article>
|
||||
<article class="category-card">
|
||||
<h3>Technical Problems</h3>
|
||||
<p>App performance, error messages, or general bugs.</p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="faq-section" aria-labelledby="faq-title">
|
||||
<h2 id="faq-title">Frequently Asked Questions</h2>
|
||||
<div class="faq-list">
|
||||
<div class="faq-item">
|
||||
<h3 class="faq-question" id="faq1-question" role="button" aria-expanded="false" aria-controls="faq1-answer" tabindex="0">
|
||||
My bank account isn't linking. What should I do?
|
||||
</h3>
|
||||
<div class="faq-answer" id="faq1-answer" aria-hidden="true" role="region" aria-labelledby="faq1-question">
|
||||
<p>First, ensure your internet connection is stable. Then, double-check your banking credentials. If the issue persists, your bank might be experiencing temporary issues or require re-authentication. Try again after some time, or contact our support if it continues.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<h3 class="faq-question" id="faq2-question" role="button" aria-expanded="false" aria-controls="faq2-answer" tabindex="0">
|
||||
How often is my financial data updated?
|
||||
</h3>
|
||||
<div class="faq-answer" id="faq2-answer" aria-hidden="true" role="region" aria-labelledby="faq2-question">
|
||||
<p>Your financial data is typically updated multiple times a day, usually every 24 hours or upon logging into your FinTrackAI account. Some institutions may have specific update schedules.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<h3 class="faq-question" id="faq3-question" role="button" aria-expanded="false" aria-controls="faq3-answer" tabindex="0">
|
||||
Can I manually add or edit transactions?
|
||||
</h3>
|
||||
<div class="faq-answer" id="faq3-answer" aria-hidden="true" role="region" aria-labelledby="faq3-question">
|
||||
<p>Yes, you can manually add transactions that are not automatically imported. You can also edit existing transaction categories and add notes to help with better expense tracking.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<h3 class="faq-question" id="faq4-question" role="button" aria-expanded="false" aria-controls="faq4-answer" tabindex="0">
|
||||
How does the AI investment advice work?
|
||||
</h3>
|
||||
<div class="faq-answer" id="faq4-answer" aria-hidden="true" role="region" aria-labelledby="faq4-question">
|
||||
<p>Our AI analyzes your linked accounts, spending habits, financial goals, and risk tolerance to provide personalized investment recommendations. It leverages market data and financial models to suggest portfolio adjustments or savings strategies.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<h3 class="faq-question" id="faq5-question" role="button" aria-expanded="false" aria-controls="faq5-answer" tabindex="0">
|
||||
Is my financial data secure?
|
||||
</h3>
|
||||
<div class="faq-answer" id="faq5-answer" aria-hidden="true" role="region" aria-labelledby="faq5-question">
|
||||
<p>Absolutely. We use industry-standard encryption protocols (like AES-256) and security measures (like multi-factor authentication) to protect your data. We partner with reputable services like Plaid, which also adhere to strict security compliance.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="contact-support" aria-labelledby="contact-support-title">
|
||||
<h2 id="contact-support-title">Still Need Help?</h2>
|
||||
<p>If you can't find an answer to your question, our support team is ready to assist you.</p>
|
||||
<a href="#" class="contact-button">Contact Support</a>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
<p>© 2024 FinTrackAI. All rights reserved.</p>
|
||||
</footer>
|
||||
<script>
|
||||
// JavaScript for FAQ Accordion functionality
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const faqItems = document.querySelectorAll('.faq-item');
|
||||
|
||||
faqItems.forEach(item => {
|
||||
const question = item.querySelector('.faq-question');
|
||||
question.addEventListener('click', () => {
|
||||
// Toggle 'active' class on the clicked item
|
||||
item.classList.toggle('active');
|
||||
|
||||
// Update ARIA attributes for accessibility
|
||||
const isExpanded = item.classList.contains('active');
|
||||
question.setAttribute('aria-expanded', isExpanded);
|
||||
item.querySelector('.faq-answer').setAttribute('aria-hidden', !isExpanded);
|
||||
});
|
||||
|
||||
// Add keyboard accessibility for FAQ questions
|
||||
question.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Enter' || e.key === ' ') {
|
||||
e.preventDefault(); // Prevent scrolling for spacebar
|
||||
item.classList.toggle('active');
|
||||
const isExpanded = item.classList.contains('active');
|
||||
question.setAttribute('aria-expanded', isExpanded);
|
||||
item.querySelector('.faq-answer').setAttribute('aria-hidden', !isExpanded);
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<section id="security-assurance" class="py-16 bg-gray-50">
|
||||
<div class="container mx-auto px-4">
|
||||
<div class="text-center mb-12">
|
||||
<h2 class="text-4xl font-bold text-gray-800 mb-4">Your Financial Security: Our Top Priority</h2>
|
||||
<p class="text-lg text-gray-600 max-w-3xl mx-auto">
|
||||
At [Your Company Name], safeguarding your sensitive financial data is at the core of everything we do. We employ robust security measures to ensure your information remains confidential and protected.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<!-- Security Feature 1: Bank-Grade Encryption -->
|
||||
<div class="security-feature p-6 bg-white rounded-lg shadow-md text-center">
|
||||
<div class="icon-placeholder w-16 h-16 bg-blue-200 rounded-full mx-auto mb-4 flex items-center justify-center text-blue-800 text-2xl font-bold">
|
||||
🔒
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold text-gray-800 mb-2">Bank-Grade Encryption</h3>
|
||||
<p class="text-gray-600">All your data is encrypted using AES-256 protocols, the same standard used by leading financial institutions.</p>
|
||||
</div>
|
||||
|
||||
<!-- Security Feature 2: Regular Security Audits -->
|
||||
<div class="security-feature p-6 bg-white rounded-lg shadow-md text-center">
|
||||
<div class="icon-placeholder w-16 h-16 bg-green-200 rounded-full mx-auto mb-4 flex items-center justify-center text-green-800 text-2xl font-bold">
|
||||
🔎
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold text-gray-800 mb-2">Regular Security Audits</h3>
|
||||
<p class="text-gray-600">We undergo frequent third-party security audits and penetration testing to identify and address vulnerabilities.</p>
|
||||
</div>
|
||||
|
||||
<!-- Security Feature 3: Strict Data Privacy -->
|
||||
<div class="security-feature p-6 bg-white rounded-lg shadow-md text-center">
|
||||
<div class="icon-placeholder w-16 h-16 bg-purple-200 rounded-full mx-auto mb-4 flex items-center justify-center text-purple-800 text-2xl font-bold">
|
||||
💭
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold text-gray-800 mb-2">Strict Data Privacy</h3>
|
||||
<p class="text-gray-600">Your personal and financial data is never shared or sold to third parties. Your privacy is paramount.</p>
|
||||
</div>
|
||||
|
||||
<!-- Security Feature 4: Secure API Integrations (Plaid) -->
|
||||
<div class="security-feature p-6 bg-white rounded-lg shadow-md text-center">
|
||||
<div class="icon-placeholder w-16 h-16 bg-red-200 rounded-full mx-auto mb-4 flex items-center justify-center text-red-800 text-2xl font-bold">
|
||||
⚠
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold text-gray-800 mb-2">Secure API Integrations</h3>
|
||||
<p class="text-gray-600">We use secure, token-based API connections like Plaid, meaning we never directly store your bank login credentials.</p>
|
||||
</div>
|
||||
|
||||
<!-- Security Feature 5: Multi-Factor Authentication (MFA) -->
|
||||
<div class="security-feature p-6 bg-white rounded-lg shadow-md text-center">
|
||||
<div class="icon-placeholder w-16 h-16 bg-orange-200 rounded-full mx-auto mb-4 flex items-center justify-center text-orange-800 text-2xl font-bold">
|
||||
🔑
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold text-gray-800 mb-2">Multi-Factor Authentication (MFA)</h3>
|
||||
<p class="text-gray-600">Enhance your account security with optional Multi-Factor Authentication for an extra layer of protection.</p>
|
||||
</div>
|
||||
|
||||
<!-- Security Feature 6: Robust Infrastructure -->
|
||||
<div class="security-feature p-6 bg-white rounded-lg shadow-md text-center">
|
||||
<div class="icon-placeholder w-16 h-16 bg-teal-200 rounded-full mx-auto mb-4 flex items-center justify-center text-teal-800 text-2xl font-bold">
|
||||
💻
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold text-gray-800 mb-2">Robust Infrastructure</h3>
|
||||
<p class="text-gray-600">Our platform is built on secure, scalable cloud infrastructure with continuous monitoring and threat detection.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-12">
|
||||
<p class="text-lg text-gray-600">
|
||||
Have questions about our security practices? Visit our comprehensive <a href="#" class="text-blue-600 hover:underline font-medium">Security FAQ</a> page or <a href="#" class="text-blue-600 hover:underline font-medium">contact us</a> directly.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="footer-2-wrapper"><section class="footer-2-section"><div class="footer-2-top"><div class="footer-2-left"><h3 class="logo">WealthWise AI</h3><p><strong>Address:</strong><br><br><span>Level 1, 12 Sample St, Sydney NSW 2000</span></p><p><strong>Contact:</strong><br><br><span>1800 123 4567</span><br><br><a href="mailto:info@relume.io">support@wealthwiseai.com</a></p><div class="footer-2-social-icons"><i class="fab fa-facebook"></i><i class="fab fa-instagram"></i><i class="fab fa-x-twitter"></i><i class="fab fa-linkedin"></i><i class="fab fa-youtube"></i></div></div><div class="footer-2-links-columns"><ul><li><a href="#">Features</a></li><li><a href="#">Pricing</a></li><li><a href="#">How It Works</a></li><li><a href="#">Security & Privacy</a></li><li><a href="#">Customer Stories</a></li></ul><ul><li><a href="#">About Us</a></li><li><a href="#">Support Center</a></li><li><a href="#">Blog</a></li><li><a href="#">Careers</a></li><li><a href="#">For Developers</a></li></ul></div></div><div class="footer-2-bottom"><p>© 2023 WealthWise AI. All rights reserved.</p><ul class="footer-2-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookies Settings</a></li></ul></div></section></div>
|
||||
</div>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
document.body.style.display = 'none';
|
||||
setTimeout(function() { document.body.style.display = ''; }, 10);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html> (see https://g.co/ng/security#xss)
|
||||
811
sign_up.html
Normal file
811
sign_up.html
Normal file
@ -0,0 +1,811 @@
|
||||
SafeValue must use [property]=binding:
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Sign Up</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="page-wrapper">
|
||||
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">WealthPilot</div><ul class="nav-1-nav-links"><li><a href="home.html">Dashboard</a></li><li><a href="about.html">About Us</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Features</a></li><li><a href="faq.html">FAQs</a></li><li class="nav-1-dropdown"><a href="#">More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Join Now</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
||||
<section id="registration" class="registration-section">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Create Your Account</h2>
|
||||
<p class="section-description">Unlock your financial potential with AI-driven insights and smart tracking.</p>
|
||||
|
||||
<form class="registration-form" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<label for="fullName">Full Name</label>
|
||||
<input type="text" id="fullName" name="fullName" placeholder="Your Full Name" required aria-label="Full Name">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="email">Email Address</label>
|
||||
<input type="email" id="email" name="email" placeholder="you@example.com" required aria-label="Email Address">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="password">Password</label>
|
||||
<input type="password" id="password" name="password" placeholder="Minimum 8 characters" required aria-label="Password">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="confirmPassword">Confirm Password</label>
|
||||
<input type="password" id="confirmPassword" name="confirmPassword" placeholder="Re-enter your password" required aria-label="Confirm Password">
|
||||
</div>
|
||||
|
||||
<div class="form-group checkbox-group">
|
||||
<input type="checkbox" id="terms" name="terms" required aria-label="Agree to Terms of Service and Privacy Policy">
|
||||
<label for="terms">I agree to the <a href="#terms-of-service">Terms of Service</a> and <a href="#privacy-policy">Privacy Policy</a>.</label>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="submit-button">Register & Get Started</button>
|
||||
|
||||
<p class="login-prompt">Already have an account? <a href="#login">Log In</a></p>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Privacy Notice - [Your Company Name]</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<!-- Typically, a navigation bar would go here, but for "ONLY HTML content", we omit it based on request context -->
|
||||
</header>
|
||||
|
||||
<main class="container">
|
||||
<section aria-labelledby="privacy-policy-title">
|
||||
<h1 id="privacy-policy-title">Privacy Notice</h1>
|
||||
<p class="last-updated">Last Updated: October 26, 2023</p>
|
||||
|
||||
<p>Welcome to [Your Company Name]! We are committed to protecting your privacy and ensuring the security of your personal and financial information. This Privacy Notice explains how we collect, use, disclose, and safeguard your information when you use our website and services.</p>
|
||||
|
||||
<h2 id="info-collection">1. Information We Collect</h2>
|
||||
<p>We collect various types of information to provide and improve our services, which include linking bank accounts, tracking expenses, forecasting savings, and delivering AI-driven investment advice.</p>
|
||||
<h3>1.1. Information You Provide Directly</h3>
|
||||
<ul>
|
||||
<li><strong>Account Registration Data:</strong> When you create an account, we collect your name, email address, password, and potentially your phone number.</li>
|
||||
<li><strong>Profile Information:</strong> Any additional information you choose to provide, such as demographic data or financial goals.</li>
|
||||
<li><strong>Communication Data:</strong> Information you provide when you contact us for support, send feedback, or participate in surveys.</li>
|
||||
</ul>
|
||||
|
||||
<h3>1.2. Information We Collect from Financial Institutions</h3>
|
||||
<p>To provide our core services, we integrate with third-party financial data providers (e.g., Plaid). Through these integrations, with your explicit consent, we may access and collect the following types of financial data:</p>
|
||||
<ul>
|
||||
<li><strong>Account Information:</strong> Bank account numbers, routing numbers, account balances, account types (e.g., checking, savings, credit card, investment).</li>
|
||||
<li><strong>Transaction Data:</strong> Transaction history, merchant information, transaction amounts, dates, and categories.</li>
|
||||
<li><strong>Investment Data:</strong> Holdings, portfolio value, and historical performance from linked investment accounts.</li>
|
||||
</ul>
|
||||
<p><strong>Note:</strong> We do not store your financial institution login credentials on our servers. All sensitive authentication is handled directly by our financial data provider partners.</p>
|
||||
|
||||
<h3>1.3. Automatically Collected Information</h3>
|
||||
<ul>
|
||||
<li><strong>Usage Data:</strong> Information about how you interact with our service, such as pages visited, features used, time spent on the website, and clickstream data.</li>
|
||||
<li><strong>Device Information:</strong> IP address, browser type, operating system, unique device identifiers, and mobile network information.</li>
|
||||
<li><strong>Cookies and Tracking Technologies:</strong> We use cookies, web beacons, and similar technologies to enhance user experience, analyze trends, administer the website, and gather demographic information.</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="info-use">2. How We Use Your Information</h2>
|
||||
<p>We use the collected information for various purposes, primarily to deliver and improve our services:</p>
|
||||
<ul>
|
||||
<li><strong>Service Provision:</strong> To link your bank accounts and investments, track expenses, generate spending reports, forecast savings, and provide personalized financial insights.</li>
|
||||
<li><strong>AI-Driven Advice:</strong> To power our AI algorithms for investment advice, financial planning recommendations, and personalized budgeting tips.</li>
|
||||
<li><strong>Account Management:</strong> To manage your account, authenticate users, and provide customer support.</li>
|
||||
<li><strong>Personalization:</strong> To personalize your experience and present tailored content and offers.</li>
|
||||
<li><strong>Improvement and Development:</strong> To understand how users interact with our service, perform analytics, research, and improve our existing features and develop new ones.</li>
|
||||
<li><strong>Security and Fraud Prevention:</strong> To protect against fraudulent or unauthorized transactions, enforce our terms of service, and ensure the security of our platform.</li>
|
||||
<li><strong>Communication:</strong> To send you service-related notifications, updates, security alerts, and support messages. With your consent, we may also send promotional communications.</li>
|
||||
<li><strong>Legal Compliance:</strong> To comply with applicable laws, regulations, and legal processes.</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="info-sharing">3. How We Share Your Information</h2>
|
||||
<p>We do not sell your personal or financial information to third parties. We may share your information only in the following limited circumstances:</p>
|
||||
<ul>
|
||||
<li><strong>With Your Consent:</strong> We may share your information with third parties when we have your explicit consent to do so.</li>
|
||||
<li><strong>Financial Data Providers:</strong> We share necessary information with partners like Plaid to facilitate the connection to your financial institutions. They process your data according to their own privacy policies.</li>
|
||||
<li><strong>Service Providers:</strong> We engage third-party service providers to perform functions on our behalf, such as cloud hosting, analytics, customer support, and email delivery. These providers are obligated to protect your information and use it only for the purposes for which it was disclosed.</li>
|
||||
<li><strong>Legal Requirements:</strong> We may disclose your information if required to do so by law or in the good faith belief that such action is necessary to comply with legal obligations, protect our rights or property, or ensure the safety of our users or the public.</li>
|
||||
<li><strong>Business Transfers:</strong> In the event of a merger, acquisition, or sale of all or a portion of our assets, your information may be transferred as part of that transaction.</li>
|
||||
<li><strong>Aggregated or Anonymized Data:</strong> We may share aggregated or anonymized data (which cannot be used to identify you personally) with third parties for research, marketing, analytics, or other business purposes.</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="data-security">4. Data Security</h2>
|
||||
<p>We implement robust technical, administrative, and physical security measures designed to protect your personal and financial information from unauthorized access, disclosure, alteration, and destruction. These measures include, but are not limited to:</p>
|
||||
<ul>
|
||||
<li><strong>Encryption:</strong> Data is encrypted both in transit (using TLS/SSL) and at rest.</li>
|
||||
<li><strong>Access Controls:</strong> Strict access controls and authentication mechanisms are in place to limit access to your data only to authorized personnel who need it to perform their job functions.</li>
|
||||
<li><strong>Regular Audits:</strong> We conduct regular security audits and vulnerability assessments.</li>
|
||||
<li><strong>Vendor Security:</strong> We carefully vet our third-party service providers to ensure they adhere to high security standards.</li>
|
||||
</ul>
|
||||
<p>Despite our efforts, no security system is impenetrable. We cannot guarantee the absolute security of your information.</p>
|
||||
|
||||
<h2 id="data-retention">5. Data Retention</h2>
|
||||
<p>We retain your personal information for as long as your account is active or as needed to provide you services, comply with our legal obligations, resolve disputes, and enforce our agreements. If you close your account, we may retain certain information for a limited period to comply with legal requirements, prevent fraud, or for legitimate business purposes.</p>
|
||||
|
||||
<h2 id="your-choices">6. Your Choices and Rights</h2>
|
||||
<p>You have certain rights regarding your personal information:</p>
|
||||
<ul>
|
||||
<li><strong>Account Information:</strong> You can review and update your account information by logging into your account settings.</li>
|
||||
<li><strong>Opt-Out of Communications:</strong> You can opt-out of receiving promotional emails from us by following the unsubscribe instructions provided in those emails. Even if you opt out, we may still send you non-promotional communications, such as those about your account or our ongoing business relations.</li>
|
||||
<li><strong>Access and Deletion:</strong> You may have the right to request access to or deletion of your personal information, subject to certain exceptions. Please contact us to exercise these rights.</li>
|
||||
<li><strong>Unlinking Financial Accounts:</strong> You can unlink your financial accounts at any time through your account settings. Please note that unlinking an account may limit the functionality of certain services.</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="children-privacy">7. Children's Privacy</h2>
|
||||
<p>Our services are not intended for individuals under the age of 18. We do not knowingly collect personal information from children under 18. If we become aware that we have collected personal information from a child under 18 without parental consent, we will take steps to delete that information.</p>
|
||||
|
||||
<h2 id="third-party-links">8. Third-Party Links</h2>
|
||||
<p>Our website may contain links to third-party websites or services that are not owned or controlled by [Your Company Name]. This Privacy Notice does not apply to such third-party sites. We encourage you to review the privacy policies of any third-party sites you visit.</p>
|
||||
|
||||
<h2 id="changes-notice">9. Changes to This Privacy Notice</h2>
|
||||
<p>We may update this Privacy Notice from time to time to reflect changes in our practices or for other operational, legal, or regulatory reasons. We will notify you of any material changes by posting the new Privacy Notice on this page and updating the "Last Updated" date. We encourage you to review this Privacy Notice periodically.</p>
|
||||
|
||||
<h2 id="contact-us">10. Contact Us</h2>
|
||||
<p>If you have any questions or concerns about this Privacy Notice or our data practices, please contact us at:</p>
|
||||
<address>
|
||||
Email: <a href="mailto:privacy@[yourcompany.com]">privacy@[yourcompany.com]</a><br>
|
||||
Address: [Your Company Address Placeholder, e.g., 123 Financial Way, Fintech City, FN 00000]
|
||||
</address>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2023 [Your Company Name]. All rights reserved.</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
<section aria-labelledby="terms-of-service-heading">
|
||||
<h2 id="terms-of-service-heading">Important Legal Information</h2>
|
||||
<p>
|
||||
By utilizing our platform to link financial accounts, track expenses, forecast savings, and receive AI-driven investment advice, you agree to our comprehensive Terms of Service.
|
||||
</p>
|
||||
<p>
|
||||
We are committed to transparency and ensuring your understanding of how our services operate. Please review the full terms that govern your use of our platform.
|
||||
</p>
|
||||
<div>
|
||||
<a href="/terms-of-service" aria-label="Read our full Terms of Service">Review Our Terms of Service</a>
|
||||
</div>
|
||||
</section>
|
||||
<section id="assistance-section" style="
|
||||
padding: 4rem 1rem;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
color: #333;
|
||||
line-height: 1.6;
|
||||
">
|
||||
<div style="
|
||||
text-align: center;
|
||||
margin-bottom: 3.5rem;
|
||||
">
|
||||
<h2 style="
|
||||
font-size: clamp(2rem, 5vw, 3rem);
|
||||
color: #2c3e50;
|
||||
margin-bottom: 1rem;
|
||||
font-weight: 700;
|
||||
">
|
||||
Need Assistance?
|
||||
</h2>
|
||||
<p style="
|
||||
font-size: clamp(1rem, 2vw, 1.2rem);
|
||||
color: #555;
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
">
|
||||
Find answers to common questions or get in touch with our dedicated support team. We're here to help you navigate your financial journey with ease.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div style="
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
gap: 2rem;
|
||||
margin-bottom: 4rem;
|
||||
">
|
||||
<div style="
|
||||
background-color: #ffffff;
|
||||
padding: 2rem;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 25px rgba(0,0,0,0.08);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
text-align: left;
|
||||
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
|
||||
">
|
||||
<h3 style="
|
||||
font-size: 1.5rem;
|
||||
color: #34495e;
|
||||
margin-bottom: 0.8rem;
|
||||
font-weight: 600;
|
||||
">
|
||||
Common Questions (FAQs)
|
||||
</h3>
|
||||
<p style="
|
||||
color: #666;
|
||||
font-size: 0.95rem;
|
||||
margin-bottom: 1.5rem;
|
||||
flex-grow: 1;
|
||||
">
|
||||
Browse our frequently asked questions about account linking, data privacy, and general app usage to quickly find solutions.
|
||||
</p>
|
||||
<a href="#" style="
|
||||
display: inline-block;
|
||||
padding: 0.9rem 1.6rem;
|
||||
background-color: #3498db;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
transition: background-color 0.2s;
|
||||
white-space: nowrap;
|
||||
">
|
||||
View All FAQs
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div style="
|
||||
background-color: #ffffff;
|
||||
padding: 2rem;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 25px rgba(0,0,0,0.08);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
text-align: left;
|
||||
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
|
||||
">
|
||||
<h3 style="
|
||||
font-size: 1.5rem;
|
||||
color: #34495e;
|
||||
margin-bottom: 0.8rem;
|
||||
font-weight: 600;
|
||||
">
|
||||
Getting Started Guides
|
||||
</h3>
|
||||
<p style="
|
||||
color: #666;
|
||||
font-size: 0.95rem;
|
||||
margin-bottom: 1.5rem;
|
||||
flex-grow: 1;
|
||||
">
|
||||
Step-by-step tutorials on how to link your bank accounts, track expenses, forecast savings, and set up financial goals.
|
||||
</p>
|
||||
<a href="#" style="
|
||||
display: inline-block;
|
||||
padding: 0.9rem 1.6rem;
|
||||
background-color: #3498db;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
transition: background-color 0.2s;
|
||||
white-space: nowrap;
|
||||
">
|
||||
Explore Guides
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div style="
|
||||
background-color: #ffffff;
|
||||
padding: 2rem;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 25px rgba(0,0,0,0.08);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
text-align: left;
|
||||
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
|
||||
">
|
||||
<h3 style="
|
||||
font-size: 1.5rem;
|
||||
color: #34495e;
|
||||
margin-bottom: 0.8rem;
|
||||
font-weight: 600;
|
||||
">
|
||||
AI Investment Advice
|
||||
</h3>
|
||||
<p style="
|
||||
color: #666;
|
||||
font-size: 0.95rem;
|
||||
margin-bottom: 1.5rem;
|
||||
flex-grow: 1;
|
||||
">
|
||||
Demystify our AI-driven investment advice. Learn about its methodology, benefits, and how to apply it to your portfolio.
|
||||
</p>
|
||||
<a href="#" style="
|
||||
display: inline-block;
|
||||
padding: 0.9rem 1.6rem;
|
||||
background-color: #3498db;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
transition: background-color 0.2s;
|
||||
white-space: nowrap;
|
||||
">
|
||||
Learn About AI
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="
|
||||
text-align: center;
|
||||
margin-top: 4rem;
|
||||
padding-top: 2rem;
|
||||
border-top: 1px solid #eee;
|
||||
">
|
||||
<h3 style="
|
||||
font-size: clamp(1.6rem, 3vw, 2.2rem);
|
||||
color: #2c3e50;
|
||||
margin-bottom: 1.5rem;
|
||||
font-weight: 700;
|
||||
">
|
||||
Can't Find What You're Looking For?
|
||||
</h3>
|
||||
<p style="
|
||||
font-size: clamp(1rem, 2vw, 1.1rem);
|
||||
color: #555;
|
||||
margin-bottom: 2.5rem;
|
||||
max-width: 700px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
">
|
||||
Our dedicated support team is ready to assist you. Reach out through one of the options below.
|
||||
</p>
|
||||
<div style="
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 1.5rem;
|
||||
">
|
||||
<a href="#" style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 1.2rem 2.2rem;
|
||||
background-color: #2ecc71;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
transition: background-color 0.2s;
|
||||
box-shadow: 0 4px 10px rgba(46, 204, 113, 0.2);
|
||||
">
|
||||
Email Support
|
||||
</a>
|
||||
<a href="#" style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 1.2rem 2.2rem;
|
||||
background-color: #f39c12;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
transition: background-color 0.2s;
|
||||
box-shadow: 0 4px 10px rgba(243, 156, 18, 0.2);
|
||||
">
|
||||
Live Chat (Mon-Fri, 9am-5pm EST)
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="footer-2-wrapper"><section class="footer-2-section"><div class="footer-2-top"><div class="footer-2-left"><h3 class="logo">WealthWise AI</h3><p><strong>Address:</strong><br></br><span>Level 1, 12 Sample St, Sydney NSW 2000</span></p><p><strong>Contact:</strong><br></br><span>1800 123 4567</span><br></br><a href="mailto:info@relume.io">support@wealthwiseai.com</a></p><div class="footer-2-social-icons"><i class="fab fa-facebook"></i><i class="fab fa-instagram"></i><i class="fab fa-x-twitter"></i><i class="fab fa-linkedin"></i><i class="fab fa-youtube"></i></div></div><div class="footer-2-links-columns"><ul><li><a href="#">Features</a></li><li><a href="#">Pricing</a></li><li><a href="#">How It Works</a></li><li><a href="#">Security & Privacy</a></li><li><a href="#">Customer Stories</a></li></ul><ul><li><a href="#">About Us</a></li><li><a href="#">Support Center</a></li><li><a href="#">Blog</a></li><li><a href="#">Careers</a></li><li><a href="#">For Developers</a></li></ul></div></div><div class="footer-2-bottom"><p>© 2023 WealthWise AI. All rights reserved.</p><ul class="footer-2-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookies Settings</a></li></ul></div></section></div>
|
||||
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">WealthPilot</div><ul class="nav-1-nav-links"><li><a href="home.html">Dashboard</a></li><li><a href="about.html">About Us</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Features</a></li><li><a href="faq.html">FAQs</a></li><li class="nav-1-dropdown"><a href="#">More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Join Now</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
||||
<section id="registration" class="registration-section">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Create Your Account</h2>
|
||||
<p class="section-description">Unlock your financial potential with AI-driven insights and smart tracking.</p>
|
||||
|
||||
<form class="registration-form" action="#" method="POST">
|
||||
<div class="form-group">
|
||||
<label for="fullName">Full Name</label>
|
||||
<input type="text" id="fullName" name="fullName" placeholder="Your Full Name" required="" aria-label="Full Name">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="email">Email Address</label>
|
||||
<input type="email" id="email" name="email" placeholder="you@example.com" required="" aria-label="Email Address">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="password">Password</label>
|
||||
<input type="password" id="password" name="password" placeholder="Minimum 8 characters" required="" aria-label="Password">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="confirmPassword">Confirm Password</label>
|
||||
<input type="password" id="confirmPassword" name="confirmPassword" placeholder="Re-enter your password" required="" aria-label="Confirm Password">
|
||||
</div>
|
||||
|
||||
<div class="form-group checkbox-group">
|
||||
<input type="checkbox" id="terms" name="terms" required="" aria-label="Agree to Terms of Service and Privacy Policy">
|
||||
<label for="terms">I agree to the <a href="#terms-of-service">Terms of Service</a> and <a href="#privacy-policy">Privacy Policy</a>.</label>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="submit-button">Register & Get Started</button>
|
||||
|
||||
<p class="login-prompt">Already have an account? <a href="#login">Log In</a></p>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Privacy Notice - [Your Company Name]</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<header>
|
||||
<!-- Typically, a navigation bar would go here, but for "ONLY HTML content", we omit it based on request context -->
|
||||
</header>
|
||||
<main class="container">
|
||||
<section aria-labelledby="privacy-policy-title">
|
||||
<h1 id="privacy-policy-title">Privacy Notice</h1>
|
||||
<p class="last-updated">Last Updated: October 26, 2023</p>
|
||||
|
||||
<p>Welcome to [Your Company Name]! We are committed to protecting your privacy and ensuring the security of your personal and financial information. This Privacy Notice explains how we collect, use, disclose, and safeguard your information when you use our website and services.</p>
|
||||
|
||||
<h2 id="info-collection">1. Information We Collect</h2>
|
||||
<p>We collect various types of information to provide and improve our services, which include linking bank accounts, tracking expenses, forecasting savings, and delivering AI-driven investment advice.</p>
|
||||
<h3>1.1. Information You Provide Directly</h3>
|
||||
<ul>
|
||||
<li><strong>Account Registration Data:</strong> When you create an account, we collect your name, email address, password, and potentially your phone number.</li>
|
||||
<li><strong>Profile Information:</strong> Any additional information you choose to provide, such as demographic data or financial goals.</li>
|
||||
<li><strong>Communication Data:</strong> Information you provide when you contact us for support, send feedback, or participate in surveys.</li>
|
||||
</ul>
|
||||
|
||||
<h3>1.2. Information We Collect from Financial Institutions</h3>
|
||||
<p>To provide our core services, we integrate with third-party financial data providers (e.g., Plaid). Through these integrations, with your explicit consent, we may access and collect the following types of financial data:</p>
|
||||
<ul>
|
||||
<li><strong>Account Information:</strong> Bank account numbers, routing numbers, account balances, account types (e.g., checking, savings, credit card, investment).</li>
|
||||
<li><strong>Transaction Data:</strong> Transaction history, merchant information, transaction amounts, dates, and categories.</li>
|
||||
<li><strong>Investment Data:</strong> Holdings, portfolio value, and historical performance from linked investment accounts.</li>
|
||||
</ul>
|
||||
<p><strong>Note:</strong> We do not store your financial institution login credentials on our servers. All sensitive authentication is handled directly by our financial data provider partners.</p>
|
||||
|
||||
<h3>1.3. Automatically Collected Information</h3>
|
||||
<ul>
|
||||
<li><strong>Usage Data:</strong> Information about how you interact with our service, such as pages visited, features used, time spent on the website, and clickstream data.</li>
|
||||
<li><strong>Device Information:</strong> IP address, browser type, operating system, unique device identifiers, and mobile network information.</li>
|
||||
<li><strong>Cookies and Tracking Technologies:</strong> We use cookies, web beacons, and similar technologies to enhance user experience, analyze trends, administer the website, and gather demographic information.</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="info-use">2. How We Use Your Information</h2>
|
||||
<p>We use the collected information for various purposes, primarily to deliver and improve our services:</p>
|
||||
<ul>
|
||||
<li><strong>Service Provision:</strong> To link your bank accounts and investments, track expenses, generate spending reports, forecast savings, and provide personalized financial insights.</li>
|
||||
<li><strong>AI-Driven Advice:</strong> To power our AI algorithms for investment advice, financial planning recommendations, and personalized budgeting tips.</li>
|
||||
<li><strong>Account Management:</strong> To manage your account, authenticate users, and provide customer support.</li>
|
||||
<li><strong>Personalization:</strong> To personalize your experience and present tailored content and offers.</li>
|
||||
<li><strong>Improvement and Development:</strong> To understand how users interact with our service, perform analytics, research, and improve our existing features and develop new ones.</li>
|
||||
<li><strong>Security and Fraud Prevention:</strong> To protect against fraudulent or unauthorized transactions, enforce our terms of service, and ensure the security of our platform.</li>
|
||||
<li><strong>Communication:</strong> To send you service-related notifications, updates, security alerts, and support messages. With your consent, we may also send promotional communications.</li>
|
||||
<li><strong>Legal Compliance:</strong> To comply with applicable laws, regulations, and legal processes.</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="info-sharing">3. How We Share Your Information</h2>
|
||||
<p>We do not sell your personal or financial information to third parties. We may share your information only in the following limited circumstances:</p>
|
||||
<ul>
|
||||
<li><strong>With Your Consent:</strong> We may share your information with third parties when we have your explicit consent to do so.</li>
|
||||
<li><strong>Financial Data Providers:</strong> We share necessary information with partners like Plaid to facilitate the connection to your financial institutions. They process your data according to their own privacy policies.</li>
|
||||
<li><strong>Service Providers:</strong> We engage third-party service providers to perform functions on our behalf, such as cloud hosting, analytics, customer support, and email delivery. These providers are obligated to protect your information and use it only for the purposes for which it was disclosed.</li>
|
||||
<li><strong>Legal Requirements:</strong> We may disclose your information if required to do so by law or in the good faith belief that such action is necessary to comply with legal obligations, protect our rights or property, or ensure the safety of our users or the public.</li>
|
||||
<li><strong>Business Transfers:</strong> In the event of a merger, acquisition, or sale of all or a portion of our assets, your information may be transferred as part of that transaction.</li>
|
||||
<li><strong>Aggregated or Anonymized Data:</strong> We may share aggregated or anonymized data (which cannot be used to identify you personally) with third parties for research, marketing, analytics, or other business purposes.</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="data-security">4. Data Security</h2>
|
||||
<p>We implement robust technical, administrative, and physical security measures designed to protect your personal and financial information from unauthorized access, disclosure, alteration, and destruction. These measures include, but are not limited to:</p>
|
||||
<ul>
|
||||
<li><strong>Encryption:</strong> Data is encrypted both in transit (using TLS/SSL) and at rest.</li>
|
||||
<li><strong>Access Controls:</strong> Strict access controls and authentication mechanisms are in place to limit access to your data only to authorized personnel who need it to perform their job functions.</li>
|
||||
<li><strong>Regular Audits:</strong> We conduct regular security audits and vulnerability assessments.</li>
|
||||
<li><strong>Vendor Security:</strong> We carefully vet our third-party service providers to ensure they adhere to high security standards.</li>
|
||||
</ul>
|
||||
<p>Despite our efforts, no security system is impenetrable. We cannot guarantee the absolute security of your information.</p>
|
||||
|
||||
<h2 id="data-retention">5. Data Retention</h2>
|
||||
<p>We retain your personal information for as long as your account is active or as needed to provide you services, comply with our legal obligations, resolve disputes, and enforce our agreements. If you close your account, we may retain certain information for a limited period to comply with legal requirements, prevent fraud, or for legitimate business purposes.</p>
|
||||
|
||||
<h2 id="your-choices">6. Your Choices and Rights</h2>
|
||||
<p>You have certain rights regarding your personal information:</p>
|
||||
<ul>
|
||||
<li><strong>Account Information:</strong> You can review and update your account information by logging into your account settings.</li>
|
||||
<li><strong>Opt-Out of Communications:</strong> You can opt-out of receiving promotional emails from us by following the unsubscribe instructions provided in those emails. Even if you opt out, we may still send you non-promotional communications, such as those about your account or our ongoing business relations.</li>
|
||||
<li><strong>Access and Deletion:</strong> You may have the right to request access to or deletion of your personal information, subject to certain exceptions. Please contact us to exercise these rights.</li>
|
||||
<li><strong>Unlinking Financial Accounts:</strong> You can unlink your financial accounts at any time through your account settings. Please note that unlinking an account may limit the functionality of certain services.</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="children-privacy">7. Children's Privacy</h2>
|
||||
<p>Our services are not intended for individuals under the age of 18. We do not knowingly collect personal information from children under 18. If we become aware that we have collected personal information from a child under 18 without parental consent, we will take steps to delete that information.</p>
|
||||
|
||||
<h2 id="third-party-links">8. Third-Party Links</h2>
|
||||
<p>Our website may contain links to third-party websites or services that are not owned or controlled by [Your Company Name]. This Privacy Notice does not apply to such third-party sites. We encourage you to review the privacy policies of any third-party sites you visit.</p>
|
||||
|
||||
<h2 id="changes-notice">9. Changes to This Privacy Notice</h2>
|
||||
<p>We may update this Privacy Notice from time to time to reflect changes in our practices or for other operational, legal, or regulatory reasons. We will notify you of any material changes by posting the new Privacy Notice on this page and updating the "Last Updated" date. We encourage you to review this Privacy Notice periodically.</p>
|
||||
|
||||
<h2 id="contact-us">10. Contact Us</h2>
|
||||
<p>If you have any questions or concerns about this Privacy Notice or our data practices, please contact us at:</p>
|
||||
<address>
|
||||
Email: <a href="mailto:privacy@[yourcompany.com]">privacy@[yourcompany.com]</a><br>
|
||||
Address: [Your Company Address Placeholder, e.g., 123 Financial Way, Fintech City, FN 00000]
|
||||
</address>
|
||||
</section>
|
||||
</main>
|
||||
<footer>
|
||||
<p>© 2023 [Your Company Name]. All rights reserved.</p>
|
||||
</footer>
|
||||
<section aria-labelledby="terms-of-service-heading">
|
||||
<h2 id="terms-of-service-heading">Important Legal Information</h2>
|
||||
<p>
|
||||
By utilizing our platform to link financial accounts, track expenses, forecast savings, and receive AI-driven investment advice, you agree to our comprehensive Terms of Service.
|
||||
</p>
|
||||
<p>
|
||||
We are committed to transparency and ensuring your understanding of how our services operate. Please review the full terms that govern your use of our platform.
|
||||
</p>
|
||||
<div>
|
||||
<a href="/terms-of-service" aria-label="Read our full Terms of Service">Review Our Terms of Service</a>
|
||||
</div>
|
||||
</section>
|
||||
<section id="assistance-section" style="
|
||||
padding: 4rem 1rem;
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
color: #333;
|
||||
line-height: 1.6;
|
||||
">
|
||||
<div style="
|
||||
text-align: center;
|
||||
margin-bottom: 3.5rem;
|
||||
">
|
||||
<h2 style="
|
||||
font-size: clamp(2rem, 5vw, 3rem);
|
||||
color: #2c3e50;
|
||||
margin-bottom: 1rem;
|
||||
font-weight: 700;
|
||||
">
|
||||
Need Assistance?
|
||||
</h2>
|
||||
<p style="
|
||||
font-size: clamp(1rem, 2vw, 1.2rem);
|
||||
color: #555;
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
">
|
||||
Find answers to common questions or get in touch with our dedicated support team. We're here to help you navigate your financial journey with ease.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div style="
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
gap: 2rem;
|
||||
margin-bottom: 4rem;
|
||||
">
|
||||
<div style="
|
||||
background-color: #ffffff;
|
||||
padding: 2rem;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 25px rgba(0,0,0,0.08);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
text-align: left;
|
||||
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
|
||||
">
|
||||
<h3 style="
|
||||
font-size: 1.5rem;
|
||||
color: #34495e;
|
||||
margin-bottom: 0.8rem;
|
||||
font-weight: 600;
|
||||
">
|
||||
Common Questions (FAQs)
|
||||
</h3>
|
||||
<p style="
|
||||
color: #666;
|
||||
font-size: 0.95rem;
|
||||
margin-bottom: 1.5rem;
|
||||
flex-grow: 1;
|
||||
">
|
||||
Browse our frequently asked questions about account linking, data privacy, and general app usage to quickly find solutions.
|
||||
</p>
|
||||
<a href="#" style="
|
||||
display: inline-block;
|
||||
padding: 0.9rem 1.6rem;
|
||||
background-color: #3498db;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
transition: background-color 0.2s;
|
||||
white-space: nowrap;
|
||||
">
|
||||
View All FAQs
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div style="
|
||||
background-color: #ffffff;
|
||||
padding: 2rem;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 25px rgba(0,0,0,0.08);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
text-align: left;
|
||||
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
|
||||
">
|
||||
<h3 style="
|
||||
font-size: 1.5rem;
|
||||
color: #34495e;
|
||||
margin-bottom: 0.8rem;
|
||||
font-weight: 600;
|
||||
">
|
||||
Getting Started Guides
|
||||
</h3>
|
||||
<p style="
|
||||
color: #666;
|
||||
font-size: 0.95rem;
|
||||
margin-bottom: 1.5rem;
|
||||
flex-grow: 1;
|
||||
">
|
||||
Step-by-step tutorials on how to link your bank accounts, track expenses, forecast savings, and set up financial goals.
|
||||
</p>
|
||||
<a href="#" style="
|
||||
display: inline-block;
|
||||
padding: 0.9rem 1.6rem;
|
||||
background-color: #3498db;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
transition: background-color 0.2s;
|
||||
white-space: nowrap;
|
||||
">
|
||||
Explore Guides
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div style="
|
||||
background-color: #ffffff;
|
||||
padding: 2rem;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 25px rgba(0,0,0,0.08);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
text-align: left;
|
||||
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
|
||||
">
|
||||
<h3 style="
|
||||
font-size: 1.5rem;
|
||||
color: #34495e;
|
||||
margin-bottom: 0.8rem;
|
||||
font-weight: 600;
|
||||
">
|
||||
AI Investment Advice
|
||||
</h3>
|
||||
<p style="
|
||||
color: #666;
|
||||
font-size: 0.95rem;
|
||||
margin-bottom: 1.5rem;
|
||||
flex-grow: 1;
|
||||
">
|
||||
Demystify our AI-driven investment advice. Learn about its methodology, benefits, and how to apply it to your portfolio.
|
||||
</p>
|
||||
<a href="#" style="
|
||||
display: inline-block;
|
||||
padding: 0.9rem 1.6rem;
|
||||
background-color: #3498db;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
transition: background-color 0.2s;
|
||||
white-space: nowrap;
|
||||
">
|
||||
Learn About AI
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="
|
||||
text-align: center;
|
||||
margin-top: 4rem;
|
||||
padding-top: 2rem;
|
||||
border-top: 1px solid #eee;
|
||||
">
|
||||
<h3 style="
|
||||
font-size: clamp(1.6rem, 3vw, 2.2rem);
|
||||
color: #2c3e50;
|
||||
margin-bottom: 1.5rem;
|
||||
font-weight: 700;
|
||||
">
|
||||
Can't Find What You're Looking For?
|
||||
</h3>
|
||||
<p style="
|
||||
font-size: clamp(1rem, 2vw, 1.1rem);
|
||||
color: #555;
|
||||
margin-bottom: 2.5rem;
|
||||
max-width: 700px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
">
|
||||
Our dedicated support team is ready to assist you. Reach out through one of the options below.
|
||||
</p>
|
||||
<div style="
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 1.5rem;
|
||||
">
|
||||
<a href="#" style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 1.2rem 2.2rem;
|
||||
background-color: #2ecc71;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
transition: background-color 0.2s;
|
||||
box-shadow: 0 4px 10px rgba(46, 204, 113, 0.2);
|
||||
">
|
||||
Email Support
|
||||
</a>
|
||||
<a href="#" style="
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 1.2rem 2.2rem;
|
||||
background-color: #f39c12;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 8px;
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
transition: background-color 0.2s;
|
||||
box-shadow: 0 4px 10px rgba(243, 156, 18, 0.2);
|
||||
">
|
||||
Live Chat (Mon-Fri, 9am-5pm EST)
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="footer-2-wrapper"><section class="footer-2-section"><div class="footer-2-top"><div class="footer-2-left"><h3 class="logo">WealthWise AI</h3><p><strong>Address:</strong><br><br><span>Level 1, 12 Sample St, Sydney NSW 2000</span></p><p><strong>Contact:</strong><br><br><span>1800 123 4567</span><br><br><a href="mailto:info@relume.io">support@wealthwiseai.com</a></p><div class="footer-2-social-icons"><i class="fab fa-facebook"></i><i class="fab fa-instagram"></i><i class="fab fa-x-twitter"></i><i class="fab fa-linkedin"></i><i class="fab fa-youtube"></i></div></div><div class="footer-2-links-columns"><ul><li><a href="#">Features</a></li><li><a href="#">Pricing</a></li><li><a href="#">How It Works</a></li><li><a href="#">Security & Privacy</a></li><li><a href="#">Customer Stories</a></li></ul><ul><li><a href="#">About Us</a></li><li><a href="#">Support Center</a></li><li><a href="#">Blog</a></li><li><a href="#">Careers</a></li><li><a href="#">For Developers</a></li></ul></div></div><div class="footer-2-bottom"><p>© 2023 WealthWise AI. All rights reserved.</p><ul class="footer-2-links"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookies Settings</a></li></ul></div></section></div>
|
||||
</div>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
document.body.style.display = 'none';
|
||||
setTimeout(function() { document.body.style.display = ''; }, 10);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html> (see https://g.co/ng/security#xss)
|
||||
Loading…
x
Reference in New Issue
Block a user