Skip to content

Commit

Permalink
InfoUpdated
Browse files Browse the repository at this point in the history
  • Loading branch information
Godev committed Oct 12, 2024
1 parent 6387a99 commit f7ed45b
Show file tree
Hide file tree
Showing 3 changed files with 90 additions and 238 deletions.
90 changes: 20 additions & 70 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,26 @@ padding: 0;
/ Agrega tus estilos aquí */
@media (max-width: 576px) {

.contact_usB {
color: white;
background-color: royalblue;
}
.navToggler {
justify-content: flex-end;

}

.navItem, .dropdown{
width: 75%;
margin-bottom: 5%;
}
.dropdown-item{
width: 75%;
}



footer {
height: 18vh;}

Expand Down Expand Up @@ -37,77 +57,7 @@ footer{
color: white;
}


}

section {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 70%;
margin-top: 100px;
}

.sectionImg {
margin: auto auto;
height: 480x;
width: 90%;
display: flex;
justify-content: space-around;
opacity: 0.6;
transition: 2s;
-webkit-transition: 2s;
-moz-transition: 2s;
-ms-transition: 2s;
-o-transition: 2s;

}

.sectionImg img{
display: flex;
flex-wrap: wrap;
width: 70%;
height: 480px;

}

.sectionImagen{
display: flex;
flex-wrap: wrap;
width: 70%;
height: 280px;
margin: 5px;

}

.secText {
margin: 8px;
padding: 8px;
display: flex;
flex-wrap: wrap;
margin: auto ;
font-size: 1.8rem;
font-weight: bolder;
color: black;
}

.secText > p {
margin: 8px;
padding: 8px;
display: flex;
flex-wrap: wrap;
font-size: 3em;
font-weight: bold;
color: black;
}

.servicios {
margin-bottom: 25px;
display: flex;

}


/* Para tabletas con una resolución de 768px / */
@media (min-width: 768px), (max-width: 1114px) {

Expand Down
145 changes: 61 additions & 84 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="images/crlogo-white.png">
<title>CR Refrigeración</title>
Expand All @@ -19,130 +20,105 @@
</div>
-->
<!--<div class="container-fluid navegationFluid"> -->
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="images/crlogo-white.png">
<title>CR Refrigeración</title>
</head>
<body>
<!--
<div>
<section class="contactbar">
<p class="headerss"><img class="contactIco" alt="telefono" src="images/phone-solid-24.png"> +57 301-292-95-86</p>
<p class="headerss"><img class="contactIco" src="images/envelope-solid-24.png"> [email protected]</p>
</section>
</div>
-->
<!--<div class="container-fluid navegationFluid"> -->



<!-- Mobile Navbar-->

<nav class="navbar bg-body-tertiary fixed-top d-md-none d-xs-block " >
<div class="container-fluid" style="background-color: rgba(43, 151, 228, 0.7);">
<nav class="navbar bg-body-tertiary fixed-top d-md-none d-xs-block dark" >
<div class="container-fluid" style="background-color: rgba(43, 151, 228, 0.7);">
<a class="navbar-brand d-flex align-items-center" href="index.html">
<img class ="mainLogo" src="images/crlogo-white.png" alt="Logo" width="120" height="96" class="d-lg-inline-block align-text-top navlinks" id="titleUp">
<p class="logoTitle">Custom Refrigeration</p>
</a>
<button class="navbar-toggler custom-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
<span class="navbar-toggler-icon" ></span>
</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel" data-bs-theme="light">
<button class="navbar-toggler custom-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation" >
<span class="navbar-toggler-icon"></span>
</button>
<!--OFF CANVAS-->
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel" data-bs-theme="blue" style=" background-color: rgba(43, 151, 228, 0.6);" >
<div class="offcanvas-header">
<h5 class="offcanvas-title" style="color: black;" id="offcanvasNavbarLabel">Custom Refrigeration</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" ></button>
<h5 class="offcanvas-title" id="offcanvasNavbarLabel">Custom Refrigeration</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" ></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav flex-grow-1 pe-3" >
<div class="offcanvas-body ">
<ul class="navbar-nav flex-grow-0 pe-2 " style=" background-color: rgba(43, 151, 228, 0.2);" >
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
<a class="nav-link active" aria-current="page" href="index.html">Inicio</a>
</li>

<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">

<li class="nav-item dropdown" style="background-color: rgba(43, 151, 228, 1);" >
<a class="nav-link dropdown-toggle" href="/services.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Servicios
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#instalacion">Instalación</a></li>
<li><a class="dropdown-item" href="#mantenimiento">Mantenimiento</a></li>
<li><a class="dropdown-item" href="#reparacion">Reparación</a></li>
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/services.html">Instalación</a></li>
<li><a class="dropdown-item" href="/services.html">Mantenimiento</a></li>
<li><a class="dropdown-item" href="/services.html">Reparación</a></li>

</ul>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Productos
<a class="nav-link dropdown-toggle" href="/products.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Productos
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#instalacion">Aire Acondicionadp</a></li>
<li><a class="dropdown-item" href="#mantenimiento">Neveras</a></li>
<li><a class="dropdown-item" href="#reparacion">Reparación</a></li>
<li><a class="dropdown-item" href="/products.html">Aire Acondicionadp</a></li>
<li><a class="dropdown-item" href="/products.html">Neveras</a></li>
<li><a class="dropdown-item" href="/products.html">Reparación</a></li>

</ul>
<li class="contact_usB navItem5"><a href="/contact us.html" class=" contactus"><img src="images/whatsapp-green.png">Contáctenos</a></li>
</li>
</ul>
</ul>

</li>
</ul>

</div>
</div>
</div>
</nav>
</div>
</nav>







<nav class="navbar bg-body-tertiary d-none d-sm-none d-md-block" id="navbar-example" style="background-color: #0179ff;">
<div class="container-fluid" style="background-color: rgba(43, 151, 228, 0.7);">
<nav class="navbar bg-body-tertiary d-none d-sm-none d-md-block" id="navbar-example" style="background-color: #0179ff;">
<div class="container-fluid" style="background-color: rgba(43, 151, 228, 0.7);">

<div class="logo_container align-items-start col navitem1">
<a class="navbar-brand d-flex align-items-center" href="index.html">
<img class ="mainLogo" src="images/crlogo-white.png" alt="Logo" width="120" height="96" class="d-lg-inline-block align-text-top navlinks" id="titleUp">
<p class="logoTitle">Custom Refrigeration</p>
</a>
</div>
<div class="logo_container align-items-start col navitem1">
<a class="navbar-brand d-flex align-items-center" href="index.html">
<img class ="mainLogo" src="images/crlogo-white.png" alt="Logo" width="120" height="96" class="d-lg-inline-block align-text-top navlinks" id="titleUp">
<p class="logoTitle">Custom Refrigeration</p>
</a>
</div>

<ul class="home_menu ">
<li class="options"><a href="/index.html" class="">Inicio</a></li>

<li class="nav-item dropdown navItem3">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Productos
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" style="color: black;" href="#">Aire Acondicionado</a></li>
<li><a class="dropdown-item" href="#">Neveras</a></li>
<li><a class="dropdown-item" href="#">Congeladores</a></li>
</ul>
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Productos
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" style="color: black;" href="/products.html">Aire Acondicionado</a></li>
<li><a class="dropdown-item" href="/products.html">Neveras</a></li>
<li><a class="dropdown-item" href="/products.html">Congeladores</a></li>
</ul>
</li>

<li class="nav-item dropdown navItem4">
<a class="nav-link dropdown-toggle" href="/services.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">Servicios
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#instalacion">Instalación</a></li>
<li><a class="dropdown-item" href="#mantenimiento">Mantenimiento</a></li>
<li><a class="dropdown-item" href="#reparacion">Reparación</a></li>
<a class="nav-link dropdown-toggle" href="/services.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">Servicios
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/services.html">Instalación</a></li>
<li><a class="dropdown-item" href="/services.html">Mantenimiento</a></li>
<li><a class="dropdown-item" href="/services.html">Reparación</a></li>

</ul>
</ul>
<li class="contact_us navItem5"><a href="/contact us.html" class=" contactus"><img src="images/whatsapp-green.png">Contáctenos</a></li>
</li>
</ul>

</div>
</nav>
</div>
</nav>

<div id="myCarousel">
<div id="carouselExampleFade" class="carousel slide carousel-fade">
<div class="carousel-inner">
Expand All @@ -166,10 +142,11 @@ <h5 class="offcanvas-title" style="color: black;" id="offcanvasNavbarLabel">Cust
</button>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="/js/script.js"></script>



<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="/js/script.js"></script>
</body>


Expand Down
Loading

0 comments on commit f7ed45b

Please sign in to comment.