index.html

<!DOCTYPE html>
<html>
<head>


<header>
    
   <div id="logo"></div>
   <div id="menu">
    <a href="#texto"> introdução</a>
    <a href="listas">Beneficios</a>
   </div>
</header>  

    <link rel="stylesheet" href="Style.css" />
    <meta charset="UTF-8" />
    <title>Numismática da Bia</title>
    <style>
        /* Estilos CSS para a imagem */
        .imagem-container {
            border: 5px solid #333; /* Definindo a largura e a cor da borda */
            padding: 10px; /* Espaçamento interno para a borda */
            width: 300px; /* Largura da imagem */
            margin: 0 auto; /* Centralizar a imagem */
        }
        .imagem-container img {
            width: 100%; /* Para garantir que a imagem se ajuste ao contêiner */
            height: auto;
        }
    </style>
</head>
<body>

    <h1 class="destaque">Numismática da Bia</h1>
    <div class="imagem-container">
        <img src="moedas-antigas---numismatica-recife-45268_6109256ee7629.jpg" alt="fotomoedas">
    </div>
    <p id="paragrafo1">Uma coleção de moedas é um hobby popular e interessante que envolve a acumulação de moedas por razões diversas.</p>
    <p id="paragrafo2">Como valor histórico, valor numismático, beleza artística, ou simplesmente como um investimento.</p>
    <p class="destaque">Cabe ao numismata analisar as moedas por diferentes métodos e buscando nelas diferentes informações.</p>

</body>
</html>