<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Historia</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"
        integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css"
        integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
    <link rel="stylesheet" href="css/estiloHistoria.css">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
    <link rel="shortcut icon" href="img/miLogo-removebg-preview.png">
</head>

<body>
    <div id="menu">
        <nav class="navbar navbar-expand-lg bg-body-tertiary">
            <div class="container-fluid">
                <a class="navbar-brand" href="index.html"><img id="logo" src="img/miLogo-removebg-preview.png"
                        alt=""></a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                    data-bs-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 me-auto mb-2 mb-lg-0">
                        <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="galeria.html">Galeria</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="menu.html">Menu</a>
                        </li>
                        <li class="nav-item">
                            <a a href="contacto.html" class="nav-link" href="#">Contacto</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="comprar.html">Comprar</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="historia.html">Historia</a>
                        </li>
                        <li class="nav-item">
                            <a href="ubicacion.html" class="nav-link" href="ubicacion.html">Ubicación</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="autores.html">Autores</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="acercade.html">Acerca de</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>

    <main> </main>
    <div id="imagen">
        <img id="encabezado" src="img/miLogo-removebg-preview.png" alt="">
    </div>
    <div id="contenedor">
        <div class="divHistoria">
            <h3>Apartado histórico</h3>
            <br>
            <br>
            <p>Hace unos meses, nació la visión de nuestro chef; un amante apasionado de la buena comida. Inspirado por
                su amor por los sabores auténticos y la idea de compartirlos con el mundo, decidió dar vida a su propio
                emprendimiento gastronómico.</p>
        </div>

        <div class="divHistoria">
            <h3>Como nació este sueño</h3>
            <br>
            <br>
            <br>
            <p>
                Siempre tuve el interés y la ilusión de poder hacer feliz a las personas con mis comidas. Eso me impulsó
                a querer dar el siguiente paso y poner mi propio negocio.
            </p>
        </div>

        <div class="divHistoria">
            <h3>Algo sobre mí</h3>
            <br>
            <br>
            <br>
            <p>
                Soy una persona activa, que le encanta cocinar y preparar diferentes platillos, no solo comidas rápidas.
                Me especializo en comida italiana y parrillera, pero soy muy abierto para trabajar cualquier tipo de
                comida.
            </p>
        </div>
    </div>



    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="js/historia.js"></script>
</body>

<footer id="foot">
    <div id="redes">
        <a href=""><img
                src="https://static.vecteezy.com/system/resources/previews/023/986/470/original/facebook-logo-facebook-logo-transparent-facebook-icon-transparent-free-free-png.png"
                alt="Facebook"></a>
        <a href=""><img
                src="https://static.vecteezy.com/system/resources/previews/018/930/692/original/instagram-logo-instagram-icon-transparent-free-png.png"
                alt="Instagram"></a>
    </div>
    <p>&copy; Derechos reservados</p>
    <p>Telefono: (506) 8579-0124</p>
    <p>Correo: foodhouse@gmail.com</p>
</footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
    crossorigin="anonymous"></script>

</html>