<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>$RUG Coin</title>
    <link rel="stylesheet" href="styles.css">
    
</head>
<body>
    <div class="container">
        <div class="left-section">
            <div class="image-frame">
                <img src="./imgs/rug.png" alt="Donald and Melania" class="main-image">
            </div>
        </div>

        <div class="right-section">
            <div class="coin-info">
                <h1 class="coin-title">$RUG</h1>
                <input type="text" value="CA: 0x1234567890abcdef" class="contract-address" readonly onclick="copyToClipboard(this)">
                <p class="coin-description">The only official presidential rug coin.</p>
            </div>
            <div class="social-icons">
                <a href="https://t.me/" target="_blank" class="social-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                        <path d="M22.5 3.3L19.7 21.3c-.2 1.2-.8 1.4-1.7.9l-5-3.7-2.4 2.3c-.3.3-.5.5-.9.5l.3-4.1 7.5-6.7c.3-.3 0-.5-.4-.2l-9.3 5.9-4-1.3c-1-.3-1-1-.2-1.4l17-6.6c.8-.2 1.5.2 1.2 1.4z"/>
                    </svg>
                </a>
                <a href="https://twitter.com/" target="_blank" class="social-icon">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                        <path d="M23 4.3c-.8.4-1.6.7-2.4.8.9-.6 1.6-1.4 2-2.4-.8.5-1.7.9-2.7 1.1-.8-.9-2-1.4-3.2-1.4-2.5 0-4.5 2.1-4.5 4.6 0 .4 0 .7.1 1-3.7-.2-7-2-9.2-4.8-.4.6-.6 1.4-.6 2.1 0 1.5.7 2.8 1.8 3.6-.7 0-1.4-.2-2-.5v.1c0 2 1.4 3.7 3.2 4-.4.1-.7.2-1.1.2-.3 0-.5 0-.8-.1.5 1.5 2 2.6 3.7 2.6-1.4 1.1-3.2 1.7-5.1 1.7-.3 0-.6 0-.9-.1 1.8 1.2 3.8 1.8 6 1.8 7.1 0 11-6 11-11v-.5c.7-.6 1.4-1.3 1.9-2.1z"/>
                    </svg>
                </a>
            </div>
        </div>
    </div>

    <script>
        function copyToClipboard(element) {
            navigator.clipboard.writeText(element.value);
        }
    </script>
</body>
</html>
