<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>SCA Tradex — Smart Invest. Grow Fast.</title>
  <meta name="description" content="SCA Tradex — Practical trading education and investment strategies." />
  <style>
    :root{
      --navy:#0b3a66; /* deep navy */
      --teal:#14b79a; /* bright teal */
      --gradient: linear-gradient(135deg,var(--navy),#0f577f,var(--teal));
      --muted:#6b7280;
      --bg:#f6fbfc;
      --card:#ffffff;
      font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    }
    *{box-sizing:border-box}
    body{margin:0;background:var(--bg);color:var(--navy);-webkit-font-smoothing:antialiased}
    a{color:var(--teal);text-decoration:none}
    .container{max-width:1180px;margin:0 auto;padding:28px}

    /* NAV */
    header.site-header{background:transparent;padding-top:18px}
    .topbar{display:flex;align-items:center;justify-content:space-between;gap:18px}
    .brand{display:flex;align-items:center;gap:14px}
    .brand img{width:68px;height:68px;object-fit:contain;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,0.5),rgba(255,255,255,0));padding:6px}
    .brand .title{font-size:18px;font-weight:700;color:var(--navy)}
    nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}
    nav a{color:var(--navy);font-weight:600}
    .btn-primary{background:var(--gradient);color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;box-shadow:0 6px 18px rgba(16,52,82,0.12)}

    /* HERO */
    .hero{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;padding:48px 0}
    .hero h1{font-size:34px;margin:0 0 12px;color:var(--navy);line-height:1.05}
    .hero p.lead{color:var(--muted);margin:0 0 18px;font-size:16px}
    .hero .actions{display:flex;gap:12px}
    .card{background:var(--card);border-radius:14px;padding:18px;box-shadow:0 8px 30px rgba(11,58,102,0.06)}

    /* sections */
    .features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
    .feature h4{margin:6px 0}

    .two-col{display:grid;grid-template-columns:1fr 360px;gap:18px}

    footer{padding:36px 0;color:var(--muted)}

    /* responsive */
    @media (max-width:980px){
      .hero{grid-template-columns:1fr}
      .two-col{grid-template-columns:1fr}
      nav ul{display:none}
    }
  </style>
</head>
<body>
  <header class="site-header">
    <div class="container topbar">
      <div class="brand">
        <!-- Replace src with the uploaded logo path in your hosting setup -->
        <img src="/assets/WhatsApp_Image.jpg" alt="SCA Tradex logo" />
        <div>
          <div class="title">SCA Tradex</div>
          <div style="font-size:13px;color:var(--muted);margin-top:4px">Smart Invest. Grow Fast.</div>
        </div>
      </div>
      <nav aria-label="Main navigation">
        <ul>
          <li><a href="#home">Home</a></li>
          <li><a href="#about">About</a></li>
          <li><a href="#strategy">Strategy</a></li>
          <li><a href="#services">Services</a></li>
          <li><a href="#careers">Career</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>
      </nav>
      <div>
        <a class="btn-primary" href="#contact">Get Started</a>
      </div>
    </div>

    <div class="container hero">
      <div>
        <h1>Welcome to SCA Tradex — Smart Invest. Grow Fast.</h1>
        <p class="lead">At SCA Tradex, we believe your money should work as hard as you do. Traditional savings can’t keep pace with inflation — we help you grow capital with smart, strategic investments across global markets.</p>
        <div class="actions">
          <a class="card" href="#services">Explore Services</a>
          <a class="card" href="#contact">Book a Free Consultation</a>
        </div>

        <div class="features" style="margin-top:22px">
          <div class="card feature">
            <strong>Smart Investment Plans</strong>
            <p style="color:var(--muted);margin-top:8px">Tailored strategies for sustainable, long-term growth.</p>
          </div>
          <div class="card feature">
            <strong>Capital Protection</strong>
            <p style="color:var(--muted);margin-top:8px">Plans designed so you never lose your invested principal.</p>
          </div>
          <div class="card feature">
            <strong>Global Market Access</strong>
            <p style="color:var(--muted);margin-top:8px">Trade and invest confidently in worldwide markets.</p>
          </div>
        </div>
      </div>

      <aside>
        <div class="card" style="text-align:left">
          <h3 style="margin-top:0">Start your growth journey</h3>
          <p style="color:var(--muted)">Free mini-course + expert-supported plans: Beginner, Intermediate, Mentor.</p>
          <ul style="color:var(--muted);padding-left:18px;margin:10px 0">
            <li>Beginner: Foundations & simulator</li>
            <li>Intermediate: Live set-ups & indicators</li>
            <li>Mentor: 1:1 coaching + private group</li>
          </ul>
          <a href="#contact" class="btn-primary" style="display:inline-block;margin-top:8px">Book Free Consult</a>
        </div>
      </aside>
    </div>
  </header>

  <main class="container" style="margin-top:28px">
    <section id="about" class="card" style="padding:22px">
      <h2>About SCA Tradex</h2>
      <p style="color:var(--muted)">SCA Tradex is a global financial trading and investment company committed to helping individuals and businesses grow their wealth intelligently and securely. We specialize in daily trading across international markets, guided by deep market insight, advanced strategies, and a results-driven approach.</p>

      <div style="display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px">
        <div>
          <h4>Our Approach</h4>
          <p style="color:var(--muted)">Your money is your asset — but helping it grow is our responsibility. We analyze global market trends and execute data-driven strategies built on security, growth, and consistency.</p>
        </div>
        <div>
          <h4>Core Values</h4>
          <ul style="color:var(--muted);padding-left:18px">
            <li>Integrity</li>
            <li>Expertise</li>
            <li>Responsibility</li>
            <li>Innovation</li>
          </ul>
        </div>
      </div>
    </section>

    <section id="strategy" style="margin-top:22px">
      <div class="card" style="padding:22px">
        <h2>Strategy — Right Time. Right Place. Right Plan.</h2>
        <p style="color:var(--muted)">We protect the principal, manage risk, and grow profit consistently through disciplined, data-driven execution.</p>

        <div class="two-col" style="margin-top:12px">
          <div>
            <h4>Strategic Pillars</h4>
            <ol style="color:var(--muted);padding-left:18px">
              <li><strong>Capital Protection</strong> — Safeguarding your initial investment.</li>
              <li><strong>Smart Risk Management</strong> — Strict risk-to-reward planning.</li>
              <li><strong>Timing & Analysis</strong> — Decisions backed by technical and economic data.</li>
              <li><strong>Consistent Growth</strong> — Focus on steady long-term returns.</li>
            </ol>
          </div>

          <aside class="card">
            <h4>Short-term & Long-term</h4>
            <p style="color:var(--muted);margin:6px 0"><strong>Short-Term:</strong> Daily & weekly trading for consistent cash flow.</p>
            <p style="color:var(--muted);margin:6px 0"><strong>Long-Term:</strong> Portfolio growth with diversification and compounding.</p>
          </aside>
        </div>
      </div>
    </section>

    <section id="services" style="margin-top:22px">
      <h2>Services & Courses</h2>
      <div class="card" style="padding:18px;margin-top:10px">
        <p style="color:var(--muted)">Professional trading courses designed for beginners to advanced traders. Each plan focuses on practical skills, risk control, and real-market practice.</p>

        <div style="display:flex;gap:12px;flex-wrap:wrap;margin-top:12px">
          <div style="flex:1;min-width:220px" class="card">
            <h4>1 Month — £1,000</h4>
            <p style="color:var(--muted)">Foundations, simulator, and starter guides.</p>
          </div>
          <div style="flex:1;min-width:220px" class="card">
            <h4>3 Months — £3,000</h4>
            <p style="color:var(--muted)">Strategy tuning and live trade examples.</p>
          </div>
          <div style="flex:1;min-width:220px" class="card">
            <h4>6 Months — £6,000</h4>
            <p style="color:var(--muted)">Advanced strategy and portfolio practice.</p>
          </div>
          <div style="flex:1;min-width:220px" class="card">
            <h4>12 Months — £12,000</h4>
            <p style="color:var(--muted)">Mentorship, performance reviews, and private group.</p>
          </div>
        </div>

        <p style="margin-top:12px;color:var(--muted)"><strong>What you will learn:</strong> Market fundamentals, technical & fundamental analysis, risk management, entry & exit strategies, money management, and live market practice.</p>
        <a class="btn-primary" href="#contact" style="margin-top:12px;display:inline-block">Enroll Now</a>
      </div>
    </section>

    <section id="careers" style="margin-top:22px">
      <div class="card" style="padding:18px">
        <h2>Careers — Build Your Future with SCA Tradex</h2>
        <p style="color:var(--muted)">We seek passionate and forward-thinking individuals. Send your CV to admin@scatradex.com.</p>
        <ul style="color:var(--muted);padding-left:18px">
          <li>Trading & Market Analyst</li>
          <li>Financial Advisor</li>
          <li>Customer Support Executive</li>
          <li>Marketing & Communications Officer</li>
          <li>Course Instructor</li>
          <li>IT / Web Support Executive</li>
        </ul>
      </div>
    </section>

    <section id="contact" style="margin-top:22px">
      <div class="card" style="padding:18px;display:grid;grid-template-columns:1fr 300px;gap:18px">
        <div>
          <h2>Contact Us</h2>
          <p style="color:var(--muted)">Office Address: 21 Marine House, 16 Albion Way, E6 1EF, London, UK</p>
          <p style="color:var(--muted)">Email: admin@scatradex.com</p>
          <p style="color:var(--muted)">Phone: +44 (add number)</p>

          <form id="contactForm" onsubmit="submitHandler(event)">
            <label style="display:block;margin-top:8px">Name</label>
            <input name="name" type="text" required style="width:100%;padding:10px;border-radius:8px;border:1px solid #e6eef2" />
            <label style="display:block;margin-top:8px">Email</label>
            <input name="email" type="email" required style="width:100%;padding:10px;border-radius:8px;border:1px solid #e6eef2" />
            <label style="display:block;margin-top:8px">Message</label>
            <textarea name="message" rows="4" style="width:100%;padding:10px;border-radius:8px;border:1px solid #e6eef2"></textarea>
            <button type="submit" class="btn-primary" style="margin-top:10px">Send Message</button>
          </form>
          <p id="formResponse" style="color:var(--muted);margin-top:8px"></p>
        </div>

        <aside>
          <div class="card" style="padding:14px">
            <h4>Business Hours</h4>
            <p style="color:var(--muted);margin:6px 0">Mon–Fri: 10:00 AM – 6:00 PM</p>
            <h4 style="margin-top:12px">Follow Us</h4>
            <p style="color:var(--muted);margin:6px 0">Facebook • Instagram • YouTube • LinkedIn</p>
          </div>
        </aside>
      </div>
    </section>

  </main>

  <footer>
    <div class="container" style="display:flex;justify-content:space-between;align-items:center;gap:12px">
      <div style="font-weight:700">SCA Tradex</div>
      <div style="color:var(--muted)">© SCA Tradex Ltd. — All rights reserved</div>
    </div>
  </footer>

  <script>
    function submitHandler(e){
      e.preventDefault();
      const f = e.target;
      const data = new FormData(f);
      document.getElementById('formResponse').textContent = 'Thanks ' + (data.get('name')||'') + '! We received your message and will reply to ' + (data.get('email')||'') + '.';
      f.reset();
    }
  </script>
</body>
</html>

Your brand new corporate block theme site design

Craft entirely customizable websites using the latest WordPress Editor and the StartAce block theme – no coding skills needed.

What makes StartAce a good theme design?

Blocks allow you to build your own custom posts and pages without any coding knowledge. Here’s a selection of the blocks included on this theme:

Headers, Footers, and Patterns ready to use

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed felis felis, ultrices et molestie semper, tincidunt non augue.

Explore the diverse templates available

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed felis felis, ultrices et molestie semper, tincidunt non augue.

Save time by replacing images and icons

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed felis felis, ultrices et molestie semper, tincidunt non augue.

Editing your visuals with ease

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed felis felis, ultrices et molestie semper, tincidunt non augue. Mauris nec laoreet lorem, sit amet porttitor nunc.

Read more: Hello World!

Exploring Block patterns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed felis felis, ultrices et molestie semper, tincidunt non augue. Mauris nec laoreet lorem, sit amet porttitor nunc.

Read more: Hello World!

Creating variations through styles

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed felis felis, ultrices et molestie semper, tincidunt non augue. Mauris nec laoreet lorem, sit amet porttitor nunc.

Read more: Hello World!

A neat block of Frequently Asked Questions

Blocks allow you to build your own custom posts and pages without any coding knowledge. Here’s a selection of the blocks included on this theme:

Created by the community

Suspendisse porttitor vulputate nibh at lacinia. Nam non malesuada arcu. Vestibulum lacinia ligula ut accumsan efficitur. Suspendisse scelerisque dolor lectus, nec tincidunt ipsum euismod sit amet.

Built for a great developer experience

Suspendisse porttitor vulputate nibh at lacinia. Nam non malesuada arcu. Vestibulum lacinia ligula ut accumsan efficitur.

Designed for compatibility

Suspendisse porttitor vulputate nibh at lacinia. Nam non malesuada arcu. Vestibulum lacinia ligula ut accumsan efficitur. Suspendisse scelerisque dolor lectus, nec tincidunt ipsum euismod sit amet.

Built and focused on accessibility

Suspendisse porttitor vulputate nibh at lacinia. Nam non malesuada arcu. Vestibulum lacinia ligula ut accumsan efficitur.

Created by the community

Suspendisse porttitor vulputate nibh at lacinia. Nam non malesuada arcu. Vestibulum lacinia ligula ut accumsan efficitur. Suspendisse scelerisque dolor lectus, nec tincidunt ipsum euismod sit amet.

Built for a great developer experience

Suspendisse porttitor vulputate nibh at lacinia. Nam non malesuada arcu. Vestibulum lacinia ligula ut accumsan efficitur.

Show what people think about you with cards

Blocks allow you to build your own custom posts and pages without any coding knowledge. Here’s a selection of the blocks included on this theme:

Highly recommended!

This theme made the process of building my website a breeze. The drag-and-drop interface was easy to use and the templates were customizable.

Beth Robertson

Product Designer

Easy to use!

As a small business owner, I needed a website that was affordable. I was able to create a beautiful website that represented my brand.

Darlene Jones

CFO

Endless customization

Endless customization options and responsive design, plus great customer support. Highly recommend!

Bill Williams

Copywriter

Price Tables beautifully displayed, we have it

Blocks allow you to build your own custom posts and pages without any coding knowledge. Here’s a selection of the blocks included on this theme:

Plan One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed felis felis, ultrices et molestie semper, tincidunt non augue.

+

Plan description number One

+

Plan description number Two

+

Plan description number Three

+

Plan description number Four

Plan Two

Praesent sed arcu vitae ipsum elementum vehicula ut tristique diam. Nam a erat nulla. Fusce ornare quam sed odio mattis.

+

Plan description number One

+

Plan description number Two

+

Plan description number Three

+

Plan description number Four

Plan Three

Suspendisse scelerisque dolor lectus, nec tincidunt ipsum euismod sit amet. Fusce rhoncus maximus sem id fermentum.

+

Plan description number One

+

Plan description number Two

+

Plan description number Three

+

Plan description number Four

In general, Pricing blocks benefit from legal text detailing terms and conditions. This is a sample paragraph.

Corporate websites perform better with a Blog

Blocks allow you to build your own custom posts and pages without any coding knowledge. Here’s a selection of the blocks included on this theme: