Skip to content

Commit

Permalink
Arreglo del menu responsive
Browse files Browse the repository at this point in the history
  • Loading branch information
@CamilaDamonte02
CamilaDamonte02 committed Oct 20, 2023
1 parent 32d4371 commit f9d95a4
Show file tree
Hide file tree
Showing 6 changed files with 149 additions and 121 deletions.
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
54 changes: 29 additions & 25 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,32 +43,36 @@
</div>
</nav>

<nav class="navbar-expand-lg navbar-light d-md-none">
<div class="d-flex justify-content-between">
<div class="container-fluid">
<div>
<a class="navbar-brand" href="index.html">
<img src="./assets/Fotos Index/Logo.png" alt="">
</a>
</div>
<div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href="index.html">Inicio</a>
<a class="nav-link" href="pages/ProductosAptos.html">Productos Aptos</a>
<a class="nav-link" href="pages/Nutrientes.html">Nutricion</a>
<a class="nav-link" href="pages/Curiosidades.html">Curiosidades</a>
<a class="nav-link" href="pages/Recetas.html">Recetas</a>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-white d-md-none">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="./assets/Fotos Index/Logo.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<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="pages/ProductosAptos.html">Productos Aptos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/Nutrientes.html">Nutrición</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/Curiosidades.html">Curiosidades</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pages/Recetas.html">Recetas</a>
</li>
</ul>
</div>
</div>
</nav>
</nav>

</header>
<main>
<Section id="portada">
Expand Down
53 changes: 29 additions & 24 deletions pages/Curiosidades.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,31 +43,36 @@
</div>
</nav>

<nav class="navbar-expand-lg navbar-light d-md-none">
<div class="d-flex justify-content-between">
<div class="container-fluid">
<div>
<a class="navbar-brand" href="../index.html">
<img src="../assets/Fotos Index/Logo.png" alt="">
</a>
</div>
<div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link" aria-current="page" href="../index.html">Inicio</a>
<a class="nav-link" href="ProductosAptos.html">Productos Aptos</a>
<a class="nav-link" href="Nutrientes.html">Nutricion</a>
<a class="nav-link active" href="Curiosidades.html">Curiosidades</a>
<a class="nav-link" href="Recetas.html">Recetas</a>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-white d-md-none">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="../assets/Fotos Index/Logo.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="../index.html">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="ProductosAptos.html">Productos Aptos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Nutrientes.html">Nutrición</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="Curiosidades.html">Curiosidades</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Recetas.html">Recetas</a>
</li>
</ul>
</div>
</div>
</nav>
</nav>

</header>

<main>
Expand Down
54 changes: 30 additions & 24 deletions pages/Nutrientes.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,31 +44,37 @@
</div>
</nav>

<nav class="navbar-expand-lg navbar-light d-md-none">
<div class="d-flex justify-content-between">
<div class="container-fluid">
<div>
<a class="navbar-brand" href="../index.html">
<img src="../assets/Fotos Index/Logo.png" alt="">
</a>
</div>
<div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link" aria-current="page" href="../index.html">Inicio</a>
<a class="nav-link" href="ProductosAptos.html">Productos Aptos</a>
<a class="nav-link active" href="Nutrientes.html">Nutricion</a>
<a class="nav-link" href="Curiosidades.html">Curiosidades</a>
<a class="nav-link" href="Recetas.html">Recetas</a>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-white d-md-none">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="../assets/Fotos Index/Logo.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="../index.html">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="ProductosAptos.html">Productos Aptos</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="Nutrientes.html">Nutrición</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Curiosidades.html">Curiosidades</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Recetas.html">Recetas</a>
</li>
</ul>
</div>
</div>
</nav>
</nav>


</header>

<Section id="portada">
Expand Down
53 changes: 29 additions & 24 deletions pages/ProductosAptos.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,31 +44,36 @@
</div>
</nav>

<nav class="navbar-expand-lg navbar-light d-md-none">
<div class="d-flex justify-content-between">
<div class="container-fluid">
<div>
<a class="navbar-brand" href="../index.html">
<img src="../assets/Fotos Index/Logo.png" alt="">
</a>
</div>
<div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link" aria-current="page" href="../index.html">Inicio</a>
<a class="nav-link active" href="ProductosAptos.html">Productos Aptos</a>
<a class="nav-link" href="Nutrientes.html">Nutricion</a>
<a class="nav-link" href="Curiosidades.html">Curiosidades</a>
<a class="nav-link" href="Recetas.html">Recetas</a>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-white d-md-none">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="../assets/Fotos Index/Logo.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="../index.html">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="ProductosAptos.html">Productos Aptos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Nutrientes.html">Nutrición</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Curiosidades.html">Curiosidades</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Recetas.html">Recetas</a>
</li>
</ul>
</div>
</div>
</nav>
</nav>

</header>


Expand Down
53 changes: 29 additions & 24 deletions pages/Recetas.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,31 +45,36 @@
</div>
</nav>

<nav class="navbar-expand-lg navbar-light d-md-none">
<div class="d-flex justify-content-between">
<div class="container-fluid">
<div>
<a class="navbar-brand" href="../index.html">
<img src="../assets/Fotos Index/Logo.png" alt="">
</a>
</div>
<div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link" aria-current="page" href="../index.html">Inicio</a>
<a class="nav-link" href="ProductosAptos.html">Productos Aptos</a>
<a class="nav-link" href="Nutrientes.html">Nutricion</a>
<a class="nav-link" href="Curiosidades.html">Curiosidades</a>
<a class="nav-link active" href="Recetas.html">Recetas</a>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-white d-md-none">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="../assets/Fotos Index/Logo.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<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="ProductosAptos.html">Productos Aptos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Nutrientes.html">Nutrición</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Curiosidades.html">Curiosidades</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Recetas.html">Recetas</a>
</li>
</ul>
</div>
</div>
</nav>
</nav>

</header>

<main>
Expand Down

0 comments on commit f9d95a4

Please sign in to comment.