From 52a0e23e6bd3d9c0657c6e69efd35d957fcd3a10 Mon Sep 17 00:00:00 2001 From: roniperdomo <roniperdomo461@gmail.com> Date: Wed, 18 Sep 2024 14:07:06 -0600 Subject: [PATCH] Create README.md --- README.md | 165 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 165 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..55ff74f --- /dev/null +++ b/README.md @@ -0,0 +1,165 @@ +<html lang="es"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <meta name="description" content="Tienda de motos, las mejores marcas y modelos a tu disposición."> + <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> +<meta name="generator" content="Editor HTML v0.0.1.7 - www.editorhtml.tk" /><meta name="generator" content="Editor HTML v0.0.1.7 - www.editorhtml.tk" /><meta name="generator" content="Editor HTML v0.0.1.7 - www.editorhtml.tk" /></head> +<body> + <header> + <h1>Tienda de Venta de Motos</h1> + </header> + + <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>© 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> +</body> +</html>