Skip to content

Commit

Permalink
perfil terminado
Browse files Browse the repository at this point in the history
  • Loading branch information
joyzinhw committed Jun 5, 2023
1 parent 316ff6a commit 86c4a02
Show file tree
Hide file tree
Showing 11 changed files with 97 additions and 53 deletions.
65 changes: 52 additions & 13 deletions assets/css/perfil.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,9 @@
box-sizing: border-box;
font-family: arial, sans-serif;
}
body {
background-color: #365277;
}
.header {
display: flex;
justify-content: space-between;
Expand Down Expand Up @@ -36,13 +39,15 @@
width: 100px;
border-radius: 50%;
}
.user-p h4 {
color: #ccc;
.user-p h1 {
color: #fff;
font-size: 16px;
font-weight: bold, italic;
padding: 5px 0;

}
.side-bar {
width: 250px;
width: 150px;
background: #4E77AD;
min-height: 100vh;
transition: 500ms width;
Expand All @@ -52,13 +57,9 @@
}
.section-1 {
width: 100%;
background: url("../img/bg.jpg");
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.section-1 h1 {
color: #fff;
Expand Down Expand Up @@ -89,7 +90,7 @@
}
.side-bar ul li a {
text-decoration: none;
color: #eee;
color: #fff;
cursor: pointer;
letter-spacing: 1px;
}
Expand Down Expand Up @@ -118,8 +119,12 @@
}

#profile {
max-width: 400px;
margin: 0 auto;
max-width: 100px;
margin: 30px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}

label {
Expand All @@ -146,14 +151,48 @@
}

#imgPhoto {
display: flex;
align-items: center;
justify-content: center;
margin-top: 10%;
width: 250px;
height: 250px;
width: 100px;
height: 100px;
padding:2px;

border: 1px solid #706f6f;
border-radius: 50%;
cursor: pointer;
transition: background .3s;
}
.area-quadrado {
display: flex;
align-items: center;
height: 100vh;
justify-content: center;

}
.quadrado {
display: flex;
flex-direction: column;
align-items: center;
background: #fff;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.212);
border-radius: 30px;
width: 300px;
height: 460px;
padding: 35px;
}

button{
margin: 0 10px;
padding: .6em 1.2em;
font-size: 1.1em;
border: none;
background-color: #1457ae;
color: #fff;
cursor: pointer;
border-radius: 5px;
transition: .5s;
}
button:hover{
transform: scale(1.1);
}
2 changes: 1 addition & 1 deletion assets/css/style-1.css
Original file line number Diff line number Diff line change
Expand Up @@ -114,7 +114,7 @@ header { /* menu */
}

h1.texto-h1 {
font-size: 40px;
font-size: 30px;

}

Expand Down
Binary file removed assets/img/Chuu.png
Binary file not shown.
1 change: 0 additions & 1 deletion assets/img/tenso.svg

This file was deleted.

1 change: 0 additions & 1 deletion assets/img/teste.svg

This file was deleted.

4 changes: 0 additions & 4 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -67,10 +67,6 @@ <h1>Login</h1>
</div>

</section>



<script src="/assets/js/main.js"></script>
</body><!-- corpo-->

</html>
5 changes: 0 additions & 5 deletions pages/ajuda.html
Original file line number Diff line number Diff line change
Expand Up @@ -94,11 +94,6 @@ <h2 class="faq_header-title">Perguntas Frequentes</h2>


</section>




<script src="/assets/js/main.js"></script>

</body>

Expand Down
4 changes: 0 additions & 4 deletions pages/esqueceu.html
Original file line number Diff line number Diff line change
Expand Up @@ -60,10 +60,6 @@ <h1 class="texto-h1">Esqueceu a senha</h1>

</section>




<script src="/assets/js/main.js"></script>
</body><!-- corpo-->

</html>
57 changes: 42 additions & 15 deletions pages/perfil.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,53 +28,70 @@ <h2 class="u-name">
<nav class="side-bar">
<div class="user-p">

<a href="#">
<i class="fa-solid fa-user" aria-hidden="true"></i>
<a href="#" aria-label="icone do user">
<i class="fa-solid fa-user" style="color: #ffffff;" aria-hidden="true"></i>
</a>

<h4>CONTA</h4>
<h1>CONTA</h1>
</div>
<ul>

<li>
<a href="/pages/contatos.html">
<a href="#" aria-label="icone">
<i class="fa-solid fa-paw" aria-hidden="true"></i>
<span>Adoção</span>
</a>
</li>

<li>
<a href="#" aria-label="icone">
<i class="fa-solid fa-location-dot" aria-hidden="true"></i>
<span>Perdidos</span>
</a>
</li>

<li>
<a href="/pages/contatos.html" aria-label="icone">
<i class="fa-solid fa-envelope" aria-hidden="true"></i>
<span>Contato</span>
</a>
</li>
<li>
<a href="/pages/sobre.html">
<a href="/pages/sobre.html" aria-label="icone">
<i class="fa fa-info-circle" aria-hidden="true"></i>
<span>Sobre</span>
</a>
</li>

<li>
<a href="/pages/ajuda.html">
<a href="/pages/ajuda.html" aria-label="icone">
<i class="fa-solid fa-circle-question" aria-hidden="true"></i>
<span>Ajuda</span>
</a>
</li>

<li>
<a href="/pages/perfil.html">
<a href="/pages/perfil.html" aria-label="icone">
<i class="fa fa-cog" aria-hidden="true"></i>
<span>Editar Perfil</span>
<span>Editar</span>
</a>
</li>
<li>
<a href="#">
<a href="#" aria-label="icone">
<i class="fa fa-power-off" aria-hidden="true"></i>
<span>Sair</span>
</a>
</li>
</ul>
</nav>
<section class="section-1">
<div class="area-quadrado">

<div class="quadrado">


<div class="max-width">
<div class="imageContainer">
<img src="camera.png" alt="Selecione uma imagem" id="imgPhoto">
<img src="#" alt="Selecione uma imagem" id="imgPhoto">
</div>
</div>

Expand All @@ -85,9 +102,18 @@ <h4>CONTA</h4>


<div id="profileInfo">
<p><strong>Nome:</strong> <span id="name"></span></p>
<p><strong>E-mail:</strong> <span id="email"></span></p>
<p><strong>Biografia:</strong> <span id="bio"></span></p>
<p><strong>Nome:</strong>
<br>
<span id="name"></span></p>

<p><strong>E-mail:</strong>
<br>
<span id="email"></span></p>

<p><strong>Biografia:</strong>
<br>
<span id="bio"></span></p>

<button id="editButton">Editar</button>
</div>
<div id="profileForm" style="display: none;">
Expand All @@ -104,7 +130,8 @@ <h4>CONTA</h4>
</div>

</div>

</div>
</div>
</section>
</div>
<script src="/assets/js/main.js"></script>
Expand Down
4 changes: 1 addition & 3 deletions pages/registro.html
Original file line number Diff line number Diff line change
Expand Up @@ -69,9 +69,7 @@ <h1>Cadastro</h1>
</div>

</section>


<script src="/assets/js/main.js"></script>

</body><!-- corpo-->

</html>
7 changes: 1 addition & 6 deletions pages/sobre.html
Original file line number Diff line number Diff line change
Expand Up @@ -109,12 +109,7 @@ <h2 class="faq_header-title"> SOBRE</h2>

</details>

</section>




<script src="/assets/js/main.js"></script>
</section>
</body>

</html>

0 comments on commit 86c4a02

Please sign in to comment.