<title>Venta de Motos</title> <style> body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; } header { background-color: #222; color: #fff; padding: 20px 0; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } nav { background-color: #444; padding: 15px; text-align: center; } nav a { color: #fff; text-decoration: none; margin: 0 15px; font-size: 18px; transition: color 0.3s ease; } nav a:hover { color: #ffa500; } section { padding: 40px; text-align: center; background-color: #fff; margin: 20px 0; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } h2 { color: #333; } .motos { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; } .moto { border: 1px solid #ddd; border-radius: 10px; background-color: #fff; padding: 20px; width: 300px; transition: transform 0.3s ease, box-shadow 0.3s ease; } .moto img { width: 100%; border-radius: 10px; height: auto; } .moto:hover { transform: scale(1.05); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); } footer { background-color: #222; color: #fff; text-align: center; padding: 20px; margin-top: 40px; position: relative; bottom: 0; width: 100%; } button { background-color: #ffa500; color: #fff; border: none; padding: 10px 40px; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } button:hover { background-color: #e69500; } </style>

Tienda de Venta de Motos

<nav>
    <a href="#home">Inicio</a>
    <a href="#motos">Motos</a>
    <a href="#contacto">Contacto</a>
    <a href="#sobre-nosotros">Sobre Nosotros</a>
</nav>

<section id="home">
    <h2>Bienvenido a la mejor tienda de motos de todo el distrito</h2>
    <p>Encuentra las mejores marcas y modelos de motos a precios competitivos. ¡Aprovecha nuestras ofertas!</p>
    <button>Ver Ofertas</button>
</section>

<section id="motos">
    <h2>Nuestros Modelos Destacados</h2>
    <div class="moto">
        <div class="moto">
           <img src="ANDERR.jpg" width="400" height="400"/>"
            <h3>Moto Deportiva 1</h3>
            <p>Precio: $8,000</p>
            <p>Diseño aerodinámico y potente motor para amantes de la velocidad.</p>
            <button>Comprar Ahora</button>
        </div>

        <div class="moto">
              <img src="MT1.jpg" width="400" height="400"/>
            <h3>Moto CCR2 </h3>
            <p>Precio: $9,500</p>
            <p>Comodidad y estilo para recorrer largas distancias con elegancia.</p>
            <button>Comprar Ahora</button>
        </div>

        <div class="moto">
              <img src="mt3.jpg" width="400" height="400"/>
            <h3>Moto Eléctrica 3</h3>
             <h3>Moto  CR1 </h3>
            <p>Precio: $7,200</p>
            <p>Eficiencia ecológica y bajos costos de mantenimiento.</p>
            <button>Comprar Ahora</button>
        </div>
    </div>
</section>

<section id="contacto">
    <h2>Contacto</h2>
    <p>Teléfono: +503 6961 2433</p>
    <p>Email: info@andersson.com</p>
    <button>Contáctanos</button>
</section>

<section id="sobre-nosotros">
    <h2>Sobre Nosotros</h2>
    <p>Somos una tienda especializada en la venta de motos de alta calidad. Con años de experiencia en el sector, ofrecemos a nuestros clientes los mejores productos y servicios.</p>
</section>

<footer>
    <p>&copy; 2024 Tienda de Motos. Todos los derechos reservados.</p>
</footer>
    <img src="ANDERR.jpg" width="400" height="400"/>
    
    <img src="ANDERR.jpg" width="400" height="300"/>
    
      <video width="500" height="400" controls>
<source src="MT.mp4" type="video/mp4">
   </video>