-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (69 loc) · 2.88 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="./assets/img/favcon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Texts in English</title>
<link rel="stylesheet" href="./assets/css/style.css">
</head>
<body>
<header>
<div class="largura-maxima">
<div class="menu">
<h1>Texts in English</h1>
<ul id="mudar">
<li id="anterior"></li>
<li id="todos"></li>
<li id="proximo"></li>
</ul>
</div>
</div>
</header>
<section class="largura-maxima">
<div class="menu-conteudo conto-arred-container sombra-branco-transp">
<div id="info">
<div id="expandir"></div>
<div id="conteudo-info">
<ul>
<li id="abrir-info">Infomações sobre o projeto</li>
<a href="https://github.com/JonasJF360/texts-in-english" target="_blank">
<li>Repositório no Github</li>
</a>
<a href="https://www.linkedin.com/in/jonasjf/" target="_blank">
<li>Desenvolvido por: Jonas J. Ferreira</li></a>
</ul>
</div>
</div>
<div id="lista-historias">
<div id="conteuto-historia"></div>
</div>
</div>
<div id="player" class="conto-arred-container cor-cinza-container sombra-branco-transp">
<audio id="audio" src="" preload="auto"></audio>
<div class="controles">
<button id="reproduzir"></button>
<button id="pausar"></button>
<button id="parar"></button>
</div>
</div>
<div id="conteudo" class="conto-arred-container cor-cinza-container sombra-branco-transp">
<div id="texto">
<h1 id="titulo">Texts in English</h1>
<p>This site was created to provide texts in English aimed at studying the language. An audio
translation is available for each text, also in English, to learn the correct pronunciation of the
words.</p>
</div>
<hr>
<div id="traducao">
<h2 id="titulo">Textos em inglês</h2>
<p>Esse site foi criado para disponibilizar textos em inglês voltados para o estudo da língua. Para cada
texto está disponível a sua respectiva tradução um áudio, também em inglês, para aprender a
pronuncia correta das palavras.</p>
</div>
</div>
</section>
<script src="./assets/js/script.js" defer></script>
<script src="./assets/js/info.js" defer></script>
</body>
</html>