Tul xxx Tul

Viewing: index1.html

<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="http://emprendo.com.co/wp-content/uploads/2024/12/Favicon-s.png" type="image/png">
    <title>eComercial</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Jost:wght@100..900&display=swap" rel="stylesheet">
    <style>
        body {
            background-color: #f8f9fa;
        }

        header {
            margin-bottom: 20px;
            position: relative;
            z-index: 2;
        }

        video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 102%;
            object-fit: cover;
            z-index: 1;
        }

        .card {
            margin: 15px;
            transition: transform 0.3s;
        }

        .card:hover {
            transform: scale(1.05);
        }

        .card-img-top {
            height: 200px;
            object-fit: cover;
        }

        .btn {
            color: white;
            margin-right: 5px;
            font-size: 0.8rem;
        }

        .btn-play {
            background-color: #28a745;
        }

        .btn-pause {
            background-color: #ffc107;
        }

        .btn-stop {
            background-color: #dc3545;
        }

        .features,
        .pricing {
            margin-top: 30px;
            padding: 20px;
            border-radius: 8px;
        }

        .features {
            background-color: #e9ecef;
        }

        .pricing {
            background-color: #d3f9d8;
        }

        .pricing-item {
            background-color: #fff;
            border: 1px solid #28a745;
            border-radius: 8px;
            padding: 15px;
            margin: 10px 0;
        }

        #header {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000;
            padding: 10px 0;
            transition: background-color 0.3s ease;
        }

        #header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: white;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: -1;
        }

        #header.scrolled::before {
            opacity: 1;
        }

        #logo {
            width: 250px;
            transition: width 0.3s ease;
            display: block;
            margin: 0 auto;
        }

        #logo.shrink {
            width: 200px;
        }

        .header-placeholder {
            height: 80px;
        }

        .card {
            transition: transform 0.3s ease-in-out;
        }

        .card:hover {
            transform: scale(1.05);
        }

        .card-header {
            background-color: #007bff;
            color: white;
        }

        .card-footer {
            background-color: #f8f9fa;
        }

        .jost-custom {
            font-family: "Jost", sans-serif;
            font-optical-sizing: auto;
            font-weight: 400;
            font-style: normal;
        }

        h1,
        h2 {
            color: #007bff;
        }
    </style>
</head>

<body>
    <header id="header">
        <img id="logo" src="http://emprendo.com.co/wp-content/uploads/2024/12/eComercials.png" alt="Logo eComercial">
    </header>

    <div>
        <video autoplay loop muted>
            <source src="http://emprendo.com.co/wp-content/uploads/2024/12/eComercial-video.mp4" type="video/mp4">
            Tu navegador no soporta el video.
        </video>
        <div
            style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, white, transparent); z-index: 1;">
        </div>
    </div>

    <div class="container" style="padding-top: 850px;">
        <h1 class="text-center" style="color: #007bff;">Haz que tu negocio resuene.</h2>
            <p class="text-center" style="color: #494949;">Transforma tu marca con contenidos publicitarios de alta
                calidad. Ideal para promocionar tu negocio de manera creativa y efectiva.</p>
            <div class="row">
                <div class="col-md-4">
                    <div class="card">
                        <img src="https://emprendo.com.co/eComercial/PModaUrbana.jpg" class="card-img-top"
                            alt="Tienda de Ropa">
                        <div class="card-body">
                            <h5 class="card-title">Moda Urbana</h5>
                            <h6 class="card-subtitle mb-2 text-muted">Tienda de Ropa</h6>
                            <p class="card-text">Moda Urbana ofrece las últimas tendencias en ropa y accesorios para
                                jóvenes. Visítanos para encontrar tu estilo.</p>
                            <p><strong>Dirección:</strong> Calle 123, Cúcuta</p>
                            <p><strong>Teléfono:</strong> (123) 456-7890</p>
                            <p><strong>Spot Publicitario:</strong></p>
                            <button class="btn btn-play"
                                onclick="playSound('https://emprendo.com.co/eComercial/SModaUrbana.mp3')"><i
                                    class="fas fa-play"></i></button>                            
                            <button class="btn btn-stop" onclick="stopSound()"><i class="fas fa-stop"></i></button>
                            <input type="range" id="audioSeek" value="0" min="0" max="100" step="1" onchange="seekAudio(this.value)">
                            <p><strong>Canción:</strong></p>
                            <button class="btn btn-play"
                                onclick="playSound('https://emprendo.com.co/eComercial/MModaUrbana.mp3')"><i
                                    class="fas fa-play"></i></button>                            
                            <button class="btn btn-stop" onclick="stopSound()"><i class="fas fa-stop"></i></button>
                            <input type="range" id="audioSeek" value="0" min="0" max="100" step="1" onchange="seekAudio(this.value)">
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <img src="https://emprendo.com.co/eComercial/PSaborCucuta.jpg" class="card-img-top"
                            alt="Restaurante">
                        <div class="card-body">
                            <h5 class="card-title">Sabor Cúcuta</h5>
                            <h6 class="card-subtitle mb-2 text-muted">Restaurante</h6>
                            <p class="card-text">Disfruta de la mejor gastronomía local en Sabor Cúcuta. Platos
                                tradicionales que te harán sentir como en casa.</p>
                            <p><strong>Dirección:</strong> Avenida 456, Cúcuta</p>
                            <p><strong>Teléfono:</strong> (123) 987-6543</p>
                            <p><strong>Spot Publicitario:</strong></p>
                            <button class="btn btn-play"
                                onclick="playSound('https://emprendo.com.co/eComercial/SSaborCucuta.mp3')"><i
                                    class="fas fa-play"></i></button>
                            <button class="btn btn-stop" onclick="stopSound()"><i class="fas fa-stop"></i></button>
                            <input type="range" id="audioSeek" value="0" min="0" max="100" step="1" onchange="seekAudio(this.value)">
                            <p><strong>Canción:</strong></p>
                            <button class="btn btn-play"
                                onclick="playSound('https://emprendo.com.co/eComercial/MSaborCucuta.mp3')"><i
                                    class="fas fa-play"></i></button>
                            <button class="btn btn-stop" onclick="stopSound()"><i class="fas fa-stop"></i></button>
                            <input type="range" id="audioSeek" value="0" min="0" max="100" step="1" onchange="seekAudio(this.value)">
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <img src="https://emprendo.com.co/eComercial/PCafedelParque.jpg" class="card-img-top"
                            alt="Cafetería">
                        <div class="card-body">
                            <h5 class="card-title">Café del Parque</h5>
                            <h6 class="card-subtitle mb-2 text-muted">Cafetería</h6>
                            <p class="card-text">Café del Parque es el lugar ideal para disfrutar de un buen café y un
                                ambiente acogedor. ¡Ven a relajarte!</p>
                            <p><strong>Dirección:</strong> Carrera 789, Cúcuta</p>
                            <p><strong>Teléfono:</strong> (123) 321-4567</p>
                            <p><strong>Spot Publicitario:</strong></p>
                            <button class="btn btn-play"
                                onclick="playSound('https://emprendo.com.co/eComercial/SCafedelParque.mp3')"><i
                                    class="fas fa-play"></i></button>
                            <button class="btn btn-stop" onclick="stopSound()"><i class="fas fa-stop"></i></button>
                            <input type="range" id="audioSeek" value="0" min="0" max="100" step="1" onchange="seekAudio(this.value)">
                            <p><strong>Canción:</strong></p>
                            <button class="btn btn-play"
                                onclick="playSound('https://emprendo.com.co/eComercial/MCafedelParque.mp3')"><i
                                    class="fas fa-play"></i></button>
                            <button class="btn btn-stop" onclick="stopSound()"><i class="fas fa-stop"></i></button>
                            <input type="range" id="audioSeek" value="0" min="0" max="100" step="1" onchange="seekAudio(this.value)">
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <img src="https://emprendo.com.co/eComercial/PMundoMagico.jpg" class="card-img-top"
                            alt="Juguetería Mundo Mágico">
                        <div class="card-body">
                            <h5 class="card-title">Juguetería Mundo Mágico</h5>
                            <h6 class="card-subtitle mb-2 text-muted">Tienda de Juguetes</h6>
                            <p class="card-text">Descubre un mundo de diversión en Juguetería Mundo Mágico. Ofrecemos
                                una
                                amplia gama de juguetes para todas las edades.</p>
                            <p><strong>Dirección:</strong> Calle 101, Cúcuta</p>
                            <p><strong>Teléfono:</strong> (123) 654-3210</p>
                            <p><strong>Spot Publicitario:</strong></p>
                            <button class="btn btn-play"
                                onclick="playSound('https://emprendo.com.co/eComercial/SMundoMagico.mp3')"><i
                                    class="fas fa-play"></i></button>
                            <button class="btn btn-stop" onclick="stopSound()"><i class="fas fa-stop"></i></button>
                            <input type="range" id="audioSeek" value="0" min="0" max="100" step="1" onchange="seekAudio(this.value)">
                            <p><strong>Canción:</strong></p>
                            <button class="btn btn-play"
                                onclick="playSound('https://emprendo.com.co/eComercial/MMundoMagico.mp3')"><i
                                    class="fas fa-play"></i></button>                            
                            <button class="btn btn-stop" onclick="stopSound()"><i class="fas fa-stop"></i></button>
                            <input type="range" id="audioSeek" value="0" min="0" max="100" step="1" onchange="seekAudio(this.value)">
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <img src="https://emprendo.com.co/eComercial/PTechZone.jpg" class="card-img-top" alt="TechZone">
                        <div class="card-body">
                            <h5 class="card-title">TechZone</h5>
                            <h6 class="card-subtitle mb-2 text-muted">Tienda de Tecnología</h6>
                            <p class="card-text">En TechZone encontrarás los últimos gadgets y dispositivos
                                tecnológicos.
                                ¡Ven y descubre lo mejor en tecnología!</p>
                            <p><strong>Dirección:</strong> Avenida 202, Cúcuta</p>
                            <p><strong>Teléfono:</strong> (123) 987-6543</p>
                            <p><strong>Spot Publicitario:</strong></p>
                            <button class="btn btn-play"
                                onclick="playSound('https://emprendo.com.co/eComercial/STechZone.mp3')"><i
                                    class="fas fa-play"></i></button>
                            
                            <button class="btn btn-stop" onclick="stopSound()"><i class="fas fa-stop"></i></button>
                            <input type="range" id="audioSeek" value="0" min="0" max="100" step="1" onchange="seekAudio(this.value)">
                            <p><strong>Canción:</strong></p>
                            <button class="btn btn-play"
                                onclick="playSound('https://emprendo.com.co/eComercial/MTechZone.mp3')"><i
                                    class="fas fa-play"></i></button>                            
                            <button class="btn btn-stop" onclick="stopSound()"><i class="fas fa-stop"></i></button>
                            <input type="range" id="audioSeek" value="0" min="0" max="100" step="1" onchange="seekAudio(this.value)">
                        </div>
                    </div>
                </div>
            </div>

            <br>
            <br>

            <h2 class="text-center" style="color: #007bff;">¡Impulsa tu marca y conecta con tus clientes hoy mismo!</h2>



            <div class="container px-4 py-5" id="featured-3">
                <!-- <h2 class="pb-2 border-bottom">Beneficios del Producto</h2> -->
                <div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
                    <div class="feature col">
                        <div
                            class="feature-icon d-inline-flex align-items-center justify-content-center bg-gradient fs-2 mb-3">
                            <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Locuciones-Dinamicas.png"
                                alt="Locuciones-Dinamicas" width="80">
                        </div>
                        <h3 class="fs-2 text-body-emphasis">Locuciones Dinámicas</h3>
                        <p>Que captan la atención del público e informan acerca de tu establecimiento comercial</p>
                    </div>
                    <div class="feature col">
                        <div
                            class="feature-icon d-inline-flex align-items-center justify-content-center bg-gradient fs-2 mb-3">
                            <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Ambientes-musicales.png"
                                alt="Ambientes-musicales" width="80">
                        </div>
                        <h3 class="fs-2 text-body-emphasis">Música de Ambiente</h3>
                        <p>Que mejora la experiencia de compra y resalta las bondades de tu establecimiento y sus
                            productos
                            y/o servicios</p>
                    </div>
                    <div class="feature col">
                        <div
                            class="feature-icon d-inline-flex align-items-center justify-content-center bg-gradient fs-2 mb-3">
                            <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Uso-Libre.png" alt="Uso-Libre"
                                width="80">
                        </div>
                        <h3 class="fs-2 text-body-emphasis">Uso libre</h3>
                        <p>De las piezas musicales y locuciones en distintos canales de marketing, adaptándose a las
                            necesidades de cada negocio</p>
                    </div>
                    <div class="feature col">
                        <div
                            class="feature-icon d-inline-flex align-items-center justify-content-center bg-gradient fs-2 mb-3">
                            <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Bajo-Costo.png" alt="Bajo-Costo"
                                width="80">
                        </div>
                        <h3 class="fs-2 text-body-emphasis">Bajo Costo</h3>
                        <p>En comparación de lo que costaría contratar a locutores y músicos en vivo</p>
                    </div>
                    <div class="feature col">
                        <div
                            class="feature-icon d-inline-flex align-items-center justify-content-center bg-gradient fs-2 mb-3">
                            <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Reproducciones-Ilimitadas.png"
                                alt="Reproducciones-Ilimitadas" width="80">
                        </div>
                        <h3 class="fs-2 text-body-emphasis">Reproducción Ilimitada</h3>
                        <p>Cuantas veces lo desees y en múltiples plataformas, sucursales o todo al mismo tiempo</p>
                    </div>
                    <div class="feature col">
                        <div
                            class="feature-icon d-inline-flex align-items-center justify-content-center bg-gradient fs-2 mb-3">
                            <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Variedad-de-Generos.png"
                                alt="Variedad-de-Generos" width="80">
                        </div>
                        <h3 class="fs-2 text-body-emphasis">Variedad de géneros y estilos musicales</h3>
                        <p>Para que elijas la música que más te convenga, pues queremos asegurarte una experiencia
                            personalizada</p>
                    </div>
                </div>
            </div>


            <div class="container py-5">
                <h1 class="text-center mb-5">Planes y Precios</h1>
                <div class="row">
                    <!-- Plan Básico -->
                    <div class="col-md-4 mb-4">
                        <div class="card h-100">
                            <div class="card-header text-center">
                                <h5 class="card-title">Spots Publicitarios</h5>
                            </div>
                            <div class="card-body">
                                <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Sopts.png" alt="Canciones"
                                    style="display: block; margin: 0 auto;" height="100">
                                <h2 class="text-center">$ 50.000</h2>
                                <br>
                                <ul class="list-unstyled text-center">
                                    <li>🔊 Guiones originales</li>
                                    <li>🔊 100 % personalizadas</li>
                                    <li>🔊 Grabación HD</li>
                                    <li>🔊 Edición Mezcla y Master</li>
                                    <li>🔊 Derechos de Explotación y Uso</li>
                                    <li>🔊 Adaptabilidad Multiplataformas</li>
                                </ul>
                            </div>
                            <div class="card-footer text-center">
                                <a href="#" class="btn btn-primary">Elegir Plan</a>
                            </div>
                        </div>
                    </div>
                    <!-- Plan Estándar -->
                    <div class="col-md-4 mb-4">
                        <div class="card h-100">
                            <div class="card-header text-center">
                                <h5 class="card-title">Canciones Temáticas</h5>
                            </div>
                            <div class="card-body">
                                <img src="http://emprendo.com.co/wp-content/uploads/2024/12/Canciones.png"
                                    alt="Canciones" style="display: block; margin: 0 auto;" height="100">
                                <h2 class="text-center">$ 50.000</h2>
                                <br>
                                <ul class="list-unstyled text-center">
                                    <li>🎶 Letras originales</li>
                                    <li>🎶 100% personalizadas</li>
                                    <li>🎶 Variedad de Géneros Musicales</li>
                                    <li>🎶 Creación iA última generación</li>
                                    <li>🎶 Edición Mezcla y Master</li>
                                    <li>🎶 Derechos de Explotación y Uso</li>
                                    <li>🎶 Adaptabilidad Multiplataformas</li>
                                </ul>
                            </div>
                            <div class="card-footer text-center">
                                <a href="#" class="btn btn-primary">Elegir Plan</a>
                            </div>
                        </div>
                    </div>
                    <!-- Plan Premium -->
                    <div class="col-md-4 mb-4">
                        <div class="card h-100">
                            <div class="card-header text-center" style="background-color: #ffc107;">
                                <h4 class="card-title" style="color: black;">Paquete 2025</h4>
                            </div>
                            <div class="card-body">
                                <h2 class="text-center" style="color: #dc3545;"><del>$1.800.000</del></h2>
                                <h1 class="text-center">$1.260.000</h1>
                                <h3 class="text-center" style="color: #28a745;">30% DESCUENTO</h3>
                                <ul class="list-unstyled text-center">
                                    <li>⭐ 18 Spots 20 segundos</li>
                                    <li>⭐ 18 Canciones Temáticas </li>
                                    <li>⭐ 18 Guiones originales (Spots)</li>
                                    <li>⭐ 9 Letras Originales (Canciones) 
                                    <li>⭐ Contenidos 100% Personalizados</li>
                                    <li>⭐ Grabación HD</li>
                                    <li>⭐ Edición Mezcla y Master</li>
                                    <li>⭐ Creación iA última generación</li>
                                    <li>⭐ Edición Mezcla y Master</li>
                                    <li>⭐ Derechos de Explotación y Uso</li>
                                    <li>⭐ Adaptabilidad Multiplataformas</li>
                                </ul>
                            </div>
                            <div class="card-footer text-center">
                                <a href="#" class="btn btn-primary">Elegir Plan</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <footer class="text-center my-4">
                <p>© 2024 <a href="https://www.emprendo.com.co/" target="_blank" class="text-blue-600 hover:underline"
                    style="color: #ff3900;">eMprendo</a>. Todos los derechos reservados</p>               
            </footer>



            <script>
                let currentAudio = null;

                function playSound(soundFile) {
                    if (currentAudio) {
                        currentAudio.pause();
                    }
                    currentAudio = new Audio(soundFile);
                    currentAudio.play();
                }

                function pauseSound() {
                    if (currentAudio) {
                        currentAudio.pause();
                    }
                }

                function stopSound() {
                    if (currentAudio) {
                        currentAudio.pause();
                        currentAudio.currentTime = 0;
                    }
                }

                function seekAudio(value) {
                    if (currentAudio) {
                        const duration = currentAudio.duration;
                        currentAudio.currentTime = (value / 100) * duration;
                    }
                }

                // Actualiza el control deslizante mientras se reproduce el audio
                setInterval(() => {
                    if (currentAudio) {
                        const seekBar = document.getElementById('audioSeek');
                        seekBar.value = (currentAudio.currentTime / currentAudio.duration) * 100;
                    }
                }, 1000);

                window.onscroll = function () {
                    const header = document.getElementById("header");
                    const logo = document.getElementById("logo");
                    if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
                        header.classList.add("scrolled");
                        logo.classList.add("shrink");
                    } else {
                        header.classList.remove("scrolled");
                        logo.classList.remove("shrink");
                    }
                };
            </script>

            <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
            <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.0.7/dist/umd/popper.min.js"></script>
            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
                integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
                crossorigin="anonymous"></script>
</body>

</html>
User / IP	: 216.73.216.217
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64