Skip to content

Commit

Permalink
actualización 03-04
Browse files Browse the repository at this point in the history
  • Loading branch information
@lucasger78
lucasger78 committed Apr 4, 2024
1 parent de38070 commit 4071e12
Show file tree
Hide file tree
Showing 8 changed files with 423 additions and 1,033 deletions.
55 changes: 29 additions & 26 deletions cards.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ <h4 class="title-materials">Petg:</h4>
<span class="habilidad">Fuerza 85% </span>(Poder físico y capacidad de causar daño)<br>
<span class="habilidad">Percepción 75% </span> (Sensibilidad para anticipar peligros)<br></p>
<div class="info-btn">
<button class="btn btn-danger btn-info">+ Info</button>
<button class="btn btn-danger btn-info"><a href="users.html" class="action_btn">+ Info</a></button>
</div>

</div>
Expand All @@ -92,7 +92,7 @@ <h4 class="title-materials">Abs:</h4>
<span class="habilidad">Fuerza 85% </span>(Poder físico y capacidad de causar daño)<br>
<span class="habilidad">Percepción 75% </span> (Sensibilidad para anticipar peligros)<br></p>
<div class="info-btn">
<button class="btn btn-danger btn-info">+ Info</button>
<button class="btn btn-danger btn-info"><a href="users.html" class="action_btn">+ Info</a></button>
</div>
</div>
</div>
Expand All @@ -105,7 +105,7 @@ <h4 class="title-materials">Flexibles:</h4>
<span class="habilidad">Fuerza 85% </span>(Poder físico y capacidad de causar daño)<br>
<span class="habilidad">Percepción 75% </span> (Sensibilidad para anticipar peligros)<br></p>
<div class="info-btn">
<button class="btn btn-danger btn-info">+ Info</button>
<button class="btn btn-danger btn-info"><a href="users.html" class="action_btn">+ Info</a></button>
</div>
</div>
</div>
Expand All @@ -118,7 +118,7 @@ <h4 class="title-materials">Pla:</h4>
<span class="habilidad">Fuerza 85% </span>(Poder físico y capacidad de causar daño)<br>
<span class="habilidad">Percepción 75% </span> (Sensibilidad para anticipar peligros)<br></p>
<div class="info-btn">
<button class="btn btn-danger btn-info">+ Info</button>
<button class="btn btn-danger btn-info"><a href="users.html" class="action_btn">+ Info</a></button>
</div>
</div>
</div>
Expand All @@ -131,7 +131,7 @@ <h4 class="title-materials">Pcabs:</h4>
<span class="habilidad">Fuerza 85% </span>(Poder físico y capacidad de causar daño)<br>
<span class="habilidad">Percepción 75% </span> (Sensibilidad para anticipar peligros)<br></p>
<div class="info-btn">
<button class="btn btn-danger btn-info">+ Info</button>
<button class="btn btn-danger btn-info"><a href="users.html" class="action_btn">+ Info</a></button>
</div>
</div>
</div>
Expand All @@ -144,7 +144,7 @@ <h4 class="title-materials">Nylon:</h4>
<span class="habilidad">Fuerza 85% </span>(Poder físico y capacidad de causar daño)<br>
<span class="habilidad">Percepción 75% </span> (Sensibilidad para anticipar peligros)<br></p>
<div class="info-btn">
<button class="btn btn-danger btn-info">+ Info</button>
<button class="btn btn-danger btn-info"><a href="users.html" class="action_btn">+ Info</a></button>
</div>
</div>
</div>
Expand All @@ -160,7 +160,7 @@ <h4 class="title-materials">Petg:</h4>
<span class="habilidad">Fuerza 85% </span>(Poder físico y capacidad de causar daño)<br>
<span class="habilidad">Percepción 75% </span> (Sensibilidad para anticipar peligros)<br></p>
<div class="info-btn">
<button class="btn btn-danger btn-info">+ Info</button>
<button class="btn btn-danger btn-info"><a href="users.html" class="action_btn">+ Info</a></button>
</div>
</div>
</div>
Expand All @@ -186,7 +186,7 @@ <h4 class="title-materials">Flexibles:</h4>
<span class="habilidad">Fuerza 85% </span>(Poder físico y capacidad de causar daño)<br>
<span class="habilidad">Percepción 75% </span> (Sensibilidad para anticipar peligros)<br></p>
<div class="info-btn">
<button class="btn btn-danger btn-info">+ Info</button>
<button class="btn btn-danger btn-info"><a href="users.html" class="action_btn">+ Info</a></button>
</div>
</div>
</div>
Expand All @@ -199,7 +199,7 @@ <h4 class="title-materials">Pla:</h4>
<span class="habilidad">Fuerza 85% </span>(Poder físico y capacidad de causar daño)<br>
<span class="habilidad">Percepción 75% </span> (Sensibilidad para anticipar peligros)<br></p>
<div class="info-btn">
<button class="btn btn-danger btn-info">+ Info</button>
<button class="btn btn-danger btn-info"><a href="users.html" class="action_btn">+ Info</a></button>
</div>
</div>
</div>
Expand All @@ -212,7 +212,7 @@ <h4 class="title-materials">Pcabs:</h4>
<span class="habilidad">Fuerza 85% </span>(Poder físico y capacidad de causar daño)<br>
<span class="habilidad">Percepción 75% </span> (Sensibilidad para anticipar peligros)<br></p>
<div class="info-btn">
<button class="btn btn-danger btn-info">+ Info</button>
<button class="btn btn-danger btn-info"><a href="users.html" class="action_btn">+ Info</a></button>
</div>
</div>
</div>
Expand All @@ -225,44 +225,47 @@ <h4 class="title-materials">Nylon:</h4>
<span class="habilidad">Fuerza 85% </span>(Poder físico y capacidad de causar daño)<br>
<span class="habilidad">Percepción 75% </span> (Sensibilidad para anticipar peligros)<br></p>
<div class="info-btn">
<button class="btn btn-danger btn-info">+ Info</button>
<button class="btn btn-danger btn-info"><a href="users.html" class="action_btn">+ Info</a></button>
</div>
</div>
</div>
</section>

<!-- ===== END CARDS ===== -->
<!-- === FOOTER === -->
<footer style="z-index: 999;">
<!-- === FOOTER === -->
<footer style="z-index: 999;">
<div class="container-footer">
<div class="footer-content">
<h3 class="title-footer">Contact Us</h3>
<p class="p-footer">Email: [email protected]</p>
<p class="p-footer">Phone: +121 56556 565556</p>
<p class="p-footer">Address: 742 Evergreen Terrace</p>
<ul class="list-footer">
<li><i class="fa fa-envelope"></i><a href="mailto:[email protected]" target="_blank"> [email protected]</a></li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
<path d="M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232"/>
</svg><a href="https://wa.link/ie7jd2" target="_blank"> +121 56556 565556</a></li><br>
<li><i class="fa fa-map-marker"></i><a href="https://maps.app.goo.gl/UsooKo35hemVnbaFA" target="_blank"> 742 Evergreen Terrace</a></li>
</ul>
</div>
<div class="footer-content">
<h3 class="title-footer">Quick Links</h3>
<ul class="list-footer">
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Services</a></li>
<li><a href="">Products</a></li>
<li><a href="">Contact</a></li>
<li><a href="">Cartas</a></li>
<li><a href="">Usuarios</a></li>
<li><a href="">Contacto</a></li>
</ul>
</div>
<div class="footer-content">
<h3 class="title-footer">Follow Us</h3>
<ul class="social-icons">
<li><a href=""><span class="fa-brands--tiktok"></span></a></li>
<li><a href=""><i class="fab fa-twitter"></i></a></li>
<li><a href=""><i class="fab fa-instagram"></i></a></li>
<li><a href=""><i class="fab fa-linkedin"></i></a></li>
<li><a href="https://www.tiktok.com/" target="_blank"><span class="fa-brands--tiktok"></span></a></li>
<li><a href="https://www.x.com/" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a></li>
<li><a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="bottom-bar">
<p>&copy; 2023 your company . All rights reserved</p>
<p>&copy; 2024 CaC => Nancy| Lucas | Antonella | Conrado. || All rights reserved</p>
</div>
</footer>
<!-- === END FOOTER === -->
Expand Down
38 changes: 37 additions & 1 deletion cartasDom.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,43 @@ <h4 class="title-materials card-title">Nylon:</h4>

<!-- ===== END CARDS ===== -->


<!-- === FOOTER === -->
<footer style="z-index: 999;">
<div class="container-footer">
<div class="footer-content">
<h3 class="title-footer">Contact Us</h3>
<ul class="list-footer">
<li><i class="fa fa-envelope"></i><a href="mailto:[email protected]" target="_blank"> [email protected]</a></li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
<path d="M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232"/>
</svg><a href="https://wa.link/ie7jd2" target="_blank"> +121 56556 565556</a></li><br>
<li><i class="fa fa-map-marker"></i><a href="https://maps.app.goo.gl/UsooKo35hemVnbaFA" target="_blank"> 742 Evergreen Terrace</a></li>
</ul>
</div>
<div class="footer-content">
<h3 class="title-footer">Quick Links</h3>
<ul class="list-footer">
<li><a href="">Home</a></li>
<li><a href="">Cartas</a></li>
<li><a href="">Usuarios</a></li>
<li><a href="">Contacto</a></li>
</ul>
</div>
<div class="footer-content">
<h3 class="title-footer">Follow Us</h3>
<ul class="social-icons">
<li><a href="https://www.tiktok.com/" target="_blank"><span class="fa-brands--tiktok"></span></a></li>
<li><a href="https://www.x.com/" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a></li>
<li><a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="bottom-bar">
<p>&copy; 2024 CaC => Nancy| Lucas | Antonella | Conrado. || All rights reserved</p>
</div>
</footer>
<!-- === END FOOTER === -->



Expand Down
10 changes: 10 additions & 0 deletions css/cartas.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -95,3 +95,13 @@

}

@media (max-width: 900px) {
.p-slide {
display: none;
}

.img-slide {
width: 100%;
}
}

57 changes: 49 additions & 8 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -158,6 +158,10 @@ header {

.navbar .toggle_btn{
display: block;
color: #363636;
font-size: 1.5rem;
cursor: pointer;

}

.dropdown_menu {
Expand Down Expand Up @@ -537,6 +541,16 @@ header {
}

}

@media (max-width: 768px) {
.p-slide {
display: none;
}

.img-slide {
width: 100%;
}
}

/* BOTÓN BACK TO TOP */

Expand Down Expand Up @@ -571,6 +585,14 @@ header {
background-color: rgba(0, 0, 0, 0.4);
}

/* Ajuste para la versión móvil */
@media (max-width: 768px) {
#backToTopBtn {
right: 600px; /* Alinear con las listas en la parte superior */
}
}


/* FOOTER */


Expand Down Expand Up @@ -700,29 +722,48 @@ h3{
margin: 0;
font-size: 16px;
padding: 7px;
font-family: Montserrat, sans-serif !important;
font-weight:bold;
font-size:small;
}


/* Ajuste para la versión móvil */
@media (max-width: 768px) {
.container-footer {
margin-right: 0px;
padding-top: 50px;
display:block;
flex-direction: column;
align-content: center;
position: relative;
display: inline-block;
align-items: center;
padding-right: 70%;
}

.footer-content {
width: 100%;
width: 50%;
text-align: center;
margin-bottom: 20px; /* Espacio entre las listas */
}
}

/* Ajusta el ancho de las listas en la versión móvil */
@media (max-width: 576px) {
.list-footer li {
width: 100%;
text-align: center;
}

.social-icons {
/* display: flex; */
justify-content: center;
}

.social-icons li {
margin-right: 10px; /* Espacio entre los iconos sociales */
}

.bottom-bar {
text-align: center;
}
}


/* END FOOTER */


Loading

0 comments on commit 4071e12

Please sign in to comment.