gin.html

<!DOCTYPE html>
<html lang="es-MX">
<head>
  <link rel="icon" href="img/favicon.ico">
    <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>MunCheez</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
  <img src="img/logotipoheader.png" class="rounded mx-auto d-block" alt="Logotipo">
		 <a id="btn-logo" href="index.html"></a>
  <link rel="stylesheet" href="css/main.css">
  <link href="https://fonts.googleapis.com/css2?family=Poiret+One&display=swap" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,400;0,500;0,800;0,900;1,200;1,400;1,500;1,800;1,900&display=swap" rel="stylesheet">
</head>
<body>
 <nav class="navbar navbar-expand-lg navbar-light style="background-color: #ffff;">
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav m-auto">
        <li class="nav-item active">
          <a class="nav-link" href="index.html">HOME<span class="sr-only">(current)</span></a>
        </li>
          <li class="nav-item active">
            <a class="nav-link" href="recetassaladas.html">RECETAS SALADAS<span class="sr-only">(current)</span></a>
        </li>  
          <li class="nav-item active">
            <a class="nav-link" href="recetasdulces.html">RECETAS DULCES<span class="sr-only">(current)</span></a>
         </li>  
         <li class="nav-item active">
            <a class="nav-link" href="alimentacionsaludable.html">RECETAS SALUDABLES<span class="sr-only">(current)</span></a>
         </li> 
         <li class="nav-item active">
            <a class="nav-link" href="cocteles.html">COCTELES<span class="sr-only">(current)</span></a>
          </li>
          </ul>
    </div>
  </nav>
  <div class="card text-center">
    <div class="card-body">
      <h5 class="title__h2-topfont">Gin</h5>
      <p class="card-text-rec">
        INGREDIENTES</p>
        <ul class="list-unstyled text-center">
        <li>2 limones </li>
        <li>150 gr de harina</li>
        <li>3 huevos</li>
        <li>500 gr de pan rallado</li>
        <li>8 cdas. de salsa de tomate
        <li>300 ml de aceite</li>
        <li>150 gr de jamón Cocido</li>
        <li>150 gr de mozzarella</li>
        <li>Orégano al gusto</li>
        <li>Sal al gusto</li>
        </ul>
        <p class="card-text-rec">
        INSTRUCCIONES</p>
        <p class="card-text-rec">
        Cortar las berenjenas a lo largo, de 1 cm de espesor. Dejar en colador con un toque de sal gruesa.
        Lavar con agua, secar y pasar por harina, huevo y pan rallado.
        Sobre cada milanesa colocar una cucharada de salsa de tomate, media feta de jamón y el queso mozzarella.
        Llevar a gratinar al horno.
        Espolvorear con orégano y servir.</p>
        <div class="text-center">
            <img src="img/cocteles1-1.jpg" class="rounded" alt="Gin">
          </div>
          <!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5f5cc1c9481527e8"></script>
    </div>
    <div class="card-footer text-muted">
    Hace 2 días
    </div>
  </div>
  <br>
  <h2 class="title__h2-font">Quizás te interesen:</h2>
  <br>
  <br>
</div>
<div class="card-group">
    <div class="card border-light">
      <img src="img/cocteles10-1.jpg" class="card-img-top" alt="Summer sunset">
      <div class="card-body">
        <h5 class="receta-nombre">Summer sunset</h5>
        <a class="btn btn-warning" href="summer.html" role="button">Leer receta completa</a>                
    </div>
  </div>
    <div class="card border-light">
      <img src="img/cocteles11-1.jpg" class="card-img-top" alt="Old fashion">
      <div class="card-body">
        <h5 class="receta-nombre">Old fashion</h5>
        <a class="btn btn-warning" href="oldfashion.html" role="button">Leer receta completa</a>               
      </div>
    </div>
    <div class="card border-light">
      <img src="img/cocteles5-1.jpg" class="card-img-top" alt="Poison">
      <div class="card-body">
        <h5 class="receta-nombre">Sweet Poison</h5>
        <a class="btn btn-warning" href="poison.html" role="button">Leer receta completa</a>                
      </div>
    </div>
  <div class="card border-light">
    <img src="img/cocteles8-1.jpg" class="card-img-top" alt="Vodka paradise">
    <div class="card-body">
      <h5 class="receta-nombre">Vodka paradise</h5>
      <a class="btn btn-warning" href="vodka.html" role="button">Leer receta completa</a>             
    </div>
  </div>
  </div>
        <br>
        <br>
        <br>
    </body>
        <footer>
            <h3>
                <img src="img/logotipofooterbco.png" alt="Logotipo">
              </h3>
              <br>
              <nav class="navbar navbar-expand-lg navbar-light bg-light" style="-ms-flex-flow: wrap;">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-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 m-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="index.html">HOME<span class="sr-only">(current)</span></a>
                    </li>
                      <li class="nav-item active">
                        <a class="nav-link" href="recetassaladas.html">RECETAS SALADAS<span class="sr-only">(current)</span></a>
                    </li>  
                      <li class="nav-item active">
                        <a class="nav-link" href="recetasdulces.html">RECETAS DULCES<span class="sr-only">(current)</span></a>
                     </li>  
                     <li class="nav-item active">
                        <a class="nav-link" href="alimentacionsaludable.html">RECETAS SALUDABLES<span class="sr-only">(current)</span></a>
                     </li> 
                     <li class="nav-item active">
                        <a class="nav-link" href="cocteles.html">COCTELES<span class="sr-only">(current)</span></a>
                      </li> 
                      <li class="nav-item active">
                        <a class="nav-link" href="trucosyconsejos.html">TRUCOS Y CONSEJOS<span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item active">
                        <a class="nav-link" href="contacto.html">CONTACTO<span class="sr-only">(current)</span></a>
                    </li>
                  </ul>
                </div>
              </nav>
                </span>
              </footer>
              </html>
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>