index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SOS-RS - Enchentes no Rio Grande do Sul | Recursos e Assistência</title>
    <link rel="stylesheet" href="./styles/style.css">
    <meta name="keywords" content="Ajuda humanitária RS, enchentes RS, recursos de emergência RS, apoio com enchentes, voluntariado RS, doações enchentes RS, assistência às vítimas de enchentes">
    <meta name="description" content="Encontre recursos e apoio para lidar com as enchentes no Rio Grande do Sul. Saiba como ajudar ou receber ajuda durante essa crise. Junte-se a nós para apoiar as comunidades afetadas.">
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2HBKQ98CM1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-2HBKQ98CM1');
</script>
<body>
    <span class="overlay"></span>
    <span class="fig1"></span>
    <span class="fig2"></span>
    <div class="container">
        <header>
            <img src="./imgs/logo.png" alt="SOS-RS Logo"> 
        </header>
        <main>
            <h1 class="title">Em breve</h1>
            <h1 class="subtitle">Sistema voluntário para contribuições ao Rio Grande do Sul</h2>
            <p>Aqui você encontrará locais para abrigos que estão no auxílio direto recebendo doações e cuidando das pessoas e mais.</p>
        </main>
        <footer>
            <div class="social-media">
                <p>Acompanhe nas redes sociais: <a href="https://www.instagram.com/ajudasosrs/">
                    <img src="./imgs/InstagramLogo.png" alt="Instagram" style="width:30px; height:auto;">
                </a>
                </p>
            </div>
            <div class="email-contact">
                <p><a href="mailto:example@sosrs.com"><img src="./imgs/EmailLogo.png" alt="Email" style="width:30px; height:auto;"></a> contato@sosrs.ong.br</p>
            </div>
        </footer>
    </div>
</body>
</html>