QuantEdge/index.html at main · aldrin-samuel/QuantEdge · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>QuantEdge Technologies</title>
<link rel="stylesheet" href="css.css">
</head>
<body>

<video autoplay muted loop id="bgVideo">
    <source src="bg1.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
</video>

<div id="content">

<!-- Hero -->
<section id="hero">
  <h1>QuantEdge Technologies</h1>
  <p class="tagline">Advanced AI-Driven Market Intelligence</p>
  <button id="exploreBtn">Discover Our Insights</button>
</section>

<!-- About -->
<section id="about">
  <h2>About Us</h2>
  <p>QuantEdge Technologies delivers actionable market intelligence through cutting-edge AI and data analytics. We combine historical trends, real-time sentiment, and investor activity to empower informed trading decisions.</p>
</section>

<!-- Features -->
<section id="features">
  <h2>Our Features</h2>
  <div class="feature-container">
    <div class="feature-card">
      AI Analysis
      <div class="feature-info">Monitors market sentiment and investor behavior in real time</div>
    </div>
    <div class="feature-card">
      Historical Data
      <div class="feature-info">Detects patterns and forecasts trends with precision</div>
    </div>
    <div class="feature-card">
      Machine Learning Predictions
      <div class="feature-info">Delivers accurate trade recommendations</div>
    </div>
    <div class="feature-card">
      Investor Tracker
      <div class="feature-info">Tracks institutional and retail investor activity for strategic insight</div>
    </div>
  </div>
</section>

<!-- Stock Insights -->
<section id="stocks">
  <h2>Top Stock Insights</h2>
  <div class="stock-container" id="stockContainer"></div>
</section>

<!-- How It Works -->
<section id="how-it-works">
  <h2>How It Works</h2>
  <div class="process-container">
    <div class="process-step">
      <h3>1. Monitor Market Sentiment</h3>
      <p>Gather market mood from news, social media, and investor activity.</p>
    </div>
    <div class="process-step">
      <h3>2. Analyze Historical Trends</h3>
      <p>Use years of market data to detect patterns and predict outcomes.</p>
    </div>
    <div class="process-step">
      <h3>3. Track Investors</h3>
      <p>Monitor top institutional and retail investors to anticipate moves.</p>
    </div>
    <div class="process-step">
      <h3>4. Deliver Insights</h3>
      <p>Combine AI predictions to provide Buy / Hold / Sell recommendations.</p>
    </div>
  </div>
</section>

<!-- Testimonials -->
<section id="testimonials">
  <h2>Success Stories</h2>
  <div class="testimonial-container">
    <div class="testimonial-card">
      <p>"QuantEdge predicted my portfolio gain of 18% last quarter. Impressive AI!"</p>
      <h4>- Rajesh K.</h4>
    </div>
    <div class="testimonial-card">
      <p>"The sentiment analysis feature is a game-changer. I can react faster than the market."</p>
      <h4>- Priya S.</h4>
    </div>
  </div>
</section>

<!-- Contact -->
<section id="contact">
  <h2>Contact Us</h2>
  <form id="contactForm">
    <input type="text" placeholder="Name" required>
    <input type="email" placeholder="Email" required>
    <textarea placeholder="Message" rows="4" required></textarea>
    <button type="submit">Send Message</button>
  </form>
</section>

</div>

<!-- Footer -->
<footer>
  <p>&copy; 2025 QuantEdge Technologies. All rights reserved.</p>
</footer>

<script src="js.js"></script>
</body>
</html>