133 lines
5.7 KiB
HTML
133 lines
5.7 KiB
HTML
<!doctype html>
|
|
<html lang="pt-br">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="css/base.css" />
|
|
<link rel="stylesheet" href="css/style.css" />
|
|
<title>;-;</title>
|
|
</head>
|
|
<body>
|
|
<div id="menu">
|
|
<label>Logo</label>
|
|
<header>
|
|
<ul>
|
|
<li id="btn">
|
|
<a> Inicio </a>
|
|
</li>
|
|
<li id="btn">
|
|
<a> Escrever Historia </a>
|
|
</li>
|
|
</ul>
|
|
</header>
|
|
</div>
|
|
<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">
|
|
<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>
|
|
<a href="a">
|
|
<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>
|
|
<a href="a">
|
|
<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>
|
|
<a href="a">
|
|
<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>
|
|
<a href="a">
|
|
<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>
|
|
</body>
|
|
</html>
|