Skip to content

Commit

Permalink
sobre.html
Browse files Browse the repository at this point in the history
  • Loading branch information
semm00 committed Aug 8, 2024
1 parent fdf6675 commit ca4107c
Show file tree
Hide file tree
Showing 7 changed files with 149 additions and 22 deletions.
31 changes: 23 additions & 8 deletions css/estilo.css
Original file line number Diff line number Diff line change
Expand Up @@ -364,6 +364,7 @@
background-color: transparent;
}

nav .navigation ul li a.active-clr,
nav .navigation ul li a:hover{
color: #cdb230;
}
Expand Down Expand Up @@ -502,14 +503,6 @@ nav .navigation ul li a:hover{
padding: 15px 15px 0 15px;
}

.navlp .navigation ul li a.home-name{
color: #246593ac;
}

nav .navigation ul li a.hname:hover{
color: #cdb230;
}

html {
scroll-behavior: smooth;
}
Expand Down Expand Up @@ -718,6 +711,28 @@ footer .copyright .pro-links i:hover{
cursor: pointer;
}

/* landing page - sobre */

#about-home {
background-image: linear-gradient(rgba(7, 4, 44, 0.536), rgba(5, 4, 46, 0.813)), url(../imagens/fundoabout.jpg);
width: 100%;
height: 70vh;
background-size: cover;
background-position: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding-top: 40px;
}

#about-home h2 {
color: #fff;
font-size: 2.5rem;
letter-spacing: 1px;
}

@media (max-width: 768px) {
.navlp{
padding: 15px 20px;
Expand Down
Binary file added imagens/estudantes-about.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added imagens/fundoabout.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added imagens/fundoabout2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 0 additions & 9 deletions imagens/fundogradiente.svg

This file was deleted.

10 changes: 5 additions & 5 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -20,11 +20,11 @@
<div class="navigation">
<ul>
<i id="menu-close" class="fa-solid fa-xmark"></i>
<li><a class="home-name" href="#"><b>Home</b></a></li>
<li><a class="ferramentas" href="#"><b>Sobre</b></a></li>
<li><a class="ferramentas" href="#"><b>Blog</b></a></li>
<li><a class="ferramentas" href="#"><b>Funções</b></a></li>
<li><a class="ferramentas" href="#"><b>Contato</b></a></li>
<li><a class="active-clr" href="#"><b>Home</b></a></li>
<li><a href="sobre.html"><b>Sobre</b></a></li>
<li><a href="#"><b>Blog</b></a></li>
<li><a href="#"><b>Funções</b></a></li>
<li><a href="#"><b>Contato</b></a></li>
</ul>
<img id="menu-btn" src="imagens/menu.png" alt="menu-hambúrguer">
</div>
Expand Down
121 changes: 121 additions & 0 deletions sobre.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
<!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>
<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 class="active-clr" href="sobre.html"><b>Sobre</b></a></li>
<li><a href="#"><b>Blog</b></a></li>
<li><a href="#"><b>Funções</b></a></li>
<li><a href="#"><b>Contato</b></a></li>
</ul>
<img id="menu-btn" src="imagens/menu.png" alt="menu-hambúrguer">
</div>
</nav>

<section id="about-home">
<h2 class="textInicial">Sobre o RedatorPRO /</h2>
</section>

<section id="about-container">[
<div class="about-img">
<img src="imagens/estudantes-about.png" alt="Estudantes">
</div>

<div class="about-text">
<h2>Seja bem-vindo ao nosso projeto, saiba mais sobre o RedatorPRO</h2>
<p>O RedatorPRO é uma plataforma inovadora que facilita o
aprendizado e aprimoramento das habilidades de redação, proporcionando um
ambiente intuitivo e eficiente para estudantes e profissionais.</p>
</div>

</section>

<section id="featureslp">
<h1 class="h1lp">Nossas Características</h1>
<p class="pazul">conheça algumas das qualidades que só a nossa plataforma oferece</p>
<div class="fea-base">
<div class="fea-box">
<i class="fa-solid fa-graduation-cap" style="color: #246493; font-size: 2.3rem;"></i>
<h3>Aprendizado Fácil</h3>
<p>Com diversas funções a nossa plataforma oferece um aprendizado facilitado</p>
</div>
<div class="fea-box">
<i class="fa-solid fa-award" style="color: #246493; font-size: 2.3rem;"></i>
<h3>100% de Aprovação</h3>
<p>Alunos com aprovações e notas 980+ em diversos vestibulares no país todo</p>
</div>
<div class="fea-box">
<i class="fa-solid fa-pager" style="color: #246493; font-size: 2.3rem;"></i>
<h3>Interface Gamificada</h3>
<p>ambiente gamificado com desafios, missões e recompensas para motivar os alunos</p>
</div>
</div>
</section>

<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>&copy; 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="js/script.js"></script>

</body>
</html>

0 comments on commit ca4107c

Please sign in to comment.