index.html

﻿<!DOCTYPE html>
<html lang="es-mx">
<head>
    <title>B|Mty</title>
    <meta charset="utf-8"/>
    <link rel="icon" type="image/png" href="Images/LogoHead.png" />
    <link rel='stylesheet' type='text/css' href='stylesheet.css' />
    <script type='text/javascript' src='script.js'></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
    <meta name="viewport" content="width-device-width, initial-scale=1.0">
</head>
<body class="body">
    <header class="mainheader">
        <img src="/Images/Logo.png" alt="Logo" style="width:222px;height:104px;">
    <nav><ul>
        <li><a href="#">Contacto</a></li>
        <li class="active"><a href="#">Inicio</a></li>    
    </ul></nav>
    </header>
    
    <div class="mainContent"> 
       <div id="menu">    
            <h3>Bolsas</h3>
                <h4>Tote</h4>
                <div>
                    <img src="/Images/ToteBagWhite.jpg" alt="Tote" style="width:200px;height:200px;"></>
                    <p>Colores: Blanco y café.</p>
                </div>
                <h4>Hobo</h4>
                <div>
                    <img src="/Images/HoboBagOrange.jpg" alt="Hobo" style="width:191.7px;height:191.7px;"></>
                    <p>Colores: Naranja.</p>
                </div>
        </div>
    </div>
    <footer class="mainFooter">
        <p>Copyright &copy; B|Mty Monterrey, N.L.</p>
    </footer>
</body>
</html>