Skip to content

Added "About, security and Team section" #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
xMathyu wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Added "About, security and Team section" #1

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
130 changes: 129 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -136,5 +136,133 @@ <h1>Iniciar sesión</h1>

</div>



<!--NICOLE-->


<!--=============== ABOUT ===============-->
<section class="about section container" id="about">
<div class="about__container grid">
<div class="about__data">
<h2 class="section__title-center">Descubre un poco más <br> Sobre nosotros</h2>
<p class="about__description">Somos una APP que tiene como propósito mejorar la salud física de nuestros usuarios como también su alimentación. Gracias a nuestro equipo de especialistas en nutrición y deporte. 💪 Ellos analízan la información de cada usuario para darles el mejor plan posible y que se adapte mejor al usuario.
</p>
</div>
<img class="svg__img svg__color about__img" src="./assets/img/trainer.png">


</div>
</section>

<!--=============== SECURITY ===============-->
<section class="security section container">
<div class="security__container grid">
<div class="security__data">
<h2 class="section__title-center">Nos importa tu <br> Bienestar 🧑‍⚕️</h2>
<p class="security__description">Cuando realizas ejercicio en casa reduces el riesgo de contagio contra el Covid-19. Así estarás seguro y sin ninguna preocupación de contagio!
</p>
</div>



<svg class="svg__img svg__color" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><g><g><path d="m404.8 236.138a19.078 19.078 0 0 0 -16.528 9.749l-21.644-7.463a112.084 112.084 0 0 0 -93.052-93.052l-7.463-21.644a19.078 19.078 0 0 0 9.749-16.528c0-10.6-8.893-19.2-19.862-19.2s-19.862 8.6-19.862 19.2a19.078 19.078 0 0 0 9.749 16.528l-7.463 21.644a111.4 111.4 0 0 0 -48.213 19.978l-20.59-10.031a19.078 19.078 0 0 0 -4.794-18.581c-7.5-7.5-19.864-7.288-27.621.468s-7.966 20.123-.468 27.621a19.077 19.077 0 0 0 18.581 4.794l10.031 20.59a111.408 111.408 0 0 0 -19.957 48.078l-21.894 7.6a18.936 18.936 0 0 0 -16.422-9.749c-10.536-.002-19.077 8.891-19.077 19.86s8.541 19.862 19.077 19.862a18.936 18.936 0 0 0 16.422-9.749l21.894 7.6a112.086 112.086 0 0 0 92.9 92.9l7.6 21.894a18.936 18.936 0 0 0 -9.749 16.422c-.006 10.53 8.887 19.071 19.856 19.071s19.862-8.541 19.862-19.077a18.936 18.936 0 0 0 -9.749-16.422l7.6-21.894a111.4 111.4 0 0 0 47.967-19.876l20.863 10.112a18.937 18.937 0 0 0 4.719 18.506c7.45 7.45 19.777 7.2 27.534-.555s8-20.084.556-27.534a18.94 18.94 0 0 0 -18.507-4.719l-10.115-20.863a111.387 111.387 0 0 0 19.9-48.1l21.644-7.463a19.078 19.078 0 0 0 16.528 9.749c10.6 0 19.2-8.893 19.2-19.862s-8.602-19.864-19.202-19.864z" fill="#fac850"/><g fill="#fef4dc"><ellipse cx="288" cy="296" rx="32" ry="24"/><circle cx="200" cy="216" r="16"/><path d="m168 256h16v16h-16z"/><path d="m240 168h16v16h-16z"/><path d="m336 248h16v16h-16z"/></g></g><path d="m256 8c-136.967 0-248 111.033-248 248 0 136.967 111.033 248 248 248 136.967 0 248-111.033 248-248 0-136.967-111.033-248-248-248zm-216 248a216.006 216.006 0 0 1 361.25-159.878l-305.127 305.128a214.439 214.439 0 0 1 -56.123-145.25zm368.735 152.735a216.048 216.048 0 0 1 -289.4 14.561l303.965-303.964a216.046 216.046 0 0 1 -14.56 289.4z" fill="#fa5d3f"/></g></svg>

</div>
</section>



<!-- ============= TEAM SECTION ============ -->

<section class="team section container">
<br>
<h1 class="team__title">Nuestro equipo 🫂</h1>
<br>
<div class="team_container">

<div class="card">
<div class="content">
<div class="imgBx">
<img src="assets/img/mathyufoto.png" alt="">
</div>
<div class="contentBx">
<h4>Mathyu Cardozo</h4>
<h5>Director General</h5>
</div>
<div class="sci">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="card">
<div class="content">
<div class="imgBx">
<img src="assets/img/Aldair.jpg" alt="">
</div>
<div class="contentBx">
<h4>Aldair Chuman</h4>
<h5>Generente de logística</h5>
</div>
<div class="sci">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="card">
<div class="content">
<div class="imgBx">
<img src="assets/img/Manuel.png" alt="">
</div>
<div class="contentBx">
<h4>Manuel Arangurí</h4>
<h5>Desarrollador</h5>
</div>
<div class="sci">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="card">
<div class="content">
<div class="imgBx">
<img src="assets/img/Oscar.png" alt="">
</div>
<div class="contentBx">
<h4>Oscar Heredia</h4>
<h5>Recursos Humanos</h5>
</div>
<div class="sci">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="card">
<div class="content">
<div class="imgBx">
<img src="assets/img/nicoleprice.jpg" alt="">
</div>
<div class="contentBx">
<h4>Nicole Price</h4>
<h5>Gerente de Marketing</h5>
</div>
<div class="sci">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</div>
</div>
</div>

</div>
</section>


<!--Mathyu-->