-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (159 loc) · 6.45 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Book Store</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&family=Roboto:wght@100;300;400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./main.css" >
</head>
<body>
<header>
<div class="container">
<div class="logo-intro">
<img class="logo-inicial" src="./midia/app-icon.jpg" alt="logo da my book store">
<h1>My Book Store</h1>
</div>
<nav>
<ul>
<li>
<a href="#about">Sobre</a>
</li>
<li>
<a href="#download">Download</a>
</li>
<li>
<a href="#contacts">Contatos</a>
</li>
<li>
<a href="./erro.html">Entrar</a>
</li>
</ul>
</nav>
</div>
</header>
<hr>
<section id="about">
<div class="container">
<div class="infos">
<h2>
Milhares de Livros ao Alcance das Suas Mãos
</h2>
<p>
Acesse uma biblioteca digital com uma vasta seleção de livros de vários gêneros, desde ficção a materiais acadêmicos. Leia em qualquer lugar, a qualquer momento.
</p>
<p>Baixe Agora e Explore o Mundo dos Livros!</p>
<div class="lista-vantagens">
<ul>
<li>
Siga a leitura
</li>
<li>
Anotações e Marcadores
</li>
<li>
Sincronização em Tempo Real
</li>
</ul>
</div>
<button>Download APP</button>
</div>
<img class="app-art" src="./midia/mybookstore-post-1.jpg" alt="Imagen da logo do app numa livraria">
</div>
</section>
<section>
<div class="container">
<div class="divisor">
<h2>Leitores que Amam o Nosso App</h2>
</div>
<div class="futures">
<div class="colun-future">
<img src="./midia/image-1.jpg" alt="ebook com livros">
<h3>Anotações e Marcadores</h3>
<p>Destaque trechos importantes e faça anotações para consultas rápidas.</p>
</div>
<div class="colun-future">
<img src="./midia/image-2.jpg" alt="ebook com livros">
<h3>Timer Diário</h3>
<p>Crie o hábito da leitura com lembretes e metas diárias personalizáveis.</p>
</div>
<div class="colun-future">
<img src="./midia/image-3.jpg" alt="ebook com livros">
<h3>Sincronização instantânea</h3>
<p>Todos os seus livros, anotações e progresso sincronizados.</p>
</div>
</div>
</div>
</section>
<section id="download">
<div class="container">
<div class="text-download">
<h2>Um Universo de Conhecimento e Entretenimento</h2>
<p>Nosso app foi criado para apaixonados por leitura. Oferecemos uma biblioteca ampla que combina livros para momentos de lazer e estudos aprofundados. Aproveite funcionalidades avançadas que aprimoram sua experiência de leitura.</p>
</div>
<div class="download">
<div>
<button>Download APP</button>
<p>Download Gratuito Android & iOS</p>
</div>
<img class="logo" src="./midia/app-icon.jpg" alt="Logo">
</div>
</div>
</section>
<section id="contacts">
<div class="container">
<div class="contact-methods">
<div class="form">
<h2>Fale conosco</h2>
<form>
<input type="text" placeholder="Seu nome" required />
<input type="email" placeholder="Seu e-mail" required/>
<textarea placeholder="Sua mensagen" required></textarea>
<button type="submit">Enviar</button>
</form>
</div>
<div class="redes">
<h2>Redes Sociais</h2>
<ul class="social-links">
<li>
<a href="#" title="Siga-nos no instagram" > Instagram
<img src="./midia/instagram.png" alt="Instagram" />
</a>
</li>
<li>
<a href="#" title="Siga-nos no Youtube" > Youtube
<img src="./midia/youtube.png" alt="Youtube" />
</a>
</li>
<li>
<a href="#" title="Siga-nos no Facebook"> Facebook
<img src="./midia/facebook.png" alt="Facebook" />
</a>
</li>
<li>
<a href="#" title="Siga-nos no X"> X
<img src="./midia/xpng.png" alt="X" />
</a>
</li>
</ul>
</div>
<div class="adress">
<h2>Contatos</h2>
<p> Rua My Book Store n° 321 - Vila Projeto - Curitiba, PR </p>
<a href="mailto:mybookstore@exp.com">mybookstore@exp.com</a>
<a href="tel:41999999999">(41) 9 9999-9999</a>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<p>
© My Book Store - Todos os direitos reservados - 2024
</p>
</div>
</footer>
</body>
</html>