Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Library</title>
  <style>
    body { font-family: Arial, sans-serif; text-align: center; }
    .menu, .subcategories, .videos { display: none; margin: 20px 0; }
    .menu button, .subcategories button, .videos button {
      display: block; width: 250px; margin: 10px auto; padding: 12px;
      cursor: pointer; border: none; background: black; color: white; font-size: 16px;
    }
    .menu button:hover, .subcategories button:hover, .videos button:hover {
      background: #444;
    }
    .video-container { display: flex; flex-direction: column; align-items: center; }
    .video-card { width: 300px; padding: 10px; border: 1px solid #ccc; background: #f9f9f9; margin: 5px; }
    .back-button {
      display: none; width: 200px; margin: 20px auto; background: #ffcc00;
      color: black; padding: 12px; border: none; cursor: pointer; font-size: 16px;
    }
    .back-button:hover { background: #e6b800; }
  </style>
  
  <script>
    var MemberSpace = window.MemberSpace || {"subdominio": "nexttradegloballimited"};
    (function(d){
      var s = d.createElement("script");
      s.src = "https://cdn.memberspace.com/scripts/widgets.js";
      var e = d.getElementsByTagName("script")[0];
      e.parentNode.insertBefore(s, e);
    }(document));
  </script>
  <script>
    let historyStack = [];

    function showCategory(category) {
      // Oculta todas las secciones
      document.querySelectorAll('.content, .subcategories, .videos').forEach(section => section.style.display = 'none');
      // Guarda la categoría actual en el historial
      historyStack.push(category);
      // Muestra el botón de volver atrás
      const backButton = document.getElementById("back-button");
      if (backButton) backButton.style.display = "block";
      // Muestra la categoría seleccionada
      const selectedCategory = document.getElementById(category);
      if (selectedCategory) {
        selectedCategory.style.display = 'block';
      } else {
        alert('Categoría no encontrada: ' + category);
      }
    }

    function goBack() {
      if (historyStack.length > 1) {
        historyStack.pop();
        const previousCategory = historyStack[historyStack.length - 1];
        document.querySelectorAll('.content, .subcategories, .videos').forEach(section => section.style.display = 'none');
        const prevElement = document.getElementById(previousCategory);
        if (prevElement) prevElement.style.display = 'block';
      } else {
        const libraryContent = document.getElementById("library-content");
        if (libraryContent) libraryContent.style.display = "block";
        const backButton = document.getElementById("back-button");
        if (backButton) backButton.style.display = "none";
      }
    }
  </script>
</head>
<body>
  
  <div id="library-content" class="content" style="display:block;">
    <h2>Select a Section</h2>
    <div class="menu">
      <button onclick="showCategory('videos')">Recorded Videos</button>
      <button onclick="showCategory('ebooks')">E-Books</button>
    </div>
  </div>

  <button id="back-button" class="back-button" onclick="goBack()">⬅ Back</button>

  <div id="videos" class="subcategories">
    <h2>Recorded Videos</h2>
    <div class="menu">
      <button onclick="showCategory('finance')">Finance & Investment</button>
      <button onclick="showCategory('business')">Business & Entrepreneurship</button>
      <button onclick="showCategory('education')">Education & Professional Development</button>
      <button onclick="showCategory('technology')">Technology & Innovation</button>
      <button onclick="showCategory('global_strategies')">Global Strategies</button>
    </div>
  </div>

  <div id="finance" class="subcategories">
    <h2>Finance & Investment</h2>
    <div class="menu">
      <button onclick="showCategory('market_analysis')">Market Analysis</button>
      <button onclick="showCategory('trading')">Trading & Stocks</button>
      <button onclick="showCategory('risk_management')">Risk Management</button>
      <button onclick="showCategory('personal_finance')">Banking & Personal Finance</button>
    </div>
  </div>

  <div id="market_analysis" class="subcategories">
    <h2>Market Analysis</h2>
    <div class="menu">
      <button>Tendencies</button>
      <button>Charts</button>
      <button>Predictions</button>
    </div>
  </div>

  <div id="trading" class="subcategories">
    <h2>Trading & Stocks</h2>
    <div class="menu">
      <button>Forex</button>
      <button>Cryptocurrencies</button>
      <button>Stocks</button>
    </div>
  </div>

  <div id="risk_management" class="subcategories">
    <h2>Risk Management</h2>
    <div class="menu">
      <button>Investment Security Strategies</button>
    </div>
  </div>

  <div id="personal_finance" class="subcategories">
    <h2>Banking & Personal Finance</h2>
    <div class="menu">
      <button>Credits</button>
      <button>Loans</button>
      <button>Financial Planning</button>
    </div>
  </div>

  <div id="business" class="subcategories">
    <h2>Business & Entrepreneurship</h2>
    <div class="menu">
      <button onclick="showCategory('startups')">Startups & Innovation</button>
      <button onclick="showCategory('marketing_advertising')">Marketing & Advertising</button>
      <button onclick="showCategory('sales_customer_service')">Sales & Customer Service</button>
      <button onclick="showCategory('legal_regulations')">Legal & Regulations</button>
    </div>
  </div>

  <div id="startups" class="subcategories">
    <h2>Startups & Innovation</h2>
    <div class="menu">
      <button>How to Launch</button>
      <button>Scale a Business</button>
    </div>
  </div>

  <div id="marketing_advertising" class="subcategories">
    <h2>Marketing & Advertising</h2>
    <div class="menu">
      <button>SEO</button>
      <button>Social Media</button>
      <button>Sales Strategies</button>
    </div>
  </div>

  <div id="sales_customer_service" class="subcategories">
    <h2>Sales & Customer Service</h2>
    <div class="menu">
      <button>Customer Acquisition</button>
      <button>Customer Retention</button>
    </div>
  </div>

  <div id="legal_regulations" class="subcategories">
    <h2>Legal & Regulations</h2>
    <div class="menu">
      <button>Contracts</button>
      <button>Taxes</button>
      <button>Business Regulations</button>
    </div>
  </div>

  <div id="education" class="subcategories">
    <h2>Education & Professional Development</h2>
    <div class="menu">
      <button onclick="showCategory('courses')">Courses & Training</button>
      <button onclick="showCategory('webinars')">Webinars & Conferences</button>
      <button onclick="showCategory('leadership')">Leadership & Productivity</button>
    </div>
  </div>

  <div id="courses" class="subcategories">
    <h2>Courses & Training</h2>
    <div class="menu">
      <button>Finance Courses</button>
      <button>Marketing Courses</button>
      <button>Technology Courses</button>
    </div>
  </div>

  <div id="webinars" class="subcategories">
    <h2>Webinars & Conferences</h2>
    <div class="menu">
      <button>Expert Talks</button>
      <button>Industry Webinars</button>
    </div>
  </div>

  <div id="leadership" class="subcategories">
    <h2>Leadership & Productivity</h2>
    <div class="menu">
      <button>Team Management</button>
      <button>Productivity Techniques</button>
    </div>
  </div>

  <div id="technology" class="subcategories">
    <h2>Technology & Innovation</h2>
    <div class="menu">
      <button onclick="showCategory('digital_transformation')">Digital Transformation</button>
      <button onclick="showCategory('ecommerce')">E-commerce & Online Business</button>
      <button onclick="showCategory('software_tools')">Software & Tools</button>
    </div>
  </div>

  <div id="digital_transformation" class="subcategories">
    <h2>Digital Transformation</h2>
    <div class="menu">
      <button>Automation</button>
      <button>AI Innovations</button>
    </div>
  </div>

  <div id="ecommerce" class="subcategories">
    <h2>E-commerce & Online Business</h2>
    <div class="menu">
      <button>Building Online Stores</button>
      <button>Monetization Strategies</button>
    </div>
  </div>

  <div id="software_tools" class="subcategories">
    <h2>Software & Tools</h2>
    <div class="menu">
      <button>Tool Tutorials</button>
      <button>Software Development</button>
    </div>
  </div>

  <div id="global_strategies" class="subcategories">
    <h2>Global Strategies</h2>
    <div class="menu">
      <button onclick="showCategory('business_internationalization')">Business Internationalization</button>
      <button onclick="showCategory('global_economy')">Global Economy</button>
      <button onclick="showCategory('compliance')">Regulation & Compliance</button>
    </div>
  </div>

  <div id="business_internationalization" class="subcategories">
    <h2>Business Internationalization</h2>
    <div class="menu">
      <button>Expansion Strategies</button>
      <button>Export Techniques</button>
    </div>
  </div>

  <div id="global_economy" class="subcategories">
    <h2>Global Economy</h2>
    <div class="menu">
      <button>Macroeconomic Factors</button>
      <button>Market Dynamics</button>
    </div>
  </div>

  <div id="compliance" class="subcategories">
    <h2>Regulation & Compliance</h2>
    <div class="menu">
      <button>Operating Norms</button>
      <button>International Regulations</button>
    </div>
  </div>

  <div id="ebooks" class="subcategories">
    <h2>E-Books Categories</h2>
    <div class="menu">
      <button>Finance</button>
      <button>Business</button>
      <button>Technology</button>
      <button>Personal Development</button>
      <button>Health & Wellness</button>
      <button>Marketing</button>
      <button>Leadership</button>
      <button>Human Resources</button>
      <button>Project Management</button>
      <button>Design</button>
    </div>
  </div>
</body>
</html>

Next Trade Global Limited

I want to create a website for my business. It should have a homepage with an introduction to the company, a private page for clients with password-protected access where they can watch a library of videos, and another page where advertisements from companies that pay to be featured on the site will be published. The design should be modern, with a dark background and a visual style that includes trading-style candlestick charts in green and red. Navigation should be clear and simple, with a top menu to access the different sections