<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Algorithmic Smart Trading Software | CodeMatrix Technologies</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Arial, sans-serif;
}
body {
background: #050b18;
color: #ffffff;
}
.landing-page {
min-height: 100vh;
background:
linear-gradient(rgba(5, 11, 24, 0.85), rgba(5, 11, 24, 0.95)),
url("https://images.unsplash.com/photo-1640340434855-6084b1f4901c?auto=format&fit=crop&w=1600&q=80");
background-size: cover;
background-position: center;
padding: 30px 6%;
}
.logo {
font-size: 26px;
font-weight: bold;
color: #00e5ff;
margin-bottom: 50px;
}
.hero {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 40px;
align-items: center;
}
.hero-content h1 {
font-size: 52px;
line-height: 1.15;
margin-bottom: 20px;
}
.hero-content h1 span {
color: #00e5ff;
}
.hero-content p {
font-size: 18px;
line-height: 1.7;
color: #d6e4ff;
margin-bottom: 25px;
}
.features {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
margin-top: 25px;
}
.feature-box {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(0, 229, 255, 0.25);
padding: 14px;
border-radius: 12px;
font-size: 15px;
}
.demo-form {
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(12px);
border: 1px solid rgba(0, 229, 255, 0.35);
padding: 30px;
border-radius: 22px;
box-shadow: 0 0 35px rgba(0, 229, 255, 0.18);
}
.demo-form h2 {
font-size: 28px;
margin-bottom: 10px;
color: #00e5ff;
}
.demo-form p {
font-size: 15px;
color: #d6e4ff;
margin-bottom: 22px;
}
.demo-form input {
width: 100%;
padding: 15px;
margin-bottom: 15px;
border: none;
border-radius: 10px;
outline: none;
font-size: 15px;
}
.demo-form button {
width: 100%;
padding: 16px;
background: linear-gradient(135deg, #00e5ff, #0077ff);
color: #ffffff;
border: none;
border-radius: 10px;
font-size: 17px;
font-weight: bold;
cursor: pointer;
}
.demo-form button:hover {
opacity: 0.9;
}
.note {
font-size: 12px;
color: #b8c7e0;
margin-top: 14px;
line-height: 1.5;
}
@media (max-width: 900px) {
.hero {
grid-template-columns: 1fr;
}
.hero-content h1 {
font-size: 38px;
}
.features {
grid-template-columns: 1fr;
}
.logo {
margin-bottom: 30px;
}
}
</style>
</head>
<body>
<section class="landing-page">
<div class="logo">CodeMatrix Technologies</div>
<div class="hero">
<div class="hero-content">
<h1>
Algorithmic Smart <span>Trading Software</span>
</h1>
<p>
Trade smarter with our advanced algorithmic trading software designed
for intraday and options traders. Automate your trading rules, reduce
emotional decisions, and experience faster execution with a smart,
rule-based trading system.
</p>
<div class="features">
<div class="feature-box">✅ Smart Auto Trade Execution</div>
<div class="feature-box">✅ Emotion-Free Trading</div>
<div class="feature-box">✅ Fast Order Placement</div>
<div class="feature-box">✅ Risk Management Support</div>
<div class="feature-box">✅ Live Market Monitoring</div>
<div class="feature-box">✅ Easy Dashboard Access</div>
</div>
</div>
<div class="demo-form">
<h2>Get Free Demo</h2>
<p>Fill your details and our team will contact you shortly.</p>
<form>
<input type="text" placeholder="Enter Your Name" required>
<input type="tel" placeholder="Enter Mobile Number" required>
<input type="email" placeholder="Enter Email ID" required>
<button type="submit">Submit For Demo</button>
</form>
<div class="note">
Disclaimer: Trading involves market risk. Software only supports
rule-based execution and does not guarantee profit.
</div>
</div>
</div>
</section>
</body>
</html>