<link rel="stylesheet" href="css/inicio.css" />
<nav id="search">
    <hgroup>
        <h1>Bem-vindos a biblioteca secreta</h1>
        <label>
            Em meio ao silêncio e às sombras das estantes antigas, este
            é um lugar para mergulhar em histórias, registrar
            pensamentos e desvendar os segredos do conhecimento oculto.
        </label>
    </hgroup>
    <ul>
        <li>
            <input type="text" placeholder="pesquisar titulo.." />
            <a>
                <span class="material-symbols-outlined"> search </span>
            </a>
        </li>
    </ul>
</nav>
<div id="posts">
    <ul>
        <a href="a" class="box">
            <li>
                <img src="assets/invalid-file.png" id="capa" />
                <hgroup>
                    <label>Titulo da Historia</label>
                    <h3>27/07/2025</h3>
                    <p>
bla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla blabla bla bla bla bla bla bla bla bla bla bla bla bla
                    </p>
                </hgroup>
            </li>
        </a>
    </ul>
</div>
<script type="text/javascript" src="javascript/load-vanila.js"></script>
