It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://www.andrewtv.org

  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4.    <meta charset="UTF-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.    <meta name="description" content="SolMarque Creations - Impresión artística y diseño gráfico en Madrid. Especialistas en pósters musicales personalizados, gran formato, branding y ediciones limitadas.">
  7.    <meta name="keywords" content="diseño gráfico Madrid, impresión artística, pósters musicales, gran formato, branding, ediciones limitadas">
  8.    <title>SolMarque Creations - Impresión Artística y Diseño Gráfico Madrid</title>
  9.    
  10.    <link rel="icon" type="image/x-icon" href="favicon.ico">
  11.    <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
  12.    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
  13.    
  14.    <style>
  15.        :root {
  16.            --primary: #FF6F3C;
  17.            --primary-light: #FF9977;
  18.            --primary-dark: #CC5930;
  19.            --secondary: #2C3E50;
  20.            --secondary-light: #4A6278;
  21.            --secondary-dark: #1A2A38;
  22.            --accent: #F1C40F;
  23.            --accent-light: #F7D94C;
  24.            --accent-dark: #B7950B;
  25.            --background: #FFFFFF;
  26.            --text: #2C3E50;
  27.            --text-secondary: #7F8C8D;
  28.        }
  29.  
  30.        @media (prefers-reduced-motion: reduce) {
  31.            *, *::before, *::after {
  32.                animation-duration: 0.01ms !important;
  33.                animation-iteration-count: 1 !important;
  34.                transition-duration: 0.01ms !important;
  35.            }
  36.        }
  37.  
  38.        body {
  39.            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  40.            color: var(--text);
  41.            line-height: 1.6;
  42.        }
  43.  
  44.        .hero-section {
  45.            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
  46.            min-height: 100vh;
  47.            display: flex;
  48.            align-items: center;
  49.            position: relative;
  50.            overflow: hidden;
  51.        }
  52.  
  53.        .hero-section::before {
  54.            content: '';
  55.            position: absolute;
  56.            top: 0;
  57.            left: 0;
  58.            right: 0;
  59.            bottom: 0;
  60.            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="80" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
  61.            opacity: 0.3;
  62.        }
  63.  
  64.        .section-padding {
  65.            padding: 80px 0;
  66.        }
  67.  
  68.        .btn-primary {
  69.            background-color: var(--primary);
  70.            border-color: var(--primary);
  71.            padding: 12px 30px;
  72.            font-weight: 600;
  73.            border-radius: 25px;
  74.            transition: all 0.3s ease;
  75.        }
  76.  
  77.        .btn-primary:hover {
  78.            background-color: var(--primary-dark);
  79.            border-color: var(--primary-dark);
  80.            transform: translateY(-2px);
  81.            box-shadow: 0 5px 15px rgba(255, 111, 60, 0.4);
  82.        }
  83.  
  84.        .btn-outline-primary {
  85.            color: var(--primary);
  86.            border-color: var(--primary);
  87.            border-radius: 25px;
  88.            padding: 12px 30px;
  89.            font-weight: 600;
  90.        }
  91.  
  92.        .btn-outline-primary:hover {
  93.            background-color: var(--primary);
  94.            border-color: var(--primary);
  95.        }
  96.  
  97.        .card {
  98.            border: none;
  99.            border-radius: 15px;
  100.            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  101.            transition: transform 0.3s ease, box-shadow 0.3s ease;
  102.            overflow: hidden;
  103.        }
  104.  
  105.        .card:hover {
  106.            transform: translateY(-5px);
  107.            box-shadow: 0 15px 30px rgba(0,0,0,0.15);
  108.        }
  109.  
  110.        .feature-icon {
  111.            width: 80px;
  112.            height: 80px;
  113.            background: linear-gradient(45deg, var(--primary), var(--accent));
  114.            border-radius: 50%;
  115.            display: flex;
  116.            align-items: center;
  117.            justify-content: center;
  118.            color: white;
  119.            font-size: 2rem;
  120.            margin: 0 auto 20px;
  121.        }
  122.  
  123.        .navbar {
  124.            background-color: rgba(255, 255, 255, 0.95) !important;
  125.            backdrop-filter: blur(10px);
  126.            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  127.        }
  128.  
  129.        .navbar-brand {
  130.            font-weight: 700;
  131.            color: var(--primary) !important;
  132.            font-size: 1.5rem;
  133.        }
  134.  
  135.        .nav-link {
  136.            color: var(--text) !important;
  137.            font-weight: 500;
  138.            margin: 0 10px;
  139.            transition: color 0.3s ease;
  140.        }
  141.  
  142.        .nav-link:hover {
  143.            color: var(--primary) !important;
  144.        }
  145.  
  146.        .section-title {
  147.            color: var(--secondary);
  148.            font-weight: 700;
  149.            margin-bottom: 3rem;
  150.            position: relative;
  151.        }
  152.  
  153.        .section-title::after {
  154.            content: '';
  155.            position: absolute;
  156.            bottom: -10px;
  157.            left: 50%;
  158.            transform: translateX(-50%);
  159.            width: 60px;
  160.            height: 4px;
  161.            background: linear-gradient(45deg, var(--primary), var(--accent));
  162.            border-radius: 2px;
  163.        }
  164.  
  165.        .text-primary-custom {
  166.            color: var(--primary) !important;
  167.        }
  168.  
  169.        .bg-light-custom {
  170.            background-color: #f8f9fa !important;
  171.        }
  172.  
  173.        .testimonial-card {
  174.            background: white;
  175.            padding: 30px;
  176.            border-radius: 15px;
  177.            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
  178.            border-left: 5px solid var(--primary);
  179.        }
  180.  
  181.        .contact-form {
  182.            background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);
  183.            border-radius: 15px;
  184.            padding: 40px;
  185.            color: white;
  186.        }
  187.  
  188.        .form-control {
  189.            border-radius: 10px;
  190.            border: 2px solid #e9ecef;
  191.            padding: 12px 15px;
  192.            transition: border-color 0.3s ease;
  193.        }
  194.  
  195.        .form-control:focus {
  196.            border-color: var(--primary);
  197.            box-shadow: 0 0 0 0.2rem rgba(255, 111, 60, 0.25);
  198.        }
  199.  
  200.        .cookie-banner {
  201.            position: fixed;
  202.            bottom: 0;
  203.            left: 0;
  204.            right: 0;
  205.            background-color: var(--secondary);
  206.            color: white;
  207.            padding: 15px;
  208.            z-index: 1000;
  209.            transform: translateY(100%);
  210.            transition: transform 0.3s ease;
  211.        }
  212.  
  213.        .cookie-banner.show {
  214.            transform: translateY(0);
  215.        }
  216.  
  217.        .footer {
  218.            background-color: var(--secondary-dark);
  219.            color: white;
  220.            padding: 50px 0 30px;
  221.        }
  222.  
  223.        .footer h5 {
  224.            color: var(--accent);
  225.            margin-bottom: 20px;
  226.        }
  227.  
  228.        .footer a {
  229.            color: #bdc3c7;
  230.            text-decoration: none;
  231.            transition: color 0.3s ease;
  232.        }
  233.  
  234.        .footer a:hover {
  235.            color: var(--primary);
  236.        }
  237.  
  238.        @media (max-width: 768px) {
  239.            .hero-section {
  240.                min-height: 80vh;
  241.                text-align: center;
  242.            }
  243.            
  244.            .section-padding {
  245.                padding: 60px 0;
  246.            }
  247.            
  248.            .display-4 {
  249.                font-size: 2.5rem;
  250.            }
  251.        }
  252.    </style>
  253. </head>
  254. <body>
  255.    <nav class="navbar navbar-expand-lg navbar-light fixed-top">
  256.        <div class="container">
  257.            <a class="navbar-brand" href="#hero-artistic-differentiation">
  258.                <i class="fas fa-palette me-2"></i>SolMarque Creations
  259.            </a>
  260.            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav">
  261.                <span class="navbar-toggler-icon"></span>
  262.            </button>
  263.            <div class="collapse navbar-collapse" id="navbarNav">
  264.                <ul class="navbar-nav ml-auto">
  265.                    <li class="nav-item">
  266.                        <a class="nav-link" href="#hero-artistic-differentiation">Inicio</a>
  267.                    </li>
  268.                    <li class="nav-item">
  269.                        <a class="nav-link" href="#posters-musicales-personalizados">Servicios</a>
  270.                    </li>
  271.                    <li class="nav-item">
  272.                        <a class="nav-link" href="#arte-limited-edition-print">Arte</a>
  273.                    </li>
  274.                    <li class="nav-item">
  275.                        <a class="nav-link" href="#equipo-vision-artistica">Nosotros</a>
  276.                    </li>
  277.                    <li class="nav-item">
  278.                        <a class="nav-link" href="#contacto-consulta-personalizada">Contacto</a>
  279.                    </li>
  280.                </ul>
  281.            </div>
  282.        </div>
  283.    </nav>
  284. <main>
  285.    
  286.    <section id="hero-artistic-differentiation" class="hero-section">
  287.        <div class="container">
  288.            <div class="row align-items-center">
  289.                <div class="col-lg-6">
  290.                    <h1 class="display-4 text-white font-weight-bold mb-4">
  291.                        Diseño artístico y valor para tu marca
  292.                    </h1>
  293.                    <p class="lead text-white mb-4">
  294.                        SolMarque Creations combina arte, creatividad y tecnología para transformar tus ideas en piezas impresas de alto impacto visual. Ofrecemos soluciones únicas para empresas, músicos y eventos, destacándonos por la personalización y la calidad avanzada en impresión artística.
  295.                    </p>
  296.                    <div class="d-flex flex-column flex-sm-row gap-3">
  297.                        <a href="#contacto-consulta-personalizada" class="btn btn-light btn-lg">
  298.                            <i class="fas fa-rocket me-2"></i>Comenzar Proyecto
  299.                        </a>
  300.                        <a href="#posters-musicales-personalizados" class="btn btn-outline-light btn-lg">
  301.                            <i class="fas fa-eye me-2"></i>Ver Servicios
  302.                        </a>
  303.                    </div>
  304.                </div>
  305.                <div class="col-lg-6">
  306.                    <img src="images/hero-artistic-design-showcase-768x768.jpeg" alt="Diseño artístico y creatividad visual" class="img-fluid rounded shadow-lg">
  307.                </div>
  308.            </div>
  309.        </div>
  310.    </section>
  311.  
  312.    
  313.    <section id="posters-musicales-personalizados" class="section-padding">
  314.        <div class="container">
  315.            <div class="row">
  316.                <div class="col-12">
  317.                    <h2 class="section-title text-center">Posters musicales personalizados</h2>
  318.                </div>
  319.            </div>
  320.            <div class="row align-items-center">
  321.                <div class="col-lg-6 mb-4 mb-lg-0">
  322.                    <img src="images/musical-posters-custom-design-640x640.jpeg" alt="Carteles musicales personalizados" class="img-fluid rounded shadow">
  323.                </div>
  324.                <div class="col-lg-6">
  325.                    <h3 class="text-primary-custom mb-3">Arte que captura la esencia musical</h3>
  326.                    <p class="mb-4">
  327.                        Somos expertos en la creación de carteles musicales exclusivos donde fusionamos elementos visuales con identidad sonora. Desde bandas locales hasta festivales internacionales, nuestros diseños capturan la esencia de cada proyecto musical y atraen audiencias específicas con propuestas visuales únicas.
  328.                    </p>
  329.                    <div class="row">
  330.                        <div class="col-md-6 mb-3">
  331.                            <div class="d-flex align-items-center">
  332.                                <i class="fas fa-music text-primary-custom me-3"></i>
  333.                                <span>Diseño personalizado por género musical</span>
  334.                            </div>
  335.                        </div>
  336.                        <div class="col-md-6 mb-3">
  337.                            <div class="d-flex align-items-center">
  338.                                <i class="fas fa-palette text-primary-custom me-3"></i>
  339.                                <span>Identidad visual coherente</span>
  340.                            </div>
  341.                        </div>
  342.                        <div class="col-md-6 mb-3">
  343.                            <div class="d-flex align-items-center">
  344.                                <i class="fas fa-calendar-alt text-primary-custom me-3"></i>
  345.                                <span>Promoción de eventos musicales</span>
  346.                            </div>
  347.                        </div>
  348.                        <div class="col-md-6 mb-3">
  349.                            <div class="d-flex align-items-center">
  350.                                <i class="fas fa-star text-primary-custom me-3"></i>
  351.                                <span>Calidad premium garantizada</span>
  352.                            </div>
  353.                        </div>
  354.                    </div>
  355.                    <a href="#contacto-consulta-personalizada" class="btn btn-primary mt-3">
  356.                        <i class="fas fa-comment me-2"></i>Consultar Proyecto Musical
  357.                    </a>
  358.                </div>
  359.            </div>
  360.        </div>
  361.    </section>
  362.  
  363.    
  364.    <section id="impresion-gran-formato-artistica" class="section-padding bg-light-custom">
  365.        <div class="container">
  366.            <div class="row">
  367.                <div class="col-12">
  368.                    <h2 class="section-title text-center">Impresión gran formato artística</h2>
  369.                </div>
  370.            </div>
  371.            <div class="row align-items-center">
  372.                <div class="col-lg-6 order-lg-2 mb-4 mb-lg-0">
  373.                    <img src="images/large-format-artistic-printing-896x896.jpeg" alt="Impresión gran formato artística" class="img-fluid rounded shadow">
  374.                </div>
  375.                <div class="col-lg-6 order-lg-1">
  376.                    <h3 class="text-primary-custom mb-3">Impacto visual a gran escala</h3>
  377.                    <p class="mb-4">
  378.                        Realizamos impresiones de gran formato para exposiciones, eventos y espacios comerciales. Empleamos materiales de alta calidad y tecnología avanzada, logrando un impacto visual duradero y adaptado a cualquier entorno, desde galerías de arte hasta centros comerciales.
  379.                    </p>
  380.                    <div class="row">
  381.                        <div class="col-sm-6 mb-3">
  382.                            <div class="card border-0 text-center p-3">
  383.                                <div class="feature-icon mx-auto">
  384.                                    <i class="fas fa-expand-arrows-alt"></i>
  385.                                </div>
  386.                                <h5>Hasta 5 metros</h5>
  387.                                <p class="text-muted small">Formatos XXL para máximo impacto</p>
  388.                            </div>
  389.                        </div>
  390.                        <div class="col-sm-6 mb-3">
  391.                            <div class="card border-0 text-center p-3">
  392.                                <div class="feature-icon mx-auto">
  393.                                    <i class="fas fa-gem"></i>
  394.                                </div>
  395.                                <h5>Materiales Premium</h5>
  396.                                <p class="text-muted small">Canvas, vinilo, papel fotográfico</p>
  397.                            </div>
  398.                        </div>
  399.                    </div>
  400.                    <a href="#contacto-consulta-personalizada" class="btn btn-primary">
  401.                        <i class="fas fa-ruler me-2"></i>Solicitar Presupuesto
  402.                    </a>
  403.                </div>
  404.            </div>
  405.        </div>
  406.    </section>
  407.  
  408.    
  409.    <section id="consultoria-diseño-graphic-branding" class="section-padding">
  410.        <div class="container">
  411.            <div class="row">
  412.                <div class="col-12">
  413.                    <h2 class="section-title text-center">Consultoría en diseño gráfico y branding</h2>
  414.                </div>
  415.            </div>
  416.            <div class="row">
  417.                <div class="col-lg-8 mx-auto text-center mb-5">
  418.                    <p class="lead">
  419.                        Nuestros expertos asesoran a marcas y particulares en la creación y optimización de identidad visual, branding y comunicación gráfica. Aplicamos tendencias actuales y técnicas innovadoras para generar propuestas diferenciadoras que conecten con tu audiencia.
  420.                    </p>
  421.                </div>
  422.            </div>
  423.            <div class="row">
  424.                <div class="col-lg-4 mb-4">
  425.                    <div class="card h-100 text-center p-4">
  426.                        <div class="feature-icon">
  427.                            <i class="fas fa-lightbulb"></i>
  428.                        </div>
  429.                        <h4>Estrategia de Marca</h4>
  430.                        <p class="text-muted">Desarrollo de identidad visual coherente y diferenciadora que refleje los valores de tu empresa y conecte emocionalmente con tu público objetivo.</p>
  431.                    </div>
  432.                </div>
  433.                <div class="col-lg-4 mb-4">
  434.                    <div class="card h-100 text-center p-4">
  435.                        <div class="feature-icon">
  436.                            <i class="fas fa-chart-line"></i>
  437.                        </div>
  438.                        <h4>Análisis de Tendencias</h4>
  439.                        <p class="text-muted">Investigación exhaustiva de tendencias del mercado y análisis competitivo para posicionar tu marca de manera única y relevante.</p>
  440.                    </div>
  441.                </div>
  442.                <div class="col-lg-4 mb-4">
  443.                    <div class="card h-100 text-center p-4">
  444.                        <div class="feature-icon">
  445.                            <i class="fas fa-tools"></i>
  446.                        </div>
  447.                        <h4>Implementación</h4>
  448.                        <p class="text-muted">Aplicación práctica de la estrategia visual en todos los puntos de contacto: papelería, digital, señalética y materiales promocionales.</p>
  449.                    </div>
  450.                </div>
  451.            </div>
  452.        </div>
  453.    </section>
  454.  
  455.    
  456.    <section id="arte-limited-edition-print" class="section-padding bg-light-custom">
  457.        <div class="container">
  458.            <div class="row align-items-center">
  459.                <div class="col-lg-6 mb-4 mb-lg-0">
  460.                    <img src="images/limited-edition-art-prints-collection-832x832.jpeg" alt="Ediciones limitadas de arte impreso" class="img-fluid rounded shadow">
  461.                </div>
  462.                <div class="col-lg-6">
  463.                    <h2 class="text-primary-custom mb-3">Ediciones limitadas de arte impreso</h2>
  464.                    <p class="mb-4">
  465.                        Ofrecemos tiradas limitadas de arte impreso ideal para coleccionistas, galerías y amantes de la exclusividad. Cada pieza está numerada y certificada, garantizando autenticidad y alto valor artístico que perdura en el tiempo.
  466.                    </p>
  467.                    <div class="row mb-4">
  468.                        <div class="col-6">
  469.                            <div class="text-center">
  470.                                <h3 class="text-primary-custom mb-0">500+</h3>
  471.                                <p class="text-muted">Obras certificadas</p>
  472.                            </div>
  473.                        </div>
  474.                        <div class="col-6">
  475.                            <div class="text-center">
  476.                                <h3 class="text-primary-custom mb-0">50</h3>
  477.                                <p class="text-muted">Artistas colaboradores</p>
  478.                            </div>
  479.                        </div>
  480.                    </div>
  481.                    <ul class="list-unstyled">
  482.                        <li class="mb-2"><i class="fas fa-certificate text-primary-custom me-2"></i> Certificado de autenticidad incluido</li>
  483.                        <li class="mb-2"><i class="fas fa-hashtag text-primary-custom me-2"></i> Numeración única por tirada</li>
  484.                        <li class="mb-2"><i class="fas fa-shield-alt text-primary-custom me-2"></i> Garantía de exclusividad</li>
  485.                        <li class="mb-2"><i class="fas fa-trophy text-primary-custom me-2"></i> Valor de colección asegurado</li>
  486.                    </ul>
  487.                    <a href="#contacto-consulta-personalizada" class="btn btn-primary">
  488.                        <i class="fas fa-gem me-2"></i>Ver Colección Actual
  489.                    </a>
  490.                </div>
  491.            </div>
  492.        </div>
  493.    </section>
  494.  
  495.    
  496.    <section id="material-promocional-eventos" class="section-padding">
  497.        <div class="container">
  498.            <div class="row">
  499.                <div class="col-12">
  500.                    <h2 class="section-title text-center">Materiales promocionales para eventos</h2>
  501.                </div>
  502.            </div>
  503.            <div class="row">
  504.                <div class="col-lg-6 mx-auto text-center mb-5">
  505.                    <p class="lead">
  506.                        Diseñamos e imprimimos todo tipo de material promocional para eventos: flyers, acreditaciones, carteles y packaging, integrando visuales impactantes y soluciones inteligentes para la difusión efectiva de tu evento.
  507.                    </p>
  508.                </div>
  509.            </div>
  510.            <div class="row">
  511.                <div class="col-md-3 mb-4">
  512.                    <div class="card text-center h-100">
  513.                        <div class="card-body">
  514.                            <i class="fas fa-file-alt fa-3x text-primary-custom mb-3"></i>
  515.                            <h5>Flyers y Folletos</h5>
  516.                            <p class="text-muted">Diseños atractivos que comunican eficazmente la información del evento</p>
  517.                        </div>
  518.                    </div>
  519.                </div>
  520.                <div class="col-md-3 mb-4">
  521.                    <div class="card text-center h-100">
  522.                        <div class="card-body">
  523.                            <i class="fas fa-id-card fa-3x text-primary-custom mb-3"></i>
  524.                            <h5>Acreditaciones</h5>
  525.                            <p class="text-muted">Credenciales profesionales con sistemas de seguridad y diseño personalizado</p>
  526.                        </div>
  527.                    </div>
  528.                </div>
  529.                <div class="col-md-3 mb-4">
  530.                    <div class="card text-center h-100">
  531.                        <div class="card-body">
  532.                            <i class="fas fa-bullhorn fa-3x text-primary-custom mb-3"></i>
  533.                            <h5>Carteles Promocionales</h5>
  534.                            <p class="text-muted">Pósters de gran impacto visual para la promoción masiva del evento</p>
  535.                        </div>
  536.                    </div>
  537.                </div>
  538.                <div class="col-md-3 mb-4">
  539.                    <div class="card text-center h-100">
  540.                        <div class="card-body">
  541.                            <i class="fas fa-box fa-3x text-primary-custom mb-3"></i>
  542.                            <h5>Packaging Especial</h5>
  543.                            <p class="text-muted">Embalajes creativos que potencian la experiencia del asistente</p>
  544.                        </div>
  545.                    </div>
  546.                </div>
  547.            </div>
  548.        </div>
  549.    </section>
  550.  
  551.    
  552.    <section id="packaging-enmarcacion-profesional" class="section-padding bg-light-custom">
  553.        <div class="container">
  554.            <div class="row align-items-center">
  555.                <div class="col-lg-6 order-lg-2 mb-4 mb-lg-0">
  556.                    <img src="images/professional-framing-packaging-solutions-704x704.jpeg" alt="Packaging innovador y enmarcación profesional" class="img-fluid rounded shadow">
  557.                </div>
  558.                <div class="col-lg-6 order-lg-1">
  559.                    <h2 class="text-primary-custom mb-3">Packaging innovador y enmarcación profesional</h2>
  560.                    <p class="mb-4">
  561.                        Creamos packaging artístico y sistemas de enmarcado que realzan tus obras y productos. Incorporamos materiales sostenibles y diseños interactivos que potencian la identidad de marca y mejoran significativamente la experiencia de usuario.
  562.                    </p>
  563.                    <div class="row">
  564.                        <div class="col-sm-6 mb-3">
  565.                            <h5><i class="fas fa-leaf text-primary-custom me-2"></i>Sostenibilidad</h5>
  566.                            <p class="text-muted">Materiales eco-friendly y procesos responsables con el medio ambiente</p>
  567.                        </div>
  568.                        <div class="col-sm-6 mb-3">
  569.                            <h5><i class="fas fa-magic text-primary-custom me-2"></i>Diseño Interactivo</h5>
  570.                            <p class="text-muted">Packaging que sorprende y genera una experiencia memorable</p>
  571.                        </div>
  572.                        <div class="col-sm-6 mb-3">
  573.                            <h5><i class="fas fa-frame text-primary-custom me-2"></i>Enmarcado Premium</h5>
  574.                            <p class="text-muted">Marcos personalizados que complementan y protegen tus obras</p>
  575.                        </div>
  576.                        <div class="col-sm-6 mb-3">
  577.                            <h5><i class="fas fa-fingerprint text-primary-custom me-2"></i>Identidad Única</h5>
  578.                            <p class="text-muted">Soluciones que refuerzan el reconocimiento de tu marca</p>
  579.                        </div>
  580.                    </div>
  581.                </div>
  582.            </div>
  583.        </div>
  584.    </section>
  585.  
  586.    
  587.    <section id="arte-diversidad-inclusiva" class="section-padding">
  588.        <div class="container">
  589.            <div class="row">
  590.                <div class="col-12">
  591.                    <h2 class="section-title text-center">Arte inclusivo y diversidad visual</h2>
  592.                </div>
  593.            </div>
  594.            <div class="row align-items-center">
  595.                <div class="col-lg-6 mb-4 mb-lg-0">
  596.                    <img src="images/inclusive-diversity-visual-art-960x960.jpeg" alt="Arte inclusivo y diversidad visual" class="img-fluid rounded shadow">
  597.                </div>
  598.                <div class="col-lg-6">
  599.                    <h3 class="text-primary-custom mb-3">Diseño que une y representa</h3>
  600.                    <p class="mb-4">
  601.                        Nos especializamos en proyectos que celebran la diversidad, inclusión y accesibilidad mediante representaciones visuales pensadas para distintos públicos y comunidades. Impulsamos mensajes sociales y culturales poderosos a través del diseño consciente y responsable.
  602.                    </p>
  603.                    <div class="mb-4">
  604.                        <h5>Nuestro compromiso:</h5>
  605.                        <ul class="list-unstyled">
  606.                            <li class="mb-2"><i class="fas fa-universal-access text-primary-custom me-2"></i> Diseños accesibles para personas con discapacidad</li>
  607.                            <li class="mb-2"><i class="fas fa-globe text-primary-custom me-2"></i> Representación multicultural auténtica</li>
  608.                            <li class="mb-2"><i class="fas fa-heart text-primary-custom me-2"></i> Mensajes de inclusión y respeto</li>
  609.                            <li class="mb-2"><i class="fas fa-users text-primary-custom me-2"></i> Colaboración con comunidades diversas</li>
  610.                        </ul>
  611.                    </div>
  612.                    <a href="#contacto-consulta-personalizada" class="btn btn-primary">
  613.                        <i class="fas fa-hands-helping me-2"></i>Conoce Nuestros Proyectos Sociales
  614.                    </a>
  615.                </div>
  616.            </div>
  617.        </div>
  618.    </section>
  619.  
  620.    
  621.    <section id="impresion-personalizada-demand" class="section-padding bg-light-custom">
  622.        <div class="container">
  623.            <div class="row">
  624.                <div class="col-12">
  625.                    <h2 class="section-title text-center">Impresión personalizada a demanda</h2>
  626.                </div>
  627.            </div>
  628.            <div class="row">
  629.                <div class="col-lg-8 mx-auto text-center mb-5">
  630.                    <p class="lead">
  631.                        SolMarque ofrece servicios de impresión bajo demanda adaptados a las necesidades individuales o corporativas. Permite a clientes modificar colores, tamaños y mensajes, asegurando resultados únicos en cada pedido con la máxima flexibilidad.
  632.                    </p>
  633.                </div>
  634.            </div>
  635.            <div class="row">
  636.                <div class="col-lg-3 col-md-6 mb-4">
  637.                    <div class="text-center">
  638.                        <div class="feature-icon">
  639.                            <i class="fas fa-clock"></i>
  640.                        </div>
  641.                        <h5>Entrega Rápida</h5>
  642.                        <p class="text-muted">Desde 24 horas para proyectos urgentes</p>
  643.                    </div>
  644.                </div>
  645.                <div class="col-lg-3 col-md-6 mb-4">
  646.                    <div class="text-center">
  647.                        <div class="feature-icon">
  648.                            <i class="fas fa-sliders-h"></i>
  649.                        </div>
  650.                        <h5>Personalización Total</h5>
  651.                        <p class="text-muted">Colores, tamaños y acabados a tu medida</p>
  652.                    </div>
  653.                </div>
  654.                <div class="col-lg-3 col-md-6 mb-4">
  655.                    <div class="text-center">
  656.                        <div class="feature-icon">
  657.                            <i class="fas fa-layer-group"></i>
  658.                        </div>
  659.                        <h5>Sin Mínimos</h5>
  660.                        <p class="text-muted">Desde 1 unidad hasta tiradas masivas</p>
  661.                    </div>
  662.                </div>
  663.                <div class="col-lg-3 col-md-6 mb-4">
  664.                    <div class="text-center">
  665.                        <div class="feature-icon">
  666.                            <i class="fas fa-thumbs-up"></i>
  667.                        </div>
  668.                        <h5>Calidad Garantizada</h5>
  669.                        <p class="text-muted">Satisfacción asegurada en cada impresión</p>
  670.                    </div>
  671.                </div>
  672.            </div>
  673.        </div>
  674.    </section>
  675.  
  676.    
  677.    <section id="arte-deportivo-eventos" class="section-padding">
  678.        <div class="container">
  679.            <div class="row align-items-center">
  680.                <div class="col-lg-6 order-lg-2 mb-4 mb-lg-0">
  681.                    <img src="images/sports-graphic-design-events-posters-768x768.jpeg" alt="Arte gráfico para eventos deportivos" class="img-fluid rounded shadow">
  682.                </div>
  683.                <div class="col-lg-6 order-lg-1">
  684.                    <h2 class="text-primary-custom mb-3">Arte gráfico para eventos deportivos</h2>
  685.                    <p class="mb-4">
  686.                        Especialistas en el diseño de elementos gráficos para eventos deportivos, desde posters hasta merchandising completo. Integramos la identidad visual de equipos y patrocinadores con tendencias contemporáneas en arte impreso, creando piezas que motivan y unen a los aficionados.
  687.                    </p>
  688.                    <div class="row mb-4">
  689.                        <div class="col-md-6 mb-3">
  690.                            <div class="d-flex align-items-start">
  691.                                <i class="fas fa-trophy text-primary-custom me-3 mt-1"></i>
  692.                                <div>
  693.                                    <h6>Eventos Oficiales</h6>
  694.                                    <p class="text-muted small">Torneos, ligas y competiciones profesionales</p>
  695.                                </div>
  696.                            </div>
  697.                        </div>
  698.                        <div class="col-md-6 mb-3">
  699.                            <div class="d-flex align-items-start">
  700.                                <i class="fas fa-tshirt text-primary-custom me-3 mt-1"></i>
  701.                                <div>
  702.                                    <h6>Merchandising</h6>
  703.                                    <p class="text-muted small">Productos oficiales y material promocional</p>
  704.                                </div>
  705.                            </div>
  706.                        </div>
  707.                        <div class="col-md-6 mb-3">
  708.                            <div class="d-flex align-items-start">
  709.                                <i class="fas fa-users text-primary-custom me-3 mt-1"></i>
  710.                                <div>
  711.                                    <h6>Identidad de Equipo</h6>
  712.                                    <p class="text-muted small">Logos, uniformes y material institucional</p>
  713.                                </div>
  714.                            </div>
  715.                        </div>
  716.                        <div class="col-md-6 mb-3">
  717.                            <div class="d-flex align-items-start">
  718.                                <i class="fas fa-calendar text-primary-custom me-3 mt-1"></i>
  719.                                <div>
  720.                                    <h6>Campañas Temporales</h6>
  721.                                    <p class="text-muted small">Promoción de temporadas y eventos especiales</p>
  722.                                </div>
  723.                            </div>
  724.                        </div>
  725.                    </div>
  726.                    <a href="#contacto-consulta-personalizada" class="btn btn-primary">
  727.                        <i class="fas fa-futbol me-2"></i>Impulsar Proyecto Deportivo
  728.                    </a>
  729.                </div>
  730.            </div>
  731.        </div>
  732.    </section>
  733.  
  734.    
  735.    <section id="testimonios-casos-exito" class="section-padding bg-light-custom">
  736.        <div class="container">
  737.            <div class="row">
  738.                <div class="col-12">
  739.                    <h2 class="section-title text-center">Testimonios y casos de éxito</h2>
  740.                </div>
  741.            </div>
  742.            <div class="row">
  743.                <div class="col-lg-8 mx-auto text-center mb-5">
  744.                    <p class="lead">
  745.                        Clientes destacados y casos de éxito que demuestran nuestro compromiso y capacidad en proyectos relevantes, incluyendo certificados y reconocimientos en creatividad gráfica y calidad de impresión que avalan nuestra trayectoria profesional.
  746.                    </p>
  747.                </div>
  748.            </div>
  749.            <div class="row">
  750.                <div class="col-lg-4 mb-4">
  751.                    <div class="testimonial-card">
  752.                        <div class="mb-3">
  753.                            <i class="fas fa-quote-left text-primary-custom fa-2x"></i>
  754.                        </div>
  755.                        <p class="mb-3">"SolMarque transformó completamente la identidad visual de nuestro festival. Los carteles musicales que crearon generaron un 40% más de asistencia que el año anterior. Su capacidad para capturar la esencia de cada artista es excepcional."</p>
  756.                        <div class="d-flex align-items-center">
  757.                            <img src="images/client-testimonial-maria-rodriguez-64x64.jpeg" alt="María Rodríguez" class="rounded-circle me-3" width="50" height="50">
  758.                            <div>
  759.                                <h6 class="mb-0">María Rodríguez</h6>
  760.                                <small class="text-muted">Directora Festival Sonidos de Madrid</small>
  761.                            </div>
  762.                        </div>
  763.                    </div>
  764.                </div>
  765.                <div class="col-lg-4 mb-4">
  766.                    <div class="testimonial-card">
  767.                        <div class="mb-3">
  768.                            <i class="fas fa-quote-left text-primary-custom fa-2x"></i>
  769.                        </div>
  770.                        <p class="mb-3">"La calidad de impresión gran formato superó nuestras expectativas. Instalamos sus obras en nuestra galería principal y la respuesta del público ha sido extraordinaria. Cada detalle se aprecia con una nitidez impresionante."</p>
  771.                        <div class="d-flex align-items-center">
  772.                            <img src="images/client-testimonial-carlos-mendez-64x64.jpeg" alt="Carlos Méndez" class="rounded-circle me-3" width="50" height="50">
  773.                            <div>
  774.                                <h6 class="mb-0">Carlos Méndez</h6>
  775.                                <small class="text-muted">Curador Galería Arte Contemporáneo</small>
  776.                            </div>
  777.                        </div>
  778.                    </div>
  779.                </div>
  780.                <div class="col-lg-4 mb-4">
  781.                    <div class="testimonial-card">
  782.                        <div class="mb-3">
  783.                            <i class="fas fa-quote-left text-primary-custom fa-2x"></i>
  784.                        </div>
  785.                        <p class="mb-3">"Su consultoría en branding revolucionó nuestra empresa. No solo crearon una identidad visual impactante, sino que nos ayudaron a definir nuestra estrategia de comunicación. Los resultados se vieron inmediatamente en nuestras ventas."</p>
  786.                        <div class="d-flex align-items-center">
  787.                            <img src="images/client-testimonial-ana-silva-64x64.jpeg" alt="Ana Silva" class="rounded-circle me-3" width="50" height="50">
  788.                            <div>
  789.                                <h6 class="mb-0">Ana Silva</h6>
  790.                                <small class="text-muted">CEO Innovatech Solutions</small>
  791.                            </div>
  792.                        </div>
  793.                    </div>
  794.                </div>
  795.            </div>
  796.            <div class="row mt-5">
  797.                <div class="col-lg-8 mx-auto">
  798.                    <div class="row text-center">
  799.                        <div class="col-md-3 mb-3">
  800.                            <h3 class="text-primary-custom mb-0">150+</h3>
  801.                            <p class="text-muted">Proyectos Completados</p>
  802.                        </div>
  803.                        <div class="col-md-3 mb-3">
  804.                            <h3 class="text-primary-custom mb-0">98%</h3>
  805.                            <p class="text-muted">Satisfacción Cliente</p>
  806.                        </div>
  807.                        <div class="col-md-3 mb-3">
  808.                            <h3 class="text-primary-custom mb-0">5</h3>
  809.                            <p class="text-muted">Premios de Diseño</p>
  810.                        </div>
  811.                        <div class="col-md-3 mb-3">
  812.                            <h3 class="text-primary-custom mb-0">24h</h3>
  813.                            <p class="text-muted">Tiempo de Respuesta</p>
  814.                        </div>
  815.                    </div>
  816.                </div>
  817.            </div>
  818.        </div>
  819.    </section>
  820.  
  821.    
  822.    <section id="equipo-vision-artistica" class="section-padding">
  823.        <div class="container">
  824.            <div class="row">
  825.                <div class="col-12">
  826.                    <h2 class="section-title text-center">Nuestro equipo y visión artística</h2>
  827.                </div>
  828.            </div>
  829.            <div class="row align-items-center mb-5">
  830.                <div class="col-lg-6 mb-4 mb-lg-0">
  831.                    <img src="images/creative-team-artistic-vision-896x896.jpeg" alt="Equipo creativo SolMarque" class="img-fluid rounded shadow">
  832.                </div>
  833.                <div class="col-lg-6">
  834.                    <h3 class="text-primary-custom mb-3">Un equipo multidisciplinar con pasión por el arte</h3>
  835.                    <p class="mb-4">
  836.                        Presentamos al equipo multidisciplinar detrás de SolMarque: profesionales con amplia experiencia en arte, tecnología y diseño gráfico. Nuestra filosofía de trabajo colaborativo y la inspiración creativa constante impulsan cada uno de nuestros proyectos hacia la excelencia.
  837.                    </p>
  838.                    <div class="row">
  839.                        <div class="col-sm-6 mb-3">
  840.                            <h6><i class="fas fa-paint-brush text-primary-custom me-2"></i>Diseñadores Gráficos</h6>
  841.                            <p class="text-muted small">Especialistas en identidad visual y comunicación</p>
  842.                        </div>
  843.                        <div class="col-sm-6 mb-3">
  844.                            <h6><i class="fas fa-print text-primary-custom me-2"></i>Expertos en Impresión</h6>
  845.                            <p class="text-muted small">Técnicos en tecnologías avanzadas de impresión</p>
  846.                        </div>
  847.                        <div class="col-sm-6 mb-3">
  848.                            <h6><i class="fas fa-lightbulb text-primary-custom me-2"></i>Creativos Estratégicos</h6>
  849.                            <p class="text-muted small">Visión integral de proyectos y tendencias</p>
  850.                        </div>
  851.                        <div class="col-sm-6 mb-3">
  852.                            <h6><i class="fas fa-cogs text-primary-custom me-2"></i>Desarrolladores Técnicos</h6>
  853.                            <p class="text-muted small">Innovación en procesos y materiales</p>
  854.                        </div>
  855.                    </div>
  856.                </div>
  857.            </div>
  858.            <div class="row">
  859.                <div class="col-lg-4 mb-4">
  860.                    <div class="card text-center h-100">
  861.                        <div class="card-body">
  862.                            <img src="images/team-member-laura-martinez-128x128.jpeg" alt="Laura Martínez" class="rounded-circle mb-3" width="80" height="80">
  863.                            <h5>Laura Martínez</h5>
  864.                            <p class="text-primary-custom">Directora Creativa</p>
  865.                            <p class="text-muted small">15 años de experiencia en branding y diseño editorial. Especialista en proyectos culturales y musicales.</p>
  866.                        </div>
  867.                    </div>
  868.                </div>
  869.                <div class="col-lg-4 mb-4">
  870.                    <div class="card text-center h-100">
  871.                        <div class="card-body">
  872.                            <img src="images/team-member-diego-santos-128x128.jpeg" alt="Diego Santos" class="rounded-circle mb-3" width="80" height="80">
  873.                            <h5>Diego Santos</h5>
  874.                            <p class="text-primary-custom">Director Técnico</p>
  875.                            <p class="text-muted small">Experto en tecnologías de impresión digital y gran formato. Pionero en técnicas de impresión sostenible.</p>
  876.                        </div>
  877.                    </div>
  878.                </div>
  879.                <div class="col-lg-4 mb-4">
  880.                    <div class="card text-center h-100">
  881.                        <div class="card-body">
  882.                            <img src="images/team-member-sofia-ruiz-128x128.jpeg" alt="Sofía Ruiz" class="rounded-circle mb-3" width="80" height="80">
  883.                            <h5>Sofía Ruiz</h5>
  884.                            <p class="text-primary-custom">Estratega de Marca</p>
  885.                            <p class="text-muted small">Consultora en identidad corporativa con enfoque en inclusión y responsabilidad social empresarial.</p>
  886.                        </div>
  887.                    </div>
  888.                </div>
  889.            </div>
  890.        </div>
  891.    </section>
  892.  
  893.    
  894.    <section id="contacto-consulta-personalizada" class="section-padding bg-light-custom">
  895.        <div class="container">
  896.            <div class="row">
  897.                <div class="col-12">
  898.                    <h2 class="section-title text-center">Contacto y consulta personalizada</h2>
  899.                </div>
  900.            </div>
  901.            <div class="row">
  902.                <div class="col-lg-8 mx-auto text-center mb-5">
  903.                    <p class="lead">
  904.                        Formulario y canales para solicitar presupuestos, agendar asesorías o resolver dudas. Accede a atención personalizada y descubre cómo potenciar tu proyecto con SolMarque Creations. Nuestro equipo está listo para transformar tus ideas en realidad.
  905.                    </p>
  906.                </div>
  907.            </div>
  908.            <div class="row">
  909.                <div class="col-lg-8">
  910.                    <div class="contact-form">
  911.                        <h4 class="mb-4">Solicita tu consulta gratuita</h4>
  912.                        <form>
  913.                            <div class="row">
  914.                                <div class="col-md-6 mb-3">
  915.                                    <label for="nombre" class="form-label">Nombre completo</label>
  916.                                    <input type="text" class="form-control" id="nombre" required>
  917.                                </div>
  918.                                <div class="col-md-6 mb-3">
  919.                                    <label for="empresa" class="form-label">Empresa</label>
  920.                                    <input type="text" class="form-control" id="empresa">
  921.                                </div>
  922.                            </div>
  923.                            <div class="row">
  924.                                <div class="col-md-6 mb-3">
  925.                                    <label for="email" class="form-label">Email</label>
  926.                                    <input type="email" class="form-control" id="email" required>
  927.                                </div>
  928.                                <div class="col-md-6 mb-3">
  929.                                    <label for="telefono" class="form-label">Teléfono</label>
  930.                                    <input type="tel" class="form-control" id="telefono">
  931.                                </div>
  932.                            </div>
  933.                            <div class="mb-3">
  934.                                <label for="servicio" class="form-label">Servicio de interés</label>
  935.                                <select class="form-control" id="servicio">
  936.                                    <option value="">Selecciona un servicio</option>
  937.                                    <option value="posters-musicales">Pósters Musicales Personalizados</option>
  938.                                    <option value="gran-formato">Impresión Gran Formato</option>
  939.                                    <option value="branding">Consultoría en Branding</option>
  940.                                    <option value="ediciones-limitadas">Ediciones Limitadas</option>
  941.                                    <option value="material-promocional">Material Promocional</option>
  942.                                    <option value="packaging">Packaging y Enmarcación</option>
  943.                                    <option value="arte-inclusivo">Arte Inclusivo</option>
  944.                                    <option value="impresion-demanda">Impresión Bajo Demanda</option>
  945.                                    <option value="arte-deportivo">Arte Deportivo</option>
  946.                                    <option value="otro">Otro</option>
  947.                                </select>
  948.                            </div>
  949.                            <div class="mb-3">
  950.                                <label for="mensaje" class="form-label">Cuéntanos sobre tu proyecto</label>
  951.                                <textarea class="form-control" id="mensaje" rows="4" placeholder="Describe tu proyecto, objetivos, plazos y cualquier detalle relevante..."></textarea>
  952.                            </div>
  953.                            <div class="mb-3">
  954.                                <div class="form-check">
  955.                                    <input class="form-check-input" type="checkbox" id="privacidad" required>
  956.                                    <label class="form-check-label" for="privacidad">
  957.                                        Acepto la <a href="./privacy.html" class="text-white" target="_blank">política de privacidad</a> y los <a href="./tos.html" class="text-white" target="_blank">términos de servicio</a>
  958.                                    </label>
  959.                                </div>
  960.                            </div>
  961.                            <button type="submit" class="btn btn-light btn-lg">
  962.                                <i class="fas fa-paper-plane me-2"></i>Enviar Consulta
  963.                            </button>
  964.                        </form>
  965.                    </div>
  966.                </div>
  967.                <div class="col-lg-4">
  968.                    <div class="card h-100">
  969.                        <div class="card-body">
  970.                            <h5 class="card-title text-primary-custom mb-4">Información de contacto</h5>
  971.                            <div class="mb-3">
  972.                                <div class="d-flex align-items-start">
  973.                                    <i class="fas fa-map-marker-alt text-primary-custom me-3 mt-1"></i>
  974.                                    <div>
  975.                                        <h6>Dirección</h6>
  976.                                        <p class="text-muted">2847 Calle de Alcalá, Floor 3<br>Madrid, 28027<br>España</p>
  977.                                    </div>
  978.                                </div>
  979.                            </div>
  980.                            <div class="mb-3">
  981.                                <div class="d-flex align-items-start">
  982.                                    <i class="fas fa-phone text-primary-custom me-3 mt-1"></i>
  983.                                    <div>
  984.                                        <h6>Teléfono</h6>
  985.                                        <p class="text-muted">+34 914 672 583</p>
  986.                                    </div>
  987.                                </div>
  988.                            </div>
  989.                            <div class="mb-3">
  990.                                <div class="d-flex align-items-start">
  991.                                    <i class="fas fa-envelope text-primary-custom me-3 mt-1"></i>
  992.                                    <div>
  993.                                        <h6>Email</h6>
  994.                                        <p class="text-muted">info@www.andrewtv.org</p>
  995.                                    </div>
  996.                                </div>
  997.                            </div>
  998.                            <div class="mb-3">
  999.                                <div class="d-flex align-items-start">
  1000.                                    <i class="fas fa-clock text-primary-custom me-3 mt-1"></i>
  1001.                                    <div>
  1002.                                        <h6>Horario de atención</h6>
  1003.                                        <p class="text-muted">Lun - Vie: 9:00 - 18:00<br>Sáb: 10:00 - 14:00</p>
  1004.                                    </div>
  1005.                                </div>
  1006.                            </div>
  1007.                        </div>
  1008.                    </div>
  1009.                </div>
  1010.            </div>
  1011.            <div class="row mt-5">
  1012.                <div class="col-12">
  1013.                    <div class="embed-responsive embed-responsive-16by9">
  1014.                        <iframe class="embed-responsive-item rounded"
  1015.                                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3037.4!2d-3.6795!3d40.4379!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDDCsDI2JzE2LjQiTiAzwrA0MCc0Ni4yIlc!5e0!3m2!1ses!2ses!4v1620000000000!5m2!1ses!2ses"
  1016.                                width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy">
  1017.                        </iframe>
  1018.                    </div>
  1019.                </div>
  1020.            </div>
  1021.        </div>
  1022.    </section>
  1023.  
  1024.    
  1025.    <div id="cookieBanner" class="cookie-banner show">
  1026.        <div class="container">
  1027.            <div class="row align-items-center">
  1028.                <div class="col-lg-8">
  1029.                    <p class="mb-0">
  1030.                        <i class="fas fa-cookie-bite me-2"></i>
  1031.                        Utilizamos cookies para mejorar tu experiencia de navegación y ofrecerte contenido personalizado.
  1032.                        Al continuar navegando, aceptas nuestra <a href="./privacy.html" class="text-warning">política de cookies</a>.
  1033.                    </p>
  1034.                </div>
  1035.                <div class="col-lg-4 text-lg-end mt-2 mt-lg-0">
  1036.                    <button class="btn btn-outline-light btn-sm me-2" onclick="declineCookies()">Rechazar</button>
  1037.                    <button class="btn btn-warning btn-sm" onclick="acceptCookies()">Aceptar</button>
  1038.                </div>
  1039.            </div>
  1040.        </div>
  1041.    </div>
  1042. </main>
  1043. <footer class="footer">
  1044.    <div class="container">
  1045.        <div class="row">
  1046.            <div class="col-lg-4 mb-4">
  1047.                <h5><i class="fas fa-palette me-2"></i>SolMarque Creations</h5>
  1048.                <p class="mb-3">Transformamos ideas en arte impreso de alto impacto visual. Especialistas en diseño gráfico, impresión artística y soluciones creativas personalizadas en Madrid.</p>
  1049.                <div class="d-flex">
  1050.                    <a href="mailto:info@www.andrewtv.org" class="text-warning me-3" title="Email">
  1051.                        <i class="fas fa-envelope fa-lg"></i>
  1052.                    </a>
  1053.                    <a href="tel:+34914672583" class="text-warning me-3" title="Teléfono">
  1054.                        <i class="fas fa-phone fa-lg"></i>
  1055.                    </a>
  1056.                    <a href="#contacto-consulta-personalizada" class="text-warning" title="Ubicación">
  1057.                        <i class="fas fa-map-marker-alt fa-lg"></i>
  1058.                    </a>
  1059.                </div>
  1060.            </div>
  1061.            <div class="col-lg-2 col-md-6 mb-4">
  1062.                <h5>Servicios</h5>
  1063.                <ul class="list-unstyled">
  1064.                    <li><a href="#posters-musicales-personalizados">Pósters Musicales</a></li>
  1065.                    <li><a href="#impresion-gran-formato-artistica">Gran Formato</a></li>
  1066.                    <li><a href="#consultoria-diseño-graphic-branding">Branding</a></li>
  1067.                    <li><a href="#arte-limited-edition-print">Ediciones Limitadas</a></li>
  1068.                    <li><a href="#packaging-enmarcacion-profesional">Packaging</a></li>
  1069.                </ul>
  1070.            </div>
  1071.            <div class="col-lg-2 col-md-6 mb-4">
  1072.                <h5>Especialidades</h5>
  1073.                <ul class="list-unstyled">
  1074.                    <li><a href="#arte-diversidad-inclusiva">Arte Inclusivo</a></li>
  1075.                    <li><a href="#impresion-personalizada-demand">Impresión Demanda</a></li>
  1076.                    <li><a href="#arte-deportivo-eventos">Arte Deportivo</a></li>
  1077.                    <li><a href="#material-promocional-eventos">Material Promocional</a></li>
  1078.                    <li><a href="#equipo-vision-artistica">Nuestro Equipo</a></li>
  1079.                </ul>
  1080.            </div>
  1081.            <div class="col-lg-2 col-md-6 mb-4">
  1082.                <h5>Empresa</h5>
  1083.                <ul class="list-unstyled">
  1084.                    <li><a href="#equipo-vision-artistica">Sobre Nosotros</a></li>
  1085.                    <li><a href="#testimonios-casos-exito">Testimonios</a></li>
  1086.                    <li><a href="#contacto-consulta-personalizada">Contacto</a></li>
  1087.                    <li><a href="./privacy.html">Privacidad</a></li>
  1088.                    <li><a href="./tos.html">Términos</a></li>
  1089.                </ul>
  1090.            </div>
  1091.            <div class="col-lg-2 col-md-6 mb-4">
  1092.                <h5>Contacto</h5>
  1093.                <p class="mb-1"><i class="fas fa-map-marker-alt me-2 text-warning"></i>Madrid, España</p>
  1094.                <p class="mb-1"><i class="fas fa-phone me-2 text-warning"></i>+34 914 672 583</p>
  1095.                <p class="mb-1"><i class="fas fa-envelope me-2 text-warning"></i>info@www.andrewtv.org</p>
  1096.                <p class="mb-0"><i class="fas fa-clock me-2 text-warning"></i>Lun-Vie: 9:00-18:00</p>
  1097.            </div>
  1098.        </div>
  1099.        <hr class="my-4" style="border-color: var(--secondary-light);">
  1100.        <div class="row align-items-center">
  1101.            <div class="col-md-6">
  1102.                <p class="mb-0">&copy; 2024 SolMarque Creations. Todos los derechos reservados.</p>
  1103.            </div>
  1104.            <div class="col-md-6 text-md-end">
  1105.                <p class="mb-0">Diseño gráfico e impresión artística en Madrid</p>
  1106.            </div>
  1107.        </div>
  1108.    </div>
  1109. </footer>
  1110.  
  1111. <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
  1112. <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.1/dist/js/bootstrap.bundle.min.js"></script>
  1113.  
  1114. <script>
  1115.    // Cookie consent functionality
  1116.    function acceptCookies() {
  1117.        localStorage.setItem('cookiesAccepted', 'true');
  1118.        document.getElementById('cookieBanner').classList.remove('show');
  1119.    }
  1120.    
  1121.    function declineCookies() {
  1122.        localStorage.setItem('cookiesAccepted', 'false');
  1123.        document.getElementById('cookieBanner').classList.remove('show');
  1124.    }
  1125.    
  1126.    // Check if cookies were already accepted
  1127.    if (localStorage.getItem('cookiesAccepted')) {
  1128.        document.getElementById('cookieBanner').classList.remove('show');
  1129.    }
  1130.    
  1131.    // Smooth scrolling for navigation links
  1132.    $(document).ready(function() {
  1133.        $('a[href^="#"]').on('click', function(event) {
  1134.            var target = $(this.getAttribute('href'));
  1135.            if( target.length ) {
  1136.                event.preventDefault();
  1137.                $('html, body').stop().animate({
  1138.                    scrollTop: target.offset().top - 70
  1139.                }, 1000);
  1140.            }
  1141.        });
  1142.        
  1143.        // Form submission handler
  1144.        $('form').on('submit', function(e) {
  1145.            e.preventDefault();
  1146.            alert('Gracias por tu consulta. Nos pondremos en contacto contigo en las próximas 24 horas.');
  1147.        });
  1148.        
  1149.        // Navbar background on scroll
  1150.        $(window).scroll(function() {
  1151.            if ($(window).scrollTop() > 50) {
  1152.                $('.navbar').addClass('scrolled');
  1153.            } else {
  1154.                $('.navbar').removeClass('scrolled');
  1155.            }
  1156.        });
  1157.    });
  1158. </script>
  1159.  
  1160. </body>
  1161. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda