SJMAT TRADE signals
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AlphaTrade Pro | Premium Trading Signals & Education</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
/* Global Styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
:root {
--primary: #10b981;
--secondary: #0f172a;
--accent: #f59e0b;
--light: #f8fafc;
--dark: #1e293b;
--card-bg: #1e293b;
--text-light: #cbd5e1;
}
body {
background-color: #0f172a;
color: var(--light);
line-height: 1.6;
}
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
section {
padding: 80px 0;
}
.section-title {
text-align: center;
margin-bottom: 50px;
}
.section-title h2 {
font-size: 2.5rem;
color: var(--light);
margin-bottom: 15px;
}
.section-title p {
font-size: 1.1rem;
color: var(--text-light);
max-width: 700px;
margin: 0 auto;
}
.btn {
display: inline-block;
padding: 12px 30px;
background-color: var(--primary);
color: white;
border-radius: 5px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
border: none;
cursor: pointer;
font-size: 1rem;
}
.btn:hover {
background-color: #0ea271;
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(16, 185, 129, 0.2);
}
.btn-accent {
background-color: var(--accent);
}
.btn-accent:hover {
background-color: #e69008;
box-shadow: 0 10px 20px rgba(245, 158, 11, 0.2);
}
.btn-outline {
background-color: transparent;
border: 2px solid var(--primary);
color: var(--primary);
}
.btn-outline:hover {
background-color: var(--primary);
color: white;
}
/* Header Styles */
header {
background-color: rgba(15, 23, 42, 0.95);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
position: fixed;
width: 100%;
top: 0;
z-index: 1000;
backdrop-filter: blur(10px);
}
.header-container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
}
.logo {
display: flex;
align-items: center;
}
.logo i {
font-size: 2rem;
color: var(--primary);
margin-right: 10px;
}
.logo h1 {
font-size: 1.8rem;
color: var(--light);
}
.logo span {
color: var(--primary);
}
nav ul {
display: flex;
list-style: none;
}
nav ul li {
margin-left: 30px;
}
nav ul li a {
text-decoration: none;
color: var(--text-light);
font-weight: 500;
transition: color 0.3s ease;
}
nav ul li a:hover {
color: var(--primary);
}
.mobile-menu {
display: none;
font-size: 1.5rem;
cursor: pointer;
color: var(--light);
}
/* Hero Section */
.hero {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
color: white;
padding: 150px 0 100px;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" preserveAspectRatio="none"><path d="M0,800 C200,600 400,700 600,500 C800,300 1000,400 1200,200 L1200,800 L0,800 Z" fill="%2310b981" opacity="0.05"/></svg>') no-repeat;
background-size: cover;
}
.hero-content {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 1;
}
.hero-text {
flex: 1;
padding-right: 50px;
}
.hero-text h2 {
font-size: 3rem;
margin-bottom: 20px;
line-height: 1.2;
}
.hero-text p {
font-size: 1.2rem;
margin-bottom: 30px;
opacity: 0.9;
}
.hero-btns {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.hero-image {
flex: 1;
position: relative;
}
.trust-badge {
background-color: rgba(30, 41, 59, 0.7);
border-radius: 10px;
padding: 20px;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
text-align: center;
}
.trust-badge h3 {
margin-bottom: 15px;
color: var(--primary);
}
.trust-badge p {
font-size: 0.9rem;
color: var(--text-light);
}
/* My Story Section */
.story {
background-color: #1e293b;
}
.story-content {
display: flex;
align-items: center;
gap: 50px;
}
.story-text {
flex: 1;
}
.story-text h2 {
font-size: 2.2rem;
margin-bottom: 20px;
color: var(--light);
}
.story-text p {
margin-bottom: 15px;
color: var(--text-light);
}
.story-image {
flex: 1;
text-align: center;
}
.story-image img {
max-width: 100%;
border-radius: 10px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
/* Features Section */
.features {
background-color: #0f172a;
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.feature-card {
background-color: var(--card-bg);
border-radius: 10px;
padding: 30px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(255, 255, 255, 0.05);
}
.feature-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
.feature-icon {
width: 70px;
height: 70px;
background-color: rgba(16, 185, 129, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
}
.feature-icon i {
font-size: 1.8rem;
color: var(--primary);
}
.feature-card h3 {
font-size: 1.5rem;
margin-bottom: 15px;
color: var(--light);
}
.feature-card p {
color: var(--text-light);
}
/* Subscription Section */
.subscription {
background-color: #1e293b;
}
.plans {
display: flex;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
}
.plan {
background-color: var(--card-bg);
border-radius: 10px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
width: 100%;
max-width: 400px;
transition: transform 0.3s ease;
border: 1px solid rgba(255, 255, 255, 0.05);
}
.plan:hover {
transform: translateY(-10px);
}
.plan.popular {
border: 2px solid var(--accent);
position: relative;
}
.popular-badge {
position: absolute;
top: 0;
right: 20px;
background-color: var(--accent);
color: #0f172a;
padding: 5px 15px;
border-radius: 0 0 5px 5px;
font-weight: 600;
font-size: 0.9rem;
}
.plan-header {
padding: 30px;
text-align: center;
background-color: rgba(16, 185, 129, 0.1);
color: white;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.plan-header h3 {
font-size: 1.8rem;
margin-bottom: 10px;
}
.plan-price {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 5px;
}
.plan-duration {
opacity: 0.8;
}
.plan-features {
padding: 30px;
}
.plan-features ul {
list-style: none;
margin-bottom: 30px;
}
.plan-features ul li {
padding: 10px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
align-items: center;
}
.plan-features ul li:last-child {
border-bottom: none;
}
.plan-features ul li i {
color: var(--primary);
margin-right: 10px;
font-size: 1.1rem;
}
.plan-footer {
padding: 0 30px 30px;
text-align: center;
}
.razorpay-badge {
display: flex;
align-items: center;
justify-content: center;
margin-top: 15px;
font-size: 0.9rem;
color: var(--text-light);
}
.razorpay-badge i {
color: var(--primary);
margin-right: 5px;
}
/* Trust Indicators */
.trust {
background-color: #0f172a;
text-align: center;
}
.trust-stats {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin-top: 50px;
}
.stat {
margin: 20px;
}
.stat-number {
font-size: 2.5rem;
font-weight: 700;
color: var(--primary);
margin-bottom: 10px;
}
.stat-text {
color: var(--text-light);
font-weight: 500;
}
/* Contact Section */
.contact {
background-color: #1e293b;
}
.contact-options {
display: flex;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
}
.contact-option {
background-color: var(--card-bg);
border-radius: 10px;
padding: 30px;
text-align: center;
width: 100%;
max-width: 300px;
transition: transform 0.3s ease;
border: 1px solid rgba(255, 255, 255, 0.05);
}
.contact-option:hover {
transform: translateY(-5px);
}
.contact-option i {
font-size: 2.5rem;
color: var(--primary);
margin-bottom: 20px;
}
.contact-option h3 {
margin-bottom: 15px;
color: var(--light);
}
.contact-option p {
color: var(--text-light);
margin-bottom: 20px;
}
/* Footer */
footer {
background-color: #0f172a;
color: white;
padding: 60px 0 30px;
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.footer-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 40px;
margin-bottom: 40px;
}
.footer-column h3 {
font-size: 1.3rem;
margin-bottom: 20px;
position: relative;
padding-bottom: 10px;
color: var(--light);
}
.footer-column h3::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 3px;
background-color: var(--primary);
}
.footer-column ul {
list-style: none;
}
.footer-column ul li {
margin-bottom: 10px;
}
.footer-column ul li a {
color: var(--text-light);
text-decoration: none;
transition: color 0.3s ease;
}
.footer-column ul li a:hover {
color: var(--primary);
}
.footer-bottom {
text-align: center;
padding-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.05);
color: var(--text-light);
font-size: 0.9rem;
}
.disclaimer {
background-color: rgba(245, 158, 11, 0.1);
border-radius: 5px;
padding: 15px;
margin-top: 20px;
font-size: 0.85rem;
color: var(--text-light);
border-left: 3px solid var(--accent);
}
/* Responsive Styles */
@media (max-width: 992px) {
.hero-content {
flex-direction: column;
}
.hero-text {
padding-right: 0;
margin-bottom: 50px;
text-align: center;
}
.hero-btns {
justify-content: center;
}
.story-content {
flex-direction: column;
}
}
@media (max-width: 768px) {
nav ul {
display: none;
}
.mobile-menu {
display: block;
}
.section-title h2 {
font-size: 2rem;
}
.hero-text h2 {
font-size: 2.2rem;
}
}
</style>
<!-- Hero Section -->
<section class="hero" id="home">
<div class="container hero-content">
<div class="hero-text">
<h2>Professional Trading Signals You Can Trust</h2>
<p>After 3 years of losses, I've developed a profitable trading strategy that generates consistent returns. Now I'm sharing my signals and knowledge with serious traders.</p>
<div class="hero-btns">
<a href="#subscription" class="btn">View Subscription Plans</a>
<a href="#contact" class="btn btn-outline">Contact for Questions</a>
</div>
</div>
<div class="hero-image">
<div class="trust-badge">
<h3>Proven Track Record</h3>
<p>25+ profitable trades out of 31 daily signals guaranteed</p>
<p>7-day refund policy on all subscriptions</p>
</div>
</div>
</div>
</section>
<!-- My Story Section -->
<section class="story" id="story">
<div class="container">
<div class="section-title">
<h2>My Trading Journey</h2>
<p>From consistent losses to consistent profits - here's my story</p>
</div>
<div class="story-content">
<div class="story-text">
<h2>3 Years of Losses, 1 Year of Profits</h2>
<p>I started trading like most people - with high hopes and little knowledge. For three long years, I faced consistent losses, trying different strategies, indicators, and approaches without success.</p>
<p>After analyzing thousands of trades and refining my approach, I finally developed a strategy that works consistently. For the past year, I've been consistently profitable with my trading.</p>
<p>Now I want to share what I've learned with other traders who are struggling. I'm not just selling signals - I'm offering the knowledge and strategy that transformed my trading results.</p>
<p>If you've experienced losses in trading, I understand your frustration. Take a chance with my proven signals and strategy - it might be the turning point in your trading journey.</p>
</div>
<div class="story-image">
<!-- Placeholder for an image -->
<div style="width: 100%; height: 300px; background: linear-gradient(135deg, #10b981 0%, #0f172a 100%); border-radius: 10px; display: flex; align-items: center; justify-content: center;">
<i class="fas fa-chart-line" style="font-size: 5rem; color: white; opacity: 0.7;"></i>
</div>
</div>
</div>
</div>
</section>
<!-- Features Section -->
<section class="features" id="features">
<div class="container">
<div class="section-title">
<h2>What You Get With AlphaTrade Pro</h2>
<p>Comprehensive trading solutions designed for consistent profitability</p>
</div>
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-bolt"></i>
</div>
<h3>31+ Daily Trading Signals</h3>
<p>Receive high-probability trading signals every day across multiple markets and timeframes.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-comments"></i>
</div>
<h3>Direct WhatsApp Support</h3>
<p>Get personalized advice and quick responses to your trading questions through direct WhatsApp connection.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-shield-alt"></i>
</div>
<h3>Performance Guarantee</h3>
<p>25+ out of 31 daily signals will be profitable. We're confident enough to offer a 7-day refund policy.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-file-pdf"></i>
</div>
<h3>Complete Strategy Guide</h3>
<p>With the Master subscription, get my complete trading strategy PDF that I use for consistent profits.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-users"></i>
</div>
<h3>Private Telegram Group</h3>
<p>Join our exclusive Telegram group for live signals, market updates, and community discussions.</p>
</div>
<div class="feature-card">
<div class="feature-icon">
<i class="fas fa-hand-holding-usd"></i>
</div>
<h3>Secure Payment Processing</h3>
<p>All payments are securely processed through Razorpay, India's leading payment gateway.</p>
</div>
</div>
</div>
</section>
<!-- Subscription Section -->
<section class="subscription" id="subscription">
<div class="container">
<div class="section-title">
<h2>Choose Your Trading Plan</h2>
<p>Select the subscription that best fits your trading needs and start your journey to consistent profits today.</p>
</div>
<div class="plans">
<!-- Basic Plan -->
<div class="plan">
<div class="plan-header">
<h3>Signal Pro</h3>
<div class="plan-price">₹999</div>
<div class="plan-duration">2 Months Access</div>
</div>
<div class="plan-features">
<ul>
<li><i class="fas fa-check"></i> 31+ Daily Trading Signals</li>
<li><i class="fas fa-check"></i> Access to 3 Best Platforms</li>
<li><i class="fas fa-check"></i> Direct WhatsApp Connection</li>
<li><i class="fas fa-check"></i> Personalized Trading Advice</li>
<li><i class="fas fa-check"></i> Private Telegram Group Access</li>
<li><i class="fas fa-check"></i> 7-Day Refund Policy</li>
</ul>
</div>
<div class="plan-footer">
<a href="https://rzp.io/rzp/vQ7BE17z" class="btn" target="_blank">Subscribe Now</a>
<div class="razorpay-badge">
<i class="fas fa-lock"></i> Secured by Razorpay
</div>
</div>
</div>
<!-- Advanced Plan -->
<div class="plan popular">
<div class="popular-badge">MOST POPULAR</div>
<div class="plan-header">
<h3>Master Strategy</h3>
<div class="plan-price">₹9999</div>
<div class="plan-duration">Lifetime Access</div>
</div>
<div class="plan-features">
<ul>
<li><i class="fas fa-check"></i> Complete Strategy PDF Guide</li>
<li><i class="fas fa-check"></i> 1 Year Full Subscription</li>
<li><i class="fas fa-check"></i> Priority WhatsApp Connection</li>
<li><i class="fas fa-check"></i> Advanced Market Analysis</li>
<li><i class="fas fa-check"></i> Risk Management Techniques</li>
<li><i class="fas fa-check"></i> Portfolio Building Guidance</li>
<li><i class="fas fa-check"></i> 7-Day Refund Policy</li>
</ul>
</div>
<div class="plan-footer">
<a href="https://rzp.io/rzp/zhiIV1re" class="btn btn-accent" target="_blank">Get Master Access</a>
<div class="razorpay-badge">
<i class="fas fa-lock"></i> Secured by Razorpay
</div>
</div>
</div>
</div>
<div class="disclaimer">
<p><strong>Note:</strong> We are not regulated. You will learn to trade using our signals. Only proceed with payment if you want to learn trading through our signal service. Trading involves risk and you should only trade with money you can afford to lose.</p>
</div>
</div>
</section>
<!-- Trust Indicators -->
<section class="trust">
<div class="container">
<div class="section-title">
<h2>Why Traders Trust AlphaTrade Pro</h2>
<p>Join our growing community of successful traders who have transformed their trading results</p>
</div>
<div class="trust-stats">
<div class="stat">
<div class="stat-number">5000+</div>
<div class="stat-text">Active Traders</div>
</div>
<div class="stat">
<div class="stat-number">94%</div>
<div class="stat-text">Success Rate</div>
</div>
<div class="stat">
<div class="stat-number">24/7</div>
<div class="stat-text">Support Available</div>
</div>
<div class="stat">
<div class="stat-number">100%</div>
<div class="stat-text">Secure Payments</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section class="contact" id="contact">
<div class="container">
<div class="section-title">
<h2>Get In Touch</h2>
<p>Have questions before subscribing? Contact us directly</p>
</div>
<div class="contact-options">
<div class="contact-option">
<i class="fab fa-whatsapp"></i>
<h3>WhatsApp Support</h3>
<p>Chat with us directly for quick answers to your questions</p>
<a href="https://wa.me/919199968850" class="btn" target="_blank">Message on WhatsApp</a>
</div>
<div class="contact-option">
<i class="fas fa-envelope"></i>
<h3>Email Support</h3>
<p>Send us an email for detailed inquiries</p>
<a href="mailto:[email protected]" class="btn btn-outline">Send Email</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-column">
<h3>AlphaTrade Pro</h3>
<p>Your trusted partner for professional trading signals and education. We provide proven strategies to help you achieve consistent profits in the financial markets.</p>
</div>
<div class="footer-column">
<h3>Quick Links</h3>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#story">My Story</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#subscription">Subscriptions</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="footer-column">
<h3>Contact Us</h3>
<ul>
<li><a href="https://wa.me/919199968850" target="_blank"><i class="fab fa-whatsapp"></i> +91 9199968850</a></li>
<li><a href="mailto:[email protected]"><i class="fas fa-envelope"></i> [email protected]</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2023 AlphaTrade Pro. All rights reserved. | Payments securely processed by Razorpay</p>
<div class="disclaimer">
<p><strong>Risk Disclaimer:</strong> Trading involves substantial risk of loss and is not suitable for every investor. The valuation of investments may fluctuate, and as a result, you may lose more than your original investment. Past performance is not indicative of future results.</p>
</div>
</div>
</div>
</footer>
<script>
// Mobile menu toggle
document.querySelector('.mobile-menu').addEventListener('click', function() {
const nav = document.querySelector('nav ul');
nav.style.display = nav.style.display === 'flex' ? 'none' : 'flex';
});
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const targetId = this.getAttribute('href');
if(targetId === '#') return;
const targetElement = document.querySelector(targetId);
if(targetElement) {
window.scrollTo({
top: targetElement.offsetTop - 80,
behavior: 'smooth'
});
// Close mobile menu if open
if(window.innerWidth <= 768) {
document.querySelector('nav ul').style.display = 'none';
}
}
});
});
// Close mobile menu when clicking outside
document.addEventListener('click', function(e) {
const nav = document.querySelector('nav ul');
const menuIcon = document.querySelector('.mobile-menu');
if(window.innerWidth <= 768 &&
nav.style.display === 'flex' &&
!nav.contains(e.target) &&
!menuIcon.contains(e.target)) {
nav.style.display = 'none';
}
});
</script>