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

    <head>
        <meta charset="utf-8">
        <title>Victory POS</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="More than your average Point of Sale system" name="description">
        <meta content="Arts Guerra" name="author">
        <!-- App favicon -->
        <link rel="shortcut icon" href="assets/images/favicon.ico">

        <!-- App css -->
        <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css">
        <link href="assets/css/app.min.css" rel="stylesheet" type="text/css" id="light-style">
        <link href="assets/css/app-dark.min.css" rel="stylesheet" type="text/css" id="dark-style">        
        <link href="https://fonts.cdnfonts.com/css/montserrat" rel="stylesheet">
    </head>

    <style>
      body {
          font-family: 'Montserrat', serif;
      }
      strong {
          font-weight: 900;
      }
    </style>


    <body class="loading" data-layout-config='{"darkMode":false}'>
                <!-- NAVBAR START -->
        <nav class="navbar navbar-expand-lg py-lg-3 navbar-dark">
            <div class="container">

                <!-- logo -->
                <a href="index.html" class="navbar-brand">
                    <img src="assets/images/LOGO-PAG-03.svg" alt="" class="logo-dark" height="48" style="top: -7px;position: relative;">
                </a>

                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                    <i class="mdi mdi-menu"></i>
                </button>

                <!-- menus -->
                <div class="collapse navbar-collapse" id="navbarNavDropdown">

                    <!-- left menu -->
                    <ul class="navbar-nav me-auto align-items-center">
                        <li class="nav-item mx-lg-1">
                            <a class="nav-link active" href="">Home</a>
                        </li>
                    </ul>

                    <!-- right menu -->
                    <ul class="navbar-nav ms-auto align-items-center">
                        <li class="nav-item me-0">
                            <a href="/login" target="_blank" class="nav-link d-lg-none">Inicia sesión</a>
                            <a href="/login" target="_blank" class="btn btn-sm btn-light btn-rounded d-none d-lg-inline-flex">
                                <i class="mdi mdi-login me-2"></i> Inicia sesión
                            </a>
                        </li>
                    </ul>

                </div>
            </div>
        </nav>
        <!-- NAVBAR END -->

        <!-- START HERO -->
        <section class="hero-section">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-5">
                        <div class="mt-md-4">
                            
                            <h1 class="text-white fw-normal mb-4 mt-3 hero-title"><strong>Victory POS</strong> <br><i>Es Mas Que Un Punto De Venta</i></h1>

                            <p class="mb-4 font-16 text-white">Prueba gratis por un mes. Nosotros te apoyamos con dar de alta tu tienda.</p>

                            <a href="/register" target="_blank" class="btn btn-success">Registrate<i class="mdi mdi-arrow-right ms-1"></i></a>
                        </div>
                    </div>
                    <div class="col-md-5 offset-md-2">
                        <div class="text-md-end mt-3 mt-md-0">
                            <img src="assets/images/startup.svg" alt="" class="img-fluid">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- END HERO -->

        <!-- START SERVICES -->
        <section class="py-5">
            <div class="container">
                <div class="row py-4">
                    <div class="col-lg-12">
                        <div class="text-center">
                            <h1 class="mt-0"><i class="mdi mdi-cart"></i></h1>
                            <h3>Victory POS esta hecho <span class="text-primary">a tu medida</span> y es <span class="text-primary">facil</span> de usar</h3>
                            <p class="text-muted mt-2">Adaptamos Victory POS a tus necesidades para mejores resultados
                                </p>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-4">
                        <div class="text-center p-3">
                            <div class="avatar-sm m-auto">
                                <span class="avatar-title bg-primary-lighten rounded-circle">
                                    <i class="uil uil-desktop text-primary font-24"></i>
                                </span>
                            </div>
                            <h4 class="mt-3">Diseño a la Medida</h4>
                            <p class="text-muted mt-2 mb-0">Modificamos tu instancia de Victory POS para las necesidades espesificas de tu negocio.
                            </p>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="text-center p-3">
                            <div class="avatar-sm m-auto">
                                <span class="avatar-title bg-primary-lighten rounded-circle">
                                    <i class="uil uil-usd-circle text-primary font-24"></i>
                                </span>
                            </div>
                            <h4 class="mt-3">Sin Requisitos de Equipo</h4>
                            <p class="text-muted mt-2 mb-0">Victory POS solo requiere un navegador. Podemos configurar cualquier equipo que tengas disponible.
                            </p>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="text-center p-3">
                            <div class="avatar-sm m-auto">
                                <span class="avatar-title bg-primary-lighten rounded-circle">
                                    <i class="uil uil-presentation text-primary font-24"></i>
                                </span>
                            </div>
                            <h4 class="mt-3">Interfaz Intuitiva</h4>
                            <p class="text-muted mt-2 mb-0">Cualquiera puede utilizarla de manera sencilla e intuitiva.
                            </p>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-4">
                        <div class="text-center p-3">
                            <div class="avatar-sm m-auto">
                                <span class="avatar-title bg-primary-lighten rounded-circle">
                                    <i class="uil uil-apps text-primary font-24"></i>
                                </span>
                            </div>
                            <h4 class="mt-3">Multiples Aplicaciones</h4>
                            <p class="text-muted mt-2 mb-0">Victory POS cuenta con varios modulos de reportes, ventas, ordenes en liena y mas.
                            </p>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="text-center p-3">
                            <div class="avatar-sm m-auto">
                                <span class="avatar-title bg-primary-lighten rounded-circle">
                                    <i class="uil uil-shopping-cart-alt text-primary font-24"></i>
                                </span>
                            </div>
                            <h4 class="mt-3">Sincronización con Otras Aplicaciones</h4>
                            <p class="text-muted mt-2 mb-0">Podemos integrar cualquier aplicación web <br>con Victory POS.
                            </p>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="text-center p-3">
                            <div class="avatar-sm m-auto">
                                <span class="avatar-title bg-primary-lighten rounded-circle">
                                    <i class="uil uil-cloud text-primary font-24"></i>
                                </span>
                            </div>
                            <h4 class="mt-3">Siempre en la Nube</h4>
                            <p class="text-muted mt-2 mb-0">Usa Victory POS donde quieras, solo requieres una conexión a internet. Nosotros nos encargamos de respaldar tu información.
                            </p>
                        </div>
                    </div>
                </div>

            </div>
        </section>
        <!-- END SERVICES -->

        <!-- START PRICING -->
        <section class="py-5 bg-light-lighten border-top border-bottom border-light">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="text-center">
                            <h1 class="mt-0"><i class="mdi mdi-tag-multiple"></i></h1>
                            <h3>Escoge tu <span class="text-primary">Plan</span></h3>
                            <p class="text-muted mt-2">Tenemos varios planes para cualquier tamaño de negocio. 
                            <br>Para mas información sobre desarrollo de modulos, contáctanos.
                               </p>
                        </div>
                    </div>
                </div>

                <div class="row mt-5 pt-3">
                    <div class="col-md-6">
                        <div class="card card-pricing">
                            <div class="card-body text-center">
                                <p class="card-pricing-plan-name fw-bold text-uppercase">Plan Básico</p>
                                <i class="card-pricing-icon dripicons-user text-primary"></i>
                                <h2 class="card-pricing-price">$45 USD <span>/ License</span></h2>
                                <ul class="card-pricing-features">
                                    <li>1000 Productos</li>
                                    <li>1000 ventas mensuales</li>
                                    <li>Terminales Ilimitadas</li>
                                    <li>1 Sucursal</li>
                                    <li>5 Usuarios</li>
                                </ul>
                            </div>
                        </div>
                        <!-- end Pricing_card -->
                    </div>
                    <!-- end col -->


                    <!-- end col -->

                    <div class="col-md-6">
                        <div class="card card-pricing">
                            <div class="card-body text-center">
                                <p class="card-pricing-plan-name fw-bold text-uppercase">Plan Illimitado</p>
                                <i class="card-pricing-icon dripicons-store text-primary"></i>
                                <h2 class="card-pricing-price">$90 USD <span>/ License</span></h2>
                                <ul class="card-pricing-features">
                                    <li>Productos Ilimitadas</li>
                                    <li>Ventas Ilimitadas</li>
                                    <li>Sucursales Ilimitadas</li>
                                    <li>Usarios Ilimitadas</li>
                                    <li>Support Premium</li>
                                </ul>
                            </div>
                        </div>
                        <!-- end Pricing_card -->
                    </div>
                    <!-- end col -->

                </div>

            </div>
        </section>
        <!-- END PRICING -->

        
        <!-- START CONTACT -->
        <section class="py-5 bg-light-lighten border-top border-bottom border-light">
            <div class="container">


                <div class="row align-items-center mt-3">
                    <div class="col-md-4">
                        <p class="text-muted"><span class="fw-bold">Telefono:</span><br> <span class="d-block mt-1">+52 81 1241 8951</span></p>
                        <p class="text-muted mt-4"><span class="fw-bold">Email:</span><br> <span class="d-block mt-1">ventas@artstech.io</span></p>
                    </div>

                    <div class="col-md-8">

                    </div>
                </div>
            </div>
        </section>
        <!-- END CONTACT -->

        <!-- START FOOTER -->
        <footer class="bg-dark py-5">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <img src="assets/images/LOGO-PAG-03.svg" alt="" class="logo-dark" height="48">
                        <p class="text-muted mt-4"></p>

                        <ul class="social-list list-inline mt-3">
                            <li class="list-inline-item text-center">
                                <a href="javascript: void(0);" class="social-list-item border-primary text-primary"><i class="mdi mdi-facebook"></i></a>
                            </li>
                            <li class="list-inline-item text-center">
                                <a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
                            </li>
                            <li class="list-inline-item text-center">
                                <a href="javascript: void(0);" class="social-list-item border-info text-info"><i class="mdi mdi-twitter"></i></a>
                            </li>
                            <li class="list-inline-item text-center">
                                <a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
                            </li>
                        </ul>

                    </div>

                    <div class="col-lg-2 mt-3 mt-lg-0">
                        <h5 class="text-light">Company</h5>

                        <ul class="list-unstyled ps-0 mb-0 mt-3">
                            <li class="mt-2"><a href="javascript: void(0);" class="text-muted">About Us</a></li>
                            <li class="mt-2"><a href="javascript: void(0);" class="text-muted">Documentation</a></li>
                            <li class="mt-2"><a href="javascript: void(0);" class="text-muted">Blog</a></li>
                            <li class="mt-2"><a href="javascript: void(0);" class="text-muted">Affiliate Program</a></li>
                        </ul>

                    </div>

                    <div class="col-lg-2 mt-3 mt-lg-0">
                        <h5 class="text-light">Apps</h5>

                        <ul class="list-unstyled ps-0 mb-0 mt-3">
                            <li class="mt-2"><a href="javascript: void(0);" class="text-muted">Ecommerce Pages</a></li>
                            <li class="mt-2"><a href="javascript: void(0);" class="text-muted">Email</a></li>
                            <li class="mt-2"><a href="javascript: void(0);" class="text-muted">Social Feed</a></li>
                            <li class="mt-2"><a href="javascript: void(0);" class="text-muted">Projects</a></li>
                            <li class="mt-2"><a href="javascript: void(0);" class="text-muted">Tasks Management</a></li>
                        </ul>
                    </div>

                    <div class="col-lg-2 mt-3 mt-lg-0">
                        <h5 class="text-light">Discover</h5>

                        <ul class="list-unstyled ps-0 mb-0 mt-3">
                            <li class="mt-2"><a href="javascript: void(0);" class="text-muted">Help Center</a></li>
                            <li class="mt-2"><a href="javascript: void(0);" class="text-muted">Our Products</a></li>
                            <li class="mt-2"><a href="javascript: void(0);" class="text-muted">Privacy</a></li>
                        </ul>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-12">
                        <div class="mt-5">
                            <p class="text-muted mt-4 text-center mb-0"></p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- END FOOTER -->

        <!-- bundle -->
        <script src="assets/js/vendor.min.js"></script>
        <script src="assets/js/app.min.js"></script>

    </body>

</html>