<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hissho Globa</title>
    <link rel="stylesheet" href="web-assets/css/style.css">
    <link rel="shortcut icon" href="web-assets/img/favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>

<body>
    <!-- Navigation -->
    <nav>
        <div class="logo"><img src="web-assets/img/logo.png" alt="hissho Global Logo"></div>
        <div class="menu-toggle" onclick="toggleMenu()" id="menuToggle">
            <span></span>
            <span></span>
            <span></span>
        </div>
        <div class="nav-center" id="navCenter">
            <ul class="nav-links">
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About Us</a></li>
                <li><a href="#services">Services</a></li>
                <li><a href="#financial">Financial Freedom</a></li>
                <li><a href="#faq">faq</a></li>
                <li><a href="register/Register.php">Sign Up</a></li>
            </ul>
            <div class="nav-right">
                <a href="register/Login.php" class="cta-btn">Sign In</a>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero" id="home">
        <div class="hero-content">
            <h3>Decentralized Blockchain Opportunity</h3>
            <h1>Welcome to Hissho Global<br>Empowering Financial Freedom Through Smart Contracts</h1>
            <p>
                At Hissho Global, we connect people worldwide through a decentralized blockchain ecosystem,
                offering transparent smart contract technology, global community networking, and innovative earning
                opportunities.
            </p>
        </div>

        <div class="hero-side-image">
            <img src="web-assets/img/hero.png" alt="Hissho Global">
        </div>
    </section>
    <div class="marquee">
        <div class="marquee-content">
            <span class="marquee-item">Decentralized Blockchain</span>
            <span class="marquee-item">Smart Contract Technology</span>
            <span class="marquee-item">Secure & Transparent System</span>
            <span class="marquee-item">Global Community Network</span>
            <span class="marquee-item">Automated Earning Opportunities</span>
            <span class="marquee-item">Fast & Secure Transactions</span>
            <span class="marquee-item">Web3 Innovation</span>
            <span class="marquee-item">Decentralized Financial Freedom</span>
        </div>
    </div>

    <!-- About Section -->
    <section class="about" id="about">
        <div class="about-image"></div>
        <div class="about-content">
            <h3>About us</h3>
            <h2>Building a Transparent Future with Blockchain Technology</h2>
            <p>Hissho Global is a decentralized platform designed to empower individuals through secure smart contract
                technology and a global community network. Our ecosystem connects people worldwide, providing
                transparent systems, automated processes, and innovative opportunities in the Web3 space.</p>

            <h4>Our Mission:</h4>
            <ul>
                <li>✓ Provide a secure and transparent blockchain ecosystem</li>
                <li>✓ Empower people with decentralized earning opportunities</li>
                <li>✓ Build a strong global community through smart contract technology</li>
            </ul>


        </div>
    </section>

    <!-- Why Choose Us -->
    <section class="why-choose">
        <div class="glow-overlay"></div>
        <div class="container">
            <div class="header-content">
                <span class="badge">Why Choose Us</span>
                <h2 class="section-title">A Transparent Blockchain <br><span>Ecosystem You Can Trust</span></h2>
            </div>

            <div class="bento-grid">
                <div class="feature-card wide">
                    <div class="icon-box"><i class="fas fa-link"></i></div>
                    <div class="text-content">
                        <h4>Decentralized Blockchain System</h4>
                        <p>Hissho Global operates on a robust decentralized network, ensuring total transparency and
                            peer-to-peer reliability for every global member.</p>
                    </div>
                </div>

                <div class="feature-card">
                    <div class="icon-box"><i class="fas fa-file-contract"></i></div>
                    <div class="text-content">
                        <h4>Smart Contracts</h4>
                        <p>Automated execution eliminates middle-men and ensures 100% fairness.</p>
                    </div>
                </div>

                <div class="feature-card">
                    <div class="icon-box"><i class="fas fa-shield-alt"></i></div>
                    <div class="text-content">
                        <h4>Secure Transactions</h4>
                        <p>Immutable ledger technology ensures your assets are always protected.</p>
                    </div>
                </div>

                <div class="feature-card">
                    <div class="icon-box"><i class="fas fa-bolt"></i></div>
                    <div class="text-content">
                        <h4>Fast & Efficient</h4>
                        <p>High-throughput processing designed for global scale and speed.</p>
                    </div>
                </div>

                <div class="feature-card ">
                    <div class="icon-box"><i class="fas fa-rocket"></i></div>
                    <div class="text-content">
                        <h4>Innovative Web3 Opportunity</h4>
                        <p>We leverage cutting-edge blockchain protocols to empower users with next-generation digital
                            earning opportunities and financial sovereignty.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Services -->
    <section class="services" id="services">
        <h3>Our Services</h3>
        <h2>Innovative Blockchain Solutions for the Global Community</h2>

        <div class="service-grid">
            <div class="service-card">
                <div class="service-icon"><i class="fas fa-link"></i></div>
                <h4>Blockchain Ecosystem</h4>
                <p>Hissho Global operates on a secure decentralized blockchain network that ensures transparency and
                    trust for every user worldwide.</p>
            </div>

            <div class="service-card">
                <div class="service-icon"><i class="fas fa-file-contract"></i></div>
                <h4>Smart Contract Technology</h4>
                <p>Our automated smart contracts remove intermediaries and provide a secure and transparent system for
                    transactions and rewards.</p>
            </div>

            <div class="service-card">
                <div class="service-icon"><i class="fas fa-users"></i></div>
                <h4>Global Community Network</h4>
                <p>Join a growing global community where members collaborate, connect, and grow together through
                    decentralized opportunities.</p>
            </div>

            <div class="service-card">
                <div class="service-icon"><i class="fas fa-coins"></i></div>
                <h4>Automated Earnings</h4>
                <p>Our ecosystem provides automated earning opportunities through decentralized smart contract systems.
                </p>
            </div>

            <div class="service-card">
                <div class="service-icon"><i class="fas fa-shield-alt"></i></div>
                <h4>Secure Transactions</h4>
                <p>Every transaction is protected by blockchain security ensuring safe, fast, and transparent
                    operations.</p>
            </div>

            <div class="service-card">
                <div class="service-icon"><i class="fas fa-globe"></i></div>
                <h4>Worldwide Accessibility</h4>
                <p>Hissho Global connects members across the world, providing equal opportunities regardless of
                    location.</p>
            </div>
        </div>
    </section>
    <!-- Services -->

    <section class="stroke-section">
        <div class="header">
            <h2>Built for the New Internet</h2>
            <p>Explore the building blocks of our decentralized world.</p>
        </div>

        <div class="stroke-grid">
            <div class="stroke-card">
                <div class="icon-circle"><i class="fas fa-coins"></i></div>
                <h3>DeFi</h3>
                <p>Access global liquidity pools with zero intermediaries.</p>
                <a href="#" class="learn-more">Explore Layer <i class="fas fa-arrow-right"></i></a>
            </div>

            <div class="stroke-card">
                <div class="icon-circle"><i class="fas fa-network-wired"></i></div>
                <h3>Nodes</h3>
                <p>Validated by a global network of independent operators.</p>
                <a href="#" class="learn-more">Explore Layer <i class="fas fa-arrow-right"></i></a>
            </div>

            <div class="stroke-card">
                <div class="icon-circle"><i class="fas fa-users"></i></div>
                <h3>DAO</h3>
                <p>Governance and voting power in the hands of the community.</p>
                <a href="#" class="learn-more">Explore Layer <i class="fas fa-arrow-right"></i></a>
            </div>

            <div class="stroke-card">
                <div class="icon-circle"><i class="fas fa-rocket"></i></div>
                <h3>Launch</h3>
                <p>Deploy your next decentralized app in minutes, not days.</p>
                <a href="#" class="learn-more">Explore Layer <i class="fas fa-arrow-right"></i></a>
            </div>
        </div>
    </section>

    <section class="web3-core">
        <div class="glow-bg"></div>
        <div class="container">

            <div class="core-grid">
                <div class="side-col left">
                    <div class="feature-item" data-aos="fade-right">
                        <div class="feature-text">
                            <h4>Immutability</h4>
                            <p>Data that can never be altered or deleted.</p>
                        </div>
                        <div class="feature-icon-circle"><i class="fas fa-lock"></i></div>
                    </div>

                    <div class="feature-item" data-aos="fade-right" data-delay="100">
                        <div class="feature-text">
                            <h4>Transparency</h4>
                            <p>Publicly verifiable ledger for every user.</p>
                        </div>
                        <div class="feature-icon-circle"><i class="fas fa-eye"></i></div>
                    </div>
                </div>

                <div class="center-core">
                    <div class="shield-container">
                        <div class="shield-main">
                            <i class="fas fa-shield-virus"></i>
                            <div class="pulse-ring"></div>
                            <div class="pulse-ring delay"></div>
                        </div>
                        <div class="rotating-border"></div>
                    </div>
                    <h3>Ultra-Secure <span>Network</span></h3>
                </div>

                <div class="side-col right">
                    <div class="feature-item" data-aos="fade-left">
                        <div class="feature-icon-circle"><i class="fas fa-bolt"></i></div>
                        <div class="feature-text">
                            <h4>Automation</h4>
                            <p>Smart contracts handling logic instantly.</p>
                        </div>
                    </div>

                    <div class="feature-item" data-aos="fade-left" data-delay="100">
                        <div class="feature-icon-circle"><i class="fas fa-user-secret"></i></div>
                        <div class="feature-text">
                            <h4>Privacy</h4>
                            <p>Cryptographic security protecting identity.</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>


    <section id="Crowdfunding" class="crowdfunding light-theme">
        <div class="crowd-container">


            <div class="crowd-content">
                <span class="sub-badge">Crowdfunding</span>
                <h2>Decentralized Community Funding</h2>
                <p>Hissho Global introduces a modern crowdfunding ecosystem powered by blockchain technology. Members
                    can participate in transparent, automated funding via smart contracts.</p>

                <div class="crowd-grid">
                    <div class="feature-card1">
                        <div class="icon-box1"><i class="fas fa-users"></i></div>
                        <h4>Community Driven</h4>
                        <p>Global network powered funding.</p>
                    </div>
                    <div class="feature-card1">
                        <div class="icon-box1"><i class="fas fa-file-contract"></i></div>
                        <h4>Secure Contracts</h4>
                        <p>Automated blockchain transparency.</p>
                    </div>
                    <div class="feature-card1">
                        <div class="icon-box1"><i class="fas fa-globe"></i></div>
                        <h4>Global Reach</h4>
                        <p>Universal access for everyone.</p>
                    </div>
                    <div class="feature-card1">
                        <div class="icon-box1"><i class="fas fa-chart-line"></i></div>
                        <h4>Web3 Growth</h4>
                        <p>Participate in financial innovation.</p>
                    </div>
                </div>
            </div>
            <div class="crowd-image">
                <img src="web-assets/img/crowd1.png" alt="Crowdfunding" style="width: 100%;">
            </div>
        </div>
    </section>

    <!-- Process Section -->
    <section class="process">
        <h3>Our Process</h3>
        <h2>Start Your Journey with Hissho Global in 4 Simple Steps</h2>

        <div class="process-grid">
            <div class="process-step">
                <div class="step-number">1</div>
                <h4>Create Your Account</h4>
                <p>Register on the Hissho Global platform and become part of a fast-growing decentralized community.</p>
            </div>

            <div class="process-step">
                <div class="step-number">2</div>
                <h4>Connect to Blockchain</h4>
                <p>Activate your account through our secure blockchain system powered by transparent smart contracts.
                </p>
            </div>

            <div class="process-step">
                <div class="step-number">3</div>
                <h4>Grow Your Network</h4>
                <p>Expand your global community by sharing the opportunity and building strong connections.</p>
            </div>

            <div class="process-step">
                <div class="step-number">4</div>
                <h4>Earn & Participate</h4>
                <p>Receive automated rewards through the decentralized ecosystem and enjoy the benefits of Web3
                    innovation.</p>
            </div>
        </div>
    </section>


    <section id="financial" class="financial">
        <div class="financial-container">

            <div class="financial-image">
                <img src="web-assets/img/financial.png" alt="Financial Freedom">
            </div>

            <div class="financial-content">
                <h2>Financial Freedom</h2>

                <ul>
                    <li>
                        <i class="fas fa-check-circle"></i>
                        An easy and fast earning opportunity powered by decentralized smart contract technology on
                        blockchain.
                    </li>

                    <li>
                        <i class="fas fa-check-circle"></i>
                        Hissho Global is a self-executing smart contract ecosystem designed for global community
                        participation and transparent transactions.
                    </li>

                    <li>
                        <i class="fas fa-check-circle"></i>
                        Our platform distributes rewards through automated blockchain systems with innovative community
                        network strategies.
                    </li>

                    <li>
                        <i class="fas fa-check-circle"></i>
                        Register today and become a part of the decentralized Web3 ecosystem.
                    </li>
                </ul>

            </div>

        </div>
    </section>


    <section class="swiss-section">
        <h3>Echosystem</h3>
        <div class="swiss-header">
            <h2>Our Ecosystem</h2>
            <div class="line"></div>
        </div>

        <div class="swiss-grid">
            <div class="swiss-box">
                <div class="box-top">
                    <span>01</span>
                    <i class="fas fa-coins"></i>
                </div>
                <div class="box-bottom">
                    <h4>DeFi Opportunities</h4>
                    <p>Decentralized financial systems built for the modern era.</p>
                    <div class="arrow">→</div>
                </div>
            </div>

            <div class="swiss-box">
                <div class="box-top">
                    <span>02</span>
                    <i class="fas fa-network-wired"></i>
                </div>
                <div class="box-bottom">
                    <h4>Smart Contracts</h4>
                    <p>Trustless execution powered by cryptographic proof.</p>
                    <div class="arrow">→</div>
                </div>
            </div>

        </div>
    </section>

    <!-- FAQ -->
    <section id="faq" class="faq">
        <h3>Frequently Asked Questions</h3>
        <h2>Everything you need to know about Hissho Global</h2>

        <div class="faq-container">
            <div class="faq-item">
                <div class="faq-question">
                    What is Hissho Global?
                    <span>+</span>
                </div>
                <div class="faq-answer">
                    Hissho Global is a decentralized blockchain platform that uses smart contract technology to create a
                    transparent and automated ecosystem for its global community.
                </div>
            </div>

            <div class="faq-item">
                <div class="faq-question">
                    How does the smart contract system work?
                    <span>+</span>
                </div>
                <div class="faq-answer">
                    The platform operates through self-executing smart contracts on the blockchain. These contracts
                    automatically process transactions and rewards without human interference, ensuring fairness and
                    transparency.
                </div>
            </div>

            <div class="faq-item">
                <div class="faq-question">
                    Who can join Hissho Global?
                    <span>+</span>
                </div>
                <div class="faq-answer">
                    Anyone from around the world can join Hissho Global. The platform is designed to be accessible
                    globally and allows individuals to participate in a decentralized Web3 ecosystem.
                </div>
            </div>

            <div class="faq-item">
                <div class="faq-question">
                    Is the platform secure?
                    <span>+</span>
                </div>
                <div class="faq-answer">
                    Yes. Since the system runs on blockchain technology, all transactions are transparent, secure, and
                    recorded permanently on the network, ensuring high levels of trust and reliability.
                </div>
            </div>

            <div class="faq-item">
                <div class="faq-question">
                    How do I get started?
                    <span>+</span>
                </div>
                <div class="faq-answer">
                    Simply register on the Hissho Global platform, activate your account through the blockchain system,
                    and start participating in the community ecosystem.
                </div>
            </div>
        </div>
    </section>

    <!-- CTA Section -->
    <section class="cta-section">
        <h2>Start Your Journey to Financial Freedom</h2>
        <p>Join the global Hissho Global community and explore the power of decentralized blockchain technology,
            transparent smart contracts, and innovative Web3 opportunities.</p>
        <a href="#contact" class="cta-btn">Join Hissho Global Today</a>
    </section>

    <!-- Footer -->
    <footer id="contact">
        <div class="footer-grid">
            <div class="footer-section">
                <div>
                    <img src="web-assets/img/logo.png" alt="Hissho Global Logo" style="width: 50%;">
                </div>
                <p>Hissho Global is a decentralized blockchain ecosystem designed to empower individuals through
                    transparent smart contracts, global community networking, and innovative Web3 opportunities.</p>
            </div>

            <div class="footer-section">
                <h4>Quick Links</h4>
                <ul>
                    <li><a href="#home">Home</a></li>
                    <li><a href="#about">About Us</a></li>
                    <li><a href="#services">Services</a></li>
                    <li><a href="#Crowdfunding">Crowdfunding</a></li>
                    <li><a href="#faq">FAQs</a></li>
                </ul>
            </div>

            <div class="footer-section">
                <h4>Platform</h4>
                <ul>
                    <li><a href="#services">Smart Contract System</a></li>
                    <li><a href="#services">Blockchain Ecosystem</a></li>
                    <li><a href="#services">Global Community</a></li>
                    <li><a href="#services">Secure Transactions</a></li>
                </ul>
            </div>

            <div class="footer-section">
                <h4>Contact Info</h4>
                <p>Email: <a href="mailto:support@hisshoglobal.com">support@hisshoglobal.com</a></p>
                <p>Website: <a href="https://hisshoglobal.com" target="_blank">https://hisshoglobal.com</a></p>
            </div>
        </div>

        <div class="footer-bottom">
            <p>&copy; 2026 Hissho Global. All rights reserved. Powered by Blockchain Technology.</p>
        </div>
    </footer>

    <script>
        // Toggle mobile menu
        function toggleMenu() {
            const navCenter = document.getElementById('navCenter');
            const menuToggle = document.getElementById('menuToggle');
            navCenter.classList.toggle('active');
            menuToggle.classList.toggle('active');

            // Prevent body scroll when menu is open
            if (navCenter.classList.contains('active')) {
                document.body.style.overflow = 'hidden';
            } else {
                document.body.style.overflow = 'auto';
            }
        }

        // Smooth scrolling for navigation links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({ behavior: 'smooth' });
                    // Close mobile menu if open
                    const navCenter = document.getElementById('navCenter');
                    const menuToggle = document.getElementById('menuToggle');
                    navCenter.classList.remove('active');
                    menuToggle.classList.remove('active');
                    document.body.style.overflow = 'auto';
                }
            });
        });

        // FAQ toggle
        document.querySelectorAll('.faq-question').forEach(question => {
            question.addEventListener('click', () => {
                const item = question.parentElement;
                const wasActive = item.classList.contains('active');

                // Close all FAQ items
                document.querySelectorAll('.faq-item').forEach(faq => {
                    faq.classList.remove('active');
                });

                // Open clicked item if it wasn't active
                if (!wasActive) {
                    item.classList.add('active');
                }
            });
        });

        // Navbar scroll effect
        window.addEventListener('scroll', () => {
            const nav = document.querySelector('nav');
            if (window.scrollY > 100) {
                nav.style.padding = '0.8rem 5%';
                nav.style.boxShadow = '0 5px 20px rgba(0,0,0,0.15)';
            } else {
                nav.style.padding = '1.2rem 5%';
                nav.style.boxShadow = '0 2px 10px rgba(0,0,0,0.1)';
            }
        });

        // Close menu when clicking outside
        document.addEventListener('click', (e) => {
            const navCenter = document.getElementById('navCenter');
            const menuToggle = document.getElementById('menuToggle');
            const nav = document.querySelector('nav');

            if (!nav.contains(e.target) && navCenter.classList.contains('active')) {
                navCenter.classList.remove('active');
                menuToggle.classList.remove('active');
                document.body.style.overflow = 'auto';
            }
        });
    </script>

    <script>
        const slider = document.querySelector('.video-slider');
        const slides = document.querySelectorAll('.slide');
        let index = 0;

        function showNextSlide() {
            index++;
            if (index >= slides.length) index = 0;
            slider.style.transform = `translateX(-${index * 100}%)`;
        }

        // Auto slide every 3 seconds
        setInterval(showNextSlide, 3000);
    </script>

</body>

</html>
