index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Portfolio</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="scroll-container">
        <header class="header">
            <div class="logo">T</div>
            <nav class="navigation">
                <ul>
                    <li><a href="#Home">Home</a></li>
                    <li><a href="#What-I-Do">What I Do</a></li>
                    <li><a href="#Portfolio">Portfolio</a></li>
                </ul>
            </nav>
            <div class="menu-toggle">&#9776;</div>
        </header>

        <section id="Home">
            <div class="section-content">
                <h1>Welcome to My World</h1>
                <p>Explore my journey in the digital world of blockchain, crypto, and innovation.</p>
            </div>
        </section>

        <section id="What-I-Do">
            <div class="section-content">
                <h2>My Projects</h2>
                <p>I work on building digital assets and blockchain-based products.</p>
                
                <!-- Start of project articles -->
                <div class="project-container">
                    <div class="project-card">
                        <img src="assets/project1-thumbnail.jpg" alt="Project 1 Thumbnail">
                        <h3>Blockchain Explorer</h3>
                        <p>Explore real-time blockchain data with advanced analytics.</p>
                        <a href="https://gargerry.github.io/Currency-Converter-New/" target="assets/project1-thumbnail.jpg" class="project-link"></a>
                    </div>
                </div>
                <!-- End of project articles -->

            </div>
        </section>

        <section id="Portfolio">
            <div class="section-content">
                <h2>Portfolio</h2>
                <div class="portfolio">
                    <div class="item liquid-digital-assets">
                        <h3>Digital Assets</h3>
                        <div class="logo-container">
                            <img src="assets/bitcoin-btc-logo.png" alt="Bitcoin" class="portfolio-logo">
                            <p>Bitcoin|BTC</p>
                            <img src="assets/SupraLogo.png" alt="SUPRA" class="portfolio-logo">
                            <p>SUPRA|Supra</p>
                            <img src="assets/virtual.png" alt="Virtual Protocol" class="portfolio-logo">
                            <p>VIRTUAL|Virtual Protocol</p>
                        </div>
                    </div>
                    <div class="item partners">
                        <h3>Partners</h3>
                        <div class="logo-container">
                            <img src="images/partner-a-logo.png" alt="Partner A Logo" class="portfolio-logo">
                            <img src="assets/logopanter.png" alt="Partner B Logo" class="portfolio-logo">
                            <img src="images/partner-c-logo.png" alt="Partner C Logo" class="portfolio-logo">
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <footer class="footer">
            <p>&copy; 2025 Teggar Eka MS. All Rights Reserved.</p>
        </footer>
    </div>

    <script src="script.js"></script>
</body>
</html>