Bear Investment Landing Page
Example heading with h2 size
Example heading with h3 size
Following is sample java code.
int i = 10;
if(i>0){
System.out.println('positive');
}
```<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bear Investment Landing Page</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="container">
<img src="logo.png" alt="White Bear Logo" class="logo">
<h1>Bear Investment Landing Page</h1>
</div>
</header>
<main>
<section class="app-overview">
<div class="container">
<h2>Objective of the App</h2>
<li>to lower investment Portfolio cost </li>
<li>to make investment Portfolio attractive to middle class in the Society </li>
<p>Overview of the app</p>
<li>Bearinvestment Platform is a modern day innovation that poise to serve any where you Go including in the Comfort of your house</li>
<h3>Technology and Security</h3>
<l1>It is serverless,operate 24/7 allowing faster, irreversible and immediate paymentprocessing including improvement on cash flow management</l1>
<p>Details about technology and security</p>
<l1>leveraging Blockchain technology and military grade encryption,we ensure the safety and integrity of your financial data.Revolutionize your investment </l1>
</div>
</section>
<section id="about-us">
<div class="container">
<h2>About Us</h2>
<p>Bear Investment is a team of financial experts and tech innovators committed to democratizing wealth management through cutting-edge technology.</p>
</div>
</section>
<p>Details about the company</p>
</div>
</section>
<section id="location">
<div class="container">
<h2>Location</h2>
<section id="location">
<div class="container">
<h2>Our Location</h2>
<a href="https://assets.onecompiler.app/43234stza/43f4vpb6v/Screenshot_20250329-042307.png">IPlocation</a></a
<address>
1, Lato close, off Aderibigbe Street<br>
Agbado Crossing, Ifako-Ijaiye, Lagos 10005<br>
Nigeria
</address>
</div>
</section>
</div>
</section>
<section id="contact">
<div class="container">
<h2>Get in Touch</h2>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
<p>Phone: <a href="tel:+(234)8028334806">+(234) 8168496972</a></p>
</div>
</section>
<section id="support">
<div class="container">
<h2>Support</h2>
<p>Our dedicated support team is available 24/7 to assist you with any queries or issues.</p>
<a href="https://support.bearinvestment.com" class="button">Access Support Portal</a>
<a href="https://postman-service.com">Postman Service</a>
</div>
</section>
<section id="images-and-charts">
<div class="container">
<h2>Images
<h2>Images and Charts</h2>
<div class="image-gallery">
<img src="image 1.png" alt"Image 1=https://assets.onecompiler.app/43234stza/43f5kfs9u/Screenshot_20250420-153834.png">
<img src="image2.png" alt="Image 2=https://assets.onecompiler.app/43234stza/43f4vpb6v/Screenshot_20250414-111336.png">
<img src="image3.png" alt="Image 3=https://assets.onecompiler.app/43234stza/43f4vpb6v/Screenshot_20250413-181122.png">
<img src="image 4.png" alt="Image 4=https://assets.onecompiler.app/43234stza/43f4vpb6v/Screenshot_20250414-111336.png">
<img src="image 5.png" alt="Image 5=https://assets.onecompiler.app/43234stza/43f4vpb6v/Screenshot_20250413-181122.png">
<img src="image 6.png" alt="Image 6=https://assets.onecompiler.app/43234stza/43f4vpb6v/Screenshot_20250413-004231.png">
<img src="image 7.png" alt="Image 7=https://assets.onecompiler.app/43234stza/43f4vpb6v/Screenshot_20250413-190252.png">
</div>
</image>
<div class="chart-container">
<h2>img-and-charts</h2>
<img itemref="id"="img-and-charts 1" alt="img-and-charts 1=https://assets.onecompiler.app/43234stza/43f4vpb6v/Screenshot_20250416-173215.png">
<img itemref="id"="img-and-charts 2" alt="img-and-charts 2=https://assets.onecompiler.app/43234stza/43f4vpb6v/Screenshot_20250416-173859.png 29.25">
<img itemref="id"="img-and-charts 3" alt="images-and-charts 3=https://assets.onecompiler.app/43234stza/43f4vpb6v/Screenshot_20250416-173822.png">
<img item ref="id"="images-and-charts 4" alt="images-and-charts 4=https://assets.onecompiler.app/43234stza/43f4vpb6v/Screenshot_20250416-173617.png">
<img itemre="id"="img-and-charts 5" alt="images-and-charts 5=https://assets.onecompiler.app/43234stza/43f4vpb6v/Screenshot_20250416-173317.png">
<canvas id="charts"></canvas>
</div>
</div>
</section>
<section id="images-and-charts">
<div class="container">
<h2>Investment Insights</h2>
<div class="image-gallery">
<figure>
<img src="images/market-trends.png" alt="Graph showing positive market trends">
<figcaption>Market Trends 2023</figcaption>
</figure>
<figure>
<img src="images/portfolio-diversity.png" alt="Pie chart illustrating a diverse investment portfolio">
<figcaption>Optimal Portfolio Diversity</figcaption>
</figure>
<figure>
<img src="images/risk-assessment.png" alt="Risk assessment matrix">
<figcaption>Risk Assessment Tool</figcaption>
</figure>
</div>
<div class="chart-container">
<canvas id="investmentGrowthChart"></canvas>
</div>
</div>
</section>
<section id="code-snippet">
<div class="container">
<h2>Compound Interest Calculator</h2>
<pre><code class="language-javascript">
<section id="code-snippet">
<div class="container">
<h2>Code Snippet</h2>
<pre><code>
<section id="code-snippet">
<div class="container">
<h2>Code Snippet Compound Interest Calculator</h2>
<pre>
<code> function :
function calculateCompoundInterest(principal, rate, time, n) {
// principal: initial investment amount
// rate: annual interest rate (in decimal form, e.g., 0.05 for 5%)
// time: total number of years
// n: number of times interest is compounded per year
const amount = principal * Math.pow((1 + rate/n), (n * time));
const interest = amount - principal;
return {
totalAmount: amount.toFixed(2),
interestEarned: interest.toFixed(2)
};
}
// Example usage
const result = calculateCompoundInterest(1000, 0.05, 5, 12);
console.log(`Total amount: ${result.totalAmount}`);
console.log(`Interest earned: ${result.interestEarned}`);
</code>
</pre>
<a href="https://onecompiler.com/orgs/hello/repositories">View more on one compiler.com</a>
</div>
</section>
</code></pre>
<a href="https://www.onecompiler.com/developer/hello/post">View on onecompiler.com</a>
</div>
</section>
</main>
<footer>
<div class="container">
<p>© 2023 Bear Investment. All rights reserved.</p>
<nav aria-label="Footer navigation">
<ul>
<li><a href="#privacy-policy">Privacy Policy</a></li>
<li><a href="#terms-of-service">Terms of Service</a></li>
<li><a href="#sitemap">Sitemap</a></li>
</ul>
</nav>
</div>
</footer>
<script src="scripts/main.js"></script>
<script src="scripts/charts.js"></script>
<script src="script.js"></script>
</body>
</html>