-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
222 lines (210 loc) · 11.4 KB
/
blog.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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://unpkg.com/scrollreveal"></script>
<link rel="apple-touch-icon" sizes="180x180" href="ico/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="ico/favicon-16x16.png">
<title>RedatorPRO</title>
<script src="https://kit.fontawesome.com/ca32771bae.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/estilo.css" />
</head>
<body class="bodylp">
<nav class="navlp">
<img src="imagens/logo nome.png" alt="Logo da RedatorPRO">
<div class="navigation">
<ul>
<i id="menu-close" class="fa-solid fa-xmark"></i>
<li><a href="index.html"><b>Home</b></a></li>
<li><a href="sobre.html"><b>Sobre</b></a></li>
<li><a class="active-clr" href="#"><b>Blog</b></a></li>
<li><a href="contato.html"><b>Contato</b></a></li>
</ul>
<img id="menu-btn" src="imagens/menu.png" alt="menu-hambúrguer">
</div>
</nav>
<section id="blog-home">
<h2 class="textInicial">Blog /</h2>
</section>
<section id="section-blog" class="blog blog-container">
<div class="content-box">
<h2 class="title-t">Conheça mais o RedatorPro</h2>
<p class="sub-title">
O RedatorPro é uma plataforma online criada para ajudar estudantes a desenvolver suas habilidades de escrita. Com foco no treinamento prático, o site oferece exercícios personalizados, dicas de estilo e estrutura. A plataforma conta com correções por meio de corretores especializados e feedback detalhado, bem como através de chatbot. Permitindo que os usuários acompanhem seu progresso e aprimorem suas técnicas a cada exercício. Se você quer dominar a arte da redação, o RedatorPro é uma ferramenta ideal para transformar suas ideias em textos claros e impactantes.
<br>
</p>
<a href="#" class="btn-leia">Leia Mais</a>
</div>
<div class="img-Bx">
<img src="imagens/corretoresimg.png" alt="Imagem capa blog" class="fit-Bg">
</div>
</section>
<div class="post-filter blog-container">
<span class="filter-item active-filter" data-filter="all">Tudo</span>
<span class="filter-item" data-filter="tech">Tech</span>
<span class="filter-item" data-filter="promo">Promoções</span>
<span class="filter-item" data-filter="news">Notícias</span>
</div>
<div class="post blog-container">
<!-- Post 1 -->
<div class="post-box tech">
<img src="imagens/post1.png" alt="" class="post-img">
<h2 class="category">Tech</h2>
<a href="#" class="post-title">Chatbot</a>
<span class="post-date">22 Ago 2024</span>
<p class="post-description">Nosso chatbot é especializado em corrigir redações dissertativas argumentativas oferece feedback instantâneo e preciso, ajudando os usuários a aprimorar suas habilidades de escrita. Utilizando inteligência artificial, ele analisa a estrutura do texto, a clareza dos argumentos, a coerência entre as ideias e o uso correto da gramática.</p>
<div class="profile-blog">
<img src="imagens/trust-image 2.png" alt="" class="profile-img">
<span class="profile-name">StudyTech</span>
</div>
</div>
<!-- Post 2 -->
<div class="post-box promo">
<img src="imagens/post2.png" alt="" class="post-img">
<h2 class="category">Promos</h2>
<a href="#" class="post-title">Venha e traga mais um</a>
<span class="post-date">22 Ago 2024</span>
<p class="post-description">Ao assinar a plataforma e trazer alguém os dois ganham 30% de desconto no primeiro mês.</p>
<div class="profile-blog">
<img src="imagens/profile1.png" alt="" class="profile-img">
<span class="profile-name">Matias</span>
</div>
</div>
<!-- Post 3 -->
<div class="post-box tech">
<img src="imagens/chatbotsimg.png" alt="" class="post-img">
<h2 class="category">Tech</h2>
<a href="#" class="post-title">Comunidade</a>
<span class="post-date">22 Ago 2024</span>
<p class="post-description">Espaço colaborativo onde estudantes, escritores e entusiastas da escrita podem compartilhar conhecimentos, trocar feedbacks e evoluir juntos. Nesse ambiente, os membros podem postar suas redações, comentar nos textos dos outros e participar de debates sobre técnicas, estilos e temas atuais. Além de fornecer apoio mútuo, a comunidade também organiza desafios e eventos, incentivando o desenvolvimento contínuo das habilidades de escrita. É um lugar ideal para quem busca melhorar sua redação de forma dinâmica e interativa, conectando-se com outros.</p>
<div class="profile-blog">
<img src="imagens/testi1.jpg" alt="" class="profile-img">
<span class="profile-name">MKHB</span>
</div>
</div>
<!-- Post 4 -->
<div class="post-box news">
<img src="imagens/post4.png" alt="" class="post-img">
<h2 class="category">News</h2>
<a href="#" class="post-title">Você pode aprender e se divertir com o RedatorPro</a>
<span class="post-date">22 Ago 2024</span>
<p class="post-description">A plataforma possui uma interface dinâmica que possibilita os alunos aprenderem e se divertirem ao mesmo tempo.</p>
<div class="profile-blog">
<img src="imagens/profile2.png" alt="" class="profile-img">
<span class="profile-name">Larissa</span>
</div>
</div>
<!-- Post 5 -->
<div class="post-box tech">
<img src="imagens/chatbotsimg.png" alt="" class="post-img">
<h2 class="category">Tech</h2>
<a href="#" class="post-title">Exercícios gamificados</a>
<span class="post-date">22 Ago 2024</span>
<p class="post-description">Os exercícios gamificados são uma forma inovadora de aprimorar a construção da redação, tornando o aprendizado mais dinâmico e envolvente. Por meio de desafios interativos, os usuários são incentivados a desenvolver suas habilidades de escrita enquanto ganham pontos, desbloqueiam níveis e recebem recompensas virtuais. Esses exercícios focam em aspectos essenciais, como a estrutura do texto, coesão, coerência e argumentação, tudo em um formato lúdico que mantém o aluno motivado. Ao unir aprendizado e diversão, a gamificação transforma o processo de escrever em uma experiência mais prática.</p>
<div class="profile-blog">
<img src="imagens/testi1.jpg" alt="" class="profile-img">
<span class="profile-name">MKHB</span>
</div>
</div>
<!-- Post 6 -->
<div class="post-box news">
<img src="imagens/chatbotsimg.png" alt="" class="post-img">
<h2 class="category">News</h2>
<a href="#" class="post-title">Corretores especializados a sua escolha</a>
<span class="post-date">22 Ago 2024</span>
<p class="post-description">A plataforma fornece corretores reais, os quais você tem acesso adquirindo uma assinatura.</p>
<div class="profile-blog">
<img src="imagens/testi1.jpg" alt="" class="profile-img">
<span class="profile-name">MKHB</span>
</div>
</div>
<!-- Post 7 -->
<div class="post-box promo">
<img src="imagens/post7.png" alt="" class="post-img">
<h2 class="category">Promos</h2>
<a href="#" class="post-title">Avance e ganhe</a>
<span class="post-date">22 Ago 2024</span>
<p class="post-description">Evolua de forma ampla e consiga desconto de acordo com seu avanço.</p>
<div class="profile-blog">
<img src="imagens/profile3.png" alt="" class="profile-img">
<span class="profile-name">Kaleb</span>
</div>
</div>
<!-- Post 8 -->
<div class="post-box news">
<img src="imagens/post8.png" alt="" class="post-img">
<h2 class="category">News</h2>
<a href="#" class="post-title">Acompanhe seu progresso</a>
<span class="post-date">22 Ago 2024</span>
<p class="post-description">Você pode acompanhar sua evolução com o uso da plataforma.</p>
<div class="profile-blog">
<img src="imagens/profile4.png" alt="" class="profile-img">
<span class="profile-name">Verônica</span>
</div>
</div>
<!-- Post 9 -->
<div class="post-box promo">
<img src="imagens/chatbotsimg.png" alt="" class="post-img">
<h2 class="category">promos</h2>
<a href="#" class="post-title">Traga 4 amigos</a>
<span class="post-date">22 Ago 2024</span>
<p class="post-description">Cinco novos assinantes conseguem 50% de desconto nos dois primeiros meses.</p>
<div class="profile-blog">
<img src="imagens/testi1.jpg" alt="" class="profile-img">
<span class="profile-name">MKHB</span>
</div>
</div>
</div>
<footer>
<div class="footer-col">
<h3>Importantes</h3>
<li>StudyTech</li>
<li>Cadastre-se</li>
<li>funções</li>
<li>Projeto</li>
</div>
<div class="footer-col">
<h3>Links Rápidos</h3>
<li>Trabalhos</li>
<li>Ativos da marca</li>
<li>Investimento Infos</li>
<li>Termos de Serviço</li>
</div>
<div class="footer-col">
<h3>Serviços</h3>
<li>Gerenciamento</li>
<li>Website</li>
<li>Blog</li>
<li>Marketing</li>
</div>
<div class="footer-col">
<h3>Recursos</h3>
<li>Guia</li>
<li>Pesquisa</li>
<li>Experts</li>
<li>Redes Sociais</li>
</div>
<div class="footer-col">
<h3>Newsletter</h3>
<p>Você pode confiar. Enviamos apenas atualizações: </p>
<div class="subscribe">
<input type="text" placeholder="Seu Endereço de E-mail">
<a href="#" class="color2">INSCREVA-SE</a>
</div>
</div>
<div class="copyright">
<p>© 2024 RedatorPRO. Todos os direitos reservados | Powerd By StudyTech</p>
<div class="pro-links">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-linkedin-in"></i>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="js/blog.js"></script>
</body>
</html>