Scribd Logo
Upload

Welcome to Scribd!

  • 4 views

    Pagina 23

    Uploaded by

    greco617
    The document is the code for a website layout using HTML and Bootstrap. It includes code for the page header, navigation bar, and basic content containers. The navigation bar code uses Bootstrap for styling and interactivity.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Pagina 23

    Uploaded by

    greco617
    4 views3 pages
    The document is the code for a website layout using HTML and Bootstrap. It includes code for the page header, navigation bar, and basic content containers. The navigation bar code uses Bootstrap for styling and interactivity.

    Original Title

    PAGINA 23

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document is the code for a website layout using HTML and Bootstrap. It includes code for the page header, navigation bar, and basic content containers. The navigation bar code uses Bootstrap for styling and interactivity.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    4 views3 pages

    Pagina 23

    Uploaded by

    greco617
    The document is the code for a website layout using HTML and Bootstrap. It includes code for the page header, navigation bar, and basic content containers. The navigation bar code uses Bootstrap for styling and interactivity.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 3

    CODIGO

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Untitled Document</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap-4.3.1.css" rel="stylesheet">

    </head>
    <body>
    <!-- body code goes here -->
    <div class="container">
    <div class="row align-items-center">
    <div class="col"><img src="Logos/logo-maestro.png" class="img-fluid" alt="Placeholder
    image"></div>
    <div class="col"><img src="Logos/telefono.png" class="img-fluid" alt="Placeholder
    image"></div>
    <div class="col"><img src="Gifs/que hay hoy.gif" class="col d-none d-md-block"
    alt="Placeholder image"></div>
    </div>
    </div>

    <!--Contenido-->

    <nav-bar>
    <div class="container-fluid">
    <nav class="navbar navbar-expand-lg navbar-light bg-warning">
    <a href="#" class="navbar-brand">Barra de Navegación</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-
    target="#navbarSupportedContent1" aria-expanded="false" aria-label="Toggle
    navigation"><span class="navbar-toogler-icon"></span></button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent1">
    <ul class="navbar-nav mr-auto">
    <li class="nav-item active"><a href="#" class="nav-link bg-warning">La Carta<span
    class="sr-only">(Current)</span></a></li>
    <li class="nav-item"></li>
    <li class="nav-item"><a href="#" class="nav-link bg-warning">Donde estamos</a></li>

    <li class="nav-item dropdown"><a href="#" class="nav-link dropdown-toggle bg-


    warning" id="navBarDropdown1" role="button" data-toggler="dropdown" aria-
    haspopup="true" aria-expanded="false">El Restaurante</a>
    <div class="dropdown-menu" aria-labelledby="navbarDropdown1">
    <a href="#" class="dropdown-item">Fundación</a>
    <a href="#" class="dropdown-item">Por que se fundó</a>
    <div class="dropdown-divider"></div>
    <a href="#" class="dropdown-item">Fundadores</a>
    </div>
    </li>
    <li class="nav-item"><a href="#" class="nav-link bg-warning">Contactos</a></li>
    </ul>
    <form action="" class="form-inline my-2 my-lg-0">
    <input type="search" class="form-control mr-sm-2" placeholder="Buscar" aria-
    lavel="search">
    <button class="btn btn-outline-primary my-2 my-sm-0"
    type="submit">Buscar</button>
    </form>
    </div>
    </nav>
    </div>
    </nav-bar>

    You might also like