index.html

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Metro Olografix</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Lexend+Mega:wght@100..900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="marquee-container">
        <div class="marquee-content">
            L'iscrizione sarà valida anche per il 2025
        </div>
    </div>
    <div class="container">
        <header>
            <div class="header-container">
                <div class="logo">Metro Olografix</div>
                <img src="metro.png" alt="Metro Olografix" class="header-image">
            </div>
        </header>

        <main>
            <h1>Associati</h1>
            <p>
Metro Olografix è la prima associazione <b>culturale telematica</b> in Italia, di individui liberi che utilizzano lo strumento telematico per esaltare i loro interessi personali e le loro diversità. Lo scopo dell’associazione è quello di <b>divulgare</b> una “cultura della telematica” che non sia quella proposta dalle logiche di mercato, ma che sia il più fedele possibile a quella originaria dei pionieri delle BBS.
            </p>
            
            <div class="content">
                <p>
                    Ovviamente il primo passo è condividere gli ideali dell’associazione e i mezzi che questa si è data per realizzarli; <a href="https://olografix.org/associazione/statuto/" class="link">qui</a> puoi trovare il nostro statuto. Una volta chiarite le finalità i passi burocratici da compiere sono due:
                    <ul>
                        <li>
                            il pagamento della quota sociale (30 euro).
                        </li>
                        <li>
                            riempimento del modulo elettronico d’iscrizione;
                        </li>
                    </ul>

                </p>
                <a href="https://docuseal.co/d/4cbG9PyQAhRsVL" class="cta">Compila il modulo</a>
                <p>
                    I metodi di pagamento sono semplici:
                    <ul>
                        <li>mediante bonifico su conto corrente intestato ad Ass. Cult. Ricreativa “Metro Olografix”, IBAN IT16 W033 5901 6001 0000 0005 051 presso Banca Prossima.</li>
                        <li>Paypal all’indirizzo info@olografix.org (se vi è possibile, aggiungete il costo della commissione in modo da non lasciarlo a carico di Metro Olografix)</li>
                    </ul>
                </p>
            </div>
        </main>

        <footer>
            <img src="jesus-simpsons.gif" >

            <p>with &hearts; from Metro Olografix</p>
        </footer>
    </div>
</body>
</html>