CÓDIGO DO LIVRO ‘ONLINE’ PARA VOCÊ CRIAR O SEU;
Próprio livro;
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<pre>
<strong>
<head>
<title>Livro online;</title>
<style>
.page {
display: none;
}
.page.active {
display: block;
}
h1{
color:#FF1493;
}
</style>
</head>
<h1>Livro online;</h1>
<body>
<button onclick="previousPage()">Pagina antes;</button>
<button onclick="nextPage()">Pagina depois;</button>
<div id="pages">
<div class="page active">
<h1>Fadas espirituais;</h1>
<w style="color:#0000CD;">Minha razão,
não ser,
viajem, aprender a viver;
No céu acreditar,
anjos e fadas;
No paraiso vou encontrar;
Que deus me recolher,
no meu eterno descansar;
<write><img src="https://lh3.googleusercontent.com/mendes1961/SN7dpMahRkI/AAAAAAAAK1M/V4TZg78Yt30/s800/1364656vzqi47x7gd.png"width="20%"height="15%"><img src="https://i.pinimg.com/originals/29/89/d3/2989d3a8b07cc9bf5702515d4a1e260f.gif"width="20%"height="15%"><img src="https://i.pinimg.com/originals/40/47/a6/4047a6281634b74973969f3847a30b82.gif"width="20%"height="15%"><img src="https://i.gifer.com/embedded/download/5fTC.gif"width="20%"height="15%"></write>
</div>
<div classe="page">
<h1>Anjos;</h1>
<w style="color:#000080;">Anjo meu clamor;
Chamo; Sinto amor,
verdade simplificada;
Anjo iluminador,
transportas luz;
Formas cor;
De amor;
<write><img src="https://media.tenor.com/CXLyukt-jfUAAAAC/angeles-palomas.gif"width="20%"height="15%"><img src="https://i.pinimg.com/originals/dc/ea/a7/dceaa74c97eb185e2b5a39bf0ba75d89.gif"width="20%"height="15%"><img src="https://media.tenor.com/KBwIwqoRLaYAAAAC/love-kiss.gif"width="20%"height="15%"><img src="https://i.gifer.com/embedded/download/VRNP.gif"width="20%"height="15%"></write>
</div>
<div class="page">
<h1>Espiritos viajados;</h1>
<w style="color:#8B008B;">A viajem fluida,
o destemido crescer,
viajem espirito;
Que desconhecer,
verdade no existir;
Ir; Vir;
Espirito em condição,
filho de Deus;
Universo; Sua morada, pois então;
<write><img src="https://usagif.com/wp-content/uploads/gif/outerspace-39.gif"width="20%"heigth="15%"><img src="https://i.gifer.com/embedded/download/9oxc.gif"width="20%"heigth="15%"><img src="https://usagif.com/wp-content/uploads/gif/outerspace-40.gif"width="20%"heigth="15%"><img src="https://giffun.ru/wp-content/uploads/2023/04/aesthetic-hands-1.gif"width="20%"heigth="15%"></write>
</div>
</div>
<div class="page">
<h1>Page 4</h1>
<p>EM CONSTRUÇÂO;.</p>
</div>
</div>
<script>
let currentPage = 0;
const pages = document.querySelectorAll('.page');
function showPage(pageIndex) {
for (let i = 0; i < pages.length; i++) {
if (i === pageIndex) {
pages[i].classList.add('active');
} else {
pages[i].classList.remove('active');
}
}
}
function nextPage() {
if (currentPage < pages.length - 1) {
currentPage++;
showPage(currentPage);
}
}
function previousPage() {
if (currentPage > 0) {
currentPage--;
showPage(currentPage);
}
}
</script>
</body>
</strong>
</pre>
</html>