Skip to content

Commit

Permalink
se quita pagina y se mejora diseño
Browse files Browse the repository at this point in the history
  • Loading branch information
@gitbrave99
gitbrave99 committed Nov 29, 2023
1 parent 753c9ac commit edc9e89
Show file tree
Hide file tree
Showing 6 changed files with 427 additions and 69 deletions.
133 changes: 120 additions & 13 deletions carrito.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,12 +25,13 @@ <h1>logito</h1>
<div class="d-flex justify-content-center">
<div class="navbar">
<div class="form-inline">
<a class="btn" data-toggle="tooltip" data-placement="bottom" title="12">
<i class="bi bi-cart4 text-dark"></i></a>
<a class="btn" data-toggle="tooltip" data-placement="bottom" title="12">
<a class="btn" href="carrito.html" data-toggle="tooltip" data-placement="bottom"
title="12">
<i class="bi bi-cart4 text-dark"></i><span class="badge badge-secondary">4</span></a>
<a class="btn" data-toggle="modal" data-target="#modalLoginUser">
<i class="bi bi-person text-primary"></i></a>
<a class="btn" data-toggle="tooltip" data-placement="bottom" title="12">
<i class="bi bi-suit-heart text-danger"></i></a>
<i class="bi bi-suit-heart text-danger"></i><span class="badge badge-danger">2</span></a>
</div>
</div>
</div>
Expand All @@ -52,27 +53,28 @@ <h1>logito</h1>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<li class="nav-item">
<a class="nav-link" href="index.html">Inicio <span
class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<!-- <li class="nav-item">
<a class="nav-link" href="catalogo.html">Catalogo</a>
</li>
</li> -->
<li class="nav-item">
<a class="nav-link" href="productos.html">Productos</a>
</li>
<li class="nav-item">
<!-- <li class="nav-item">
<a class="nav-link" href="servicios.html">Servicios</a>
</li>
<li class="nav-item">
</li> -->
<li class="nav-item active">
<a class="nav-link" href="carrito.html">Carrito</a>
</li>
<li class="nav-item">
<a class="nav-link" href="nosotros.html">Nosotros</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contacto.html">Contacto</a>
<a class="nav-link" href="contacto.html" data-toggle="modal"
data-target="#M_contatc">Contacto</a>
</li>
</ul>
</div>
Expand All @@ -82,7 +84,7 @@ <h1>logito</h1>
</header>


<br><br><br><br>
<br><br><br><br>
<div class="d-flex justify-content-center">
<button class="btn btn-dark">Realizar compra</button>
</div>
Expand Down Expand Up @@ -136,8 +138,113 @@ <h6 class="text-danger text-center ">Total: </h6> <span class="text-dark">$3600<
</div>


<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br>

</div>

<div class="bg-dark">
<br><br><br>
<hr>
<footer id="bgFooterMain">
<div class="container">
<div class="row">
<div class="col-12 col-md-4 mt-md-0 mt-3">
<!-- Content -->
<!-- <h5 class="text-uppercase text-center text-light">Ubicación</h5> -->
<h1 class="text-center text-muted">Ubicación</h1>
<iframe
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d1938.1637113611694!2d-89.2289306!3d13.6986087!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8f63303f2266ced1%3A0x1305fab92194bef3!2sDistribuidora%20del%20Caribe!5e0!3m2!1ses-419!2ssv!4v1598929293075!5m2!1ses-419!2ssv"
width="100%" height="175px" frameborder="0" style="border-radius: 4px;" allowfullscreen=""
aria-hidden="false" tabindex="0">
</iframe>
</div>
<div class="col col-md-4 bg-dark">
<h1 class="text-center text-muted">Servicios</h1>
<ul class="list-group bg-dark list-group-flush ">
<li class="list-group-item bg-dark text-white">Preguntas más frecuentes</li>
<li class="list-group-item bg-dark text-white">Términos y condiciones</li>
</ul>
</div>
<div class="col-12 col-sm-12 col-md-4">
<h1 class="text-center text-white" style="z-index: 1000; ">Contacto</h1>
<ul class="list-group">
<li class="list-group-item bg-dark text-white"><i class="bi bi-telephone"></i> +503
1212-1212</li>
<li class="list-group-item bg-dark text-white"><i class="bi bi-envelope"></i>
[email protected]</li>
</ul>
<div class="contenedor" id="socialNetBox">
<div class="redes-sociales">
<div class="contenedor-icono">
<a href="#" target="_blank" class="whatsapp">
<i class="bi bi-whatsapp"></i>
</a>
</div>
<div class="contenedor-icono">
<a href="#" target="_blank" class="facebook">
<i class="bi bi-facebook"></i>
</a>
</div>
<div class="contenedor-icono">
<a href="#" target="_blank" class="instagram">
<i class="bi bi-instagram"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col col-md-12 ">
<p class="text-white text-center" style="z-index: 1000; ">Copyright © 2021 . Todos los derechos
reservados. Hecha por
isaac SV</p>
</div>
</div>
</div>
</footer>
</div>


<!-- Modal -->
<div class="modal fade" id="M_contatc" tabindex="-1" role="dialog" aria-labelledby="mo_subid" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="mo_subid">Contacto</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="nombre_r">Nombre</label>
<input type="text" class="form-control" id="nombre_r">
</div>
<div class="form-group">
<label for="asunto_r">Asunto</label>
<input type="text" class="form-control" id="asunto_r">
</div>
<div class="form-group">
<label for="email_r">Correo</label>
<input type="email" class="form-control" id="email_r">

</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Descripción</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
<!-- <div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div> -->
<button type="submit" class="btn btn-primary">Enviar</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
</div>
</div>
</div>
</div>


Expand Down
8 changes: 4 additions & 4 deletions contacto.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,15 +56,15 @@ <h1>logito</h1>
<a class="nav-link" href="index.html">Inicio <span
class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<!-- <li class="nav-item">
<a class="nav-link" href="catalogo.html">Catalogo</a>
</li>
</li> -->
<li class="nav-item">
<a class="nav-link" href="productos.html">Productos</a>
</li>
<li class="nav-item">
<!-- <li class="nav-item">
<a class="nav-link" href="servicios.html">Servicios</a>
</li>
</li> -->
<li class="nav-item">
<a class="nav-link" href="carrito.html">Carrito</a>
</li>
Expand Down
77 changes: 61 additions & 16 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,11 +26,11 @@ <h1>logito</h1>
<div class="form-inline">
<a class="btn" href="carrito.html" data-toggle="tooltip" data-placement="bottom"
title="12">
<i class="bi bi-cart4 text-dark"></i></a>
<a class="btn" data-toggle="tooltip" data-placement="bottom" title="12">
<i class="bi bi-cart4 text-dark"></i><span class="badge badge-secondary">4</span></a>
<a class="btn" data-toggle="modal" data-target="#modalLoginUser">
<i class="bi bi-person text-primary"></i></a>
<a class="btn" data-toggle="tooltip" data-placement="bottom" title="12">
<i class="bi bi-suit-heart text-danger"></i></a>
<i class="bi bi-suit-heart text-danger"></i><span class="badge badge-danger">2</span></a>
</div>
</div>
</div>
Expand All @@ -56,23 +56,24 @@ <h1>logito</h1>
<a class="nav-link" href="index.html">Inicio <span
class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<!-- <li class="nav-item">
<a class="nav-link" href="catalogo.html">Catalogo</a>
</li>
</li> -->
<li class="nav-item">
<a class="nav-link" href="productos.html">Productos</a>
</li>
<li class="nav-item">
<!-- <li class="nav-item">
<a class="nav-link" href="servicios.html">Servicios</a>
</li>
</li> -->
<li class="nav-item">
<a class="nav-link" href="carrito.html">Carrito</a>
</li>
<li class="nav-item">
<a class="nav-link" href="nosotros.html">Nosotros</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contacto.html">Contacto</a>
<a class="nav-link" href="contacto.html" data-toggle="modal"
data-target="#M_contatc">Contacto</a>
</li>
</ul>

Expand Down Expand Up @@ -466,7 +467,7 @@ <h1 class="text-center text-muted">Ubicación</h1>
</iframe>
</div>
<div class="col col-md-4 bg-dark">
<h1 class="text-center text-muted">Serviciós</h1>
<h1 class="text-center text-muted">Servicios</h1>
<ul class="list-group bg-dark list-group-flush ">
<li class="list-group-item bg-dark text-white">Preguntas más frecuentes</li>
<li class="list-group-item bg-dark text-white">Términos y condiciones</li>
Expand All @@ -476,24 +477,24 @@ <h1 class="text-center text-muted">Serviciós</h1>
<h1 class="text-center text-white" style="z-index: 1000; ">Contacto</h1>
<ul class="list-group">
<li class="list-group-item bg-dark text-white"><i class="bi bi-telephone"></i> +503
2448-9658</li>
1212-1212</li>
<li class="list-group-item bg-dark text-white"><i class="bi bi-envelope"></i>
atecnoweejem@gmail.com</li>
ejemplo@gmail.com</li>
</ul>
<div class="contenedor" id="socialNetBox">
<div class="redes-sociales">
<div class="contenedor-icono">
<a href="http://www.twitter.com/falconmasters" target="_blank" class="whatsapp">
<a href="#" target="_blank" class="whatsapp">
<i class="bi bi-whatsapp"></i>
</a>
</div>
<div class="contenedor-icono">
<a href="http://www.facebook.com/falconmasters" target="_blank" class="facebook">
<a href="#" target="_blank" class="facebook">
<i class="bi bi-facebook"></i>
</a>
</div>
<div class="contenedor-icono">
<a href="http://www.instagram.com" target="_blank" class="instagram">
<a href="#" target="_blank" class="instagram">
<i class="bi bi-instagram"></i>
</a>
</div>
Expand All @@ -503,12 +504,11 @@ <h1 class="text-center text-white" style="z-index: 1000; ">Contacto</h1>
<div class="col col-md-12 ">
<p class="text-white text-center" style="z-index: 1000; ">Copyright © 2021 . Todos los derechos
reservados. Hecha por
DMLight SV</p>
isaac SV</p>
</div>
</div>
</div>
</footer>

</div>


Expand Down Expand Up @@ -601,6 +601,51 @@ <h6>Especificaciones</h6>
</div>



<!-- Modal -->
<div class="modal fade" id="M_contatc" tabindex="-1" role="dialog" aria-labelledby="mo_subid" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="mo_subid">Contacto</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="nombre_r">Nombre</label>
<input type="text" class="form-control" id="nombre_r">
</div>
<div class="form-group">
<label for="asunto_r">Asunto</label>
<input type="text" class="form-control" id="asunto_r">
</div>
<div class="form-group">
<label for="email_r">Correo</label>
<input type="email" class="form-control" id="email_r">

</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Descripción</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
<!-- <div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div> -->
<button type="submit" class="btn btn-primary">Enviar</button>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
</div>
</div>
</div>
</div>


<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
Expand Down
Loading

0 comments on commit edc9e89

Please sign in to comment.