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>&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>
+</body>
+</html>