HostingVale Studio — Desarrollo y Diseño Web, Desarrollo software y Alojamiento Web

HostingVale Studio

                                                    
                                                        <div class="bg-light">
                                                            <section id="slider-sec" class="slider1">
                                                                <div id="slider1" class="carousel bs-slider slide  control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="7000">
                                                                    <ol class="carousel-indicators">
                                                                        <li data-target="#slider1" data-slide-to="0" class="active"></li>
                                                                        <li data-target="#slider1" data-slide-to="1"></li>
                                                                    </ol>
                                                                    <!-- Wrapper For Slides -->
                                                                    <div class="carousel-inner" role="listbox">
                                                                        <div class="carousel-item active">
                                                                            <!-- Slide Background --><img src="../assets/images/sliders/slider1/slide1.jpg" alt="We are Digital Agency" class="slide-image" />
                                                                            <!-- Slide Text Layer -->
                                                                            <div class="slide-text slide_style_left">
                                                                                <h2 data-animation="animated zoomInRight" class="bg-success-gradiant title">We are Digital Agency</h2>
                                                                                <p data-animation="animated fadeInLeft">
                                                                                    <a class="bg-white btn btn-md btn-arrow" data-toggle="collapse" href="#"> <span>We offer Design & Development <i class="ti-arrow-right"></i></span> </a>
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                        <!-- End of Slide -->
                                                                        <!-- Second Slide -->
                                                                        <div class="carousel-item">
                                                                            <!-- Slide Background --><img src="../assets/images/sliders/slider1/slide2.jpg" alt="Building Magical Apps" class="slide-image" />
                                                                            <!-- Slide Text Layer -->
                                                                            <div class="slide-text slide_style_center">
                                                                                <h2 data-animation="animated flipInX" class="bg-success-gradiant title">Building Magical Apps</h2>
                                                                                <p data-animation="animated lightSpeedIn">
                                                                                    <a class="bg-white btn btn-md btn-arrow" data-toggle="collapse" href="#"> <span>Raw Application Development <i class="ti-arrow-right"></i></span> </a>
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                        <!-- End of Slide -->
                                                                        <!-- Third Slide -->
                                                                        <div class="carousel-item">
                                                                            <!-- Slide Background --><img src="../assets/images/sliders/slider1/slide2.jpg" alt="Building Magical Apps" class="slide-image" />
                                                                            <!-- Slide Text Layer -->
                                                                            <div class="slide-text slide_style_center">
                                                                                <h2 data-animation="animated flipInX" class="bg-success-gradiant title">Building Magical Apps</h2>
                                                                                <p data-animation="animated lightSpeedIn">
                                                                                    <a class="bg-white btn btn-md btn-arrow" data-toggle="collapse" href="#"> <span>Raw Application Development <i class="ti-arrow-right"></i></span> </a>
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                        <!-- End of Slide -->
                                                                        <!-- End of Wrapper For Slides -->
                                                                    </div>
                                                                </div>
                                                                <!-- End Slider -->
                                                            </section>
                                                        </div>
                                                    
                                                
                                                    
                                                        .slider1 {
                                                            position: relative;
                                                          h2 {
                                                              display: inline-block;
                                                              color: $white;
                                                              font-weight: 800;
                                                              font-size: 36px;
                                                              padding: 20px;
                                                              text-transform: uppercase;
                                                              margin: 0;
                                                          }
                                                          p {
                                                              font-size: 18px;
                                                              a {
                                                                  border-radius: 0;
                                                                  box-shadow: none;
                                                                  color: $bodytext;
                                                                  padding-left: 20px;
                                                                  padding-right: 60px;
                                                                  i {
                                                                      opacity: 1;
                                                                      right: -2rem;
                                                                      color: $success;
                                                                  }
                                                                  &:hover {
                                                                      color: $dark;
                                                                      span {
                                                                          transform: translate3d(0, 0, 0);
                                                                      }
                                                                      i {
                                                                          right: -2.7rem;
                                                                          color: $success;
                                                                      }
                                                                  }
                                                              }
                                                          }
                                                        }

                                                          @media (max-width: 767px) {
                                                              .slider1 {
                                                                  .slide-image{min-height:300px; }
                                                                  h2 {
                                                                      font-size: 20px;

                                                                  }
                                                                  p {
                                                                      a {
                                                                          font-size: 14px;
                                                                      }
                                                                  }
                                                              }
                                                          }
                                                    
                                                
                                                    
                                                        $('#slider1').bsTouchSlider();
                                                        $(".carousel .carousel-inner").swipe({
                                                            swipeLeft: function (event, direction, distance, duration, fingerCount) {
                                                                this.parent().carousel('next');
                                                            }
                                                            , swipeRight: function () {
                                                                this.parent().carousel('prev');
                                                            }
                                                            , threshold: 0
                                                        });
                                                    
                                                

Diseño y Desarrollo Web, Desarrollo de software, SEO y Alojamiento Web

Creamos páginas web modernas con las últimas tecnologías, aplicaciones mágicas y además ofrecemos servicio de alojamiento web con la máxima calidad
wrappixel kit
Desarrollo y Diseño Web

Nuestros servicios desarrollo de sitios web, están pensando en las necesidades exactas de cada cliente, contamos con un equipo capacitado de profesionales que tienen el conocimiento para realizar desarrollo sobresaliente de tus páginas web.

wrappixel kit
Desarrollo de software

Creamos programas a medida para tu negocio, empresa o entidad, Desarrollamos diferentes tipos de software como aplicaciones de escritorio, aplicaciones móviles que te ayude a gestionar de una manera más fácil, más cómodo y más ordenada.

wrappixel kit
Alojamiento Web

Crea tu página web y nosotros te ofrecemos servicio de alojamiento web con la máxima seguridad y calidad al mejor precio, además te brindamos servicio de asistencia y soporte de manera inmediata las 24 hrs. del día. ¡Empieza ahora!

Awesome with Extra Ordinary Flexibility

You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time
DISEÑO EXCLUSIVO

Diseño y desarrollo personalizado a tu medida, transmitiendo la mejor imagen sin importar la dimensión del proyecto.

RESPONSIVE

Importante que sitio web se ajuste al tamaño de la pantalla sin problemas, facilitando una mejor interacción del usuario.

DISEÑO UI

Manejamos diseños limpios y sobre todo fáciles de usar e intuitivos, con elementos standard para no confundir al usuario.

COMERCIO WEB

Creamos tiendas o showrooms online que aceptan pagos y facilitan toda clase de actividades en tu e-commerce.

SEO

Desde el comienzo del proceso mantener muy presente la importancia de aparecer en los motores de búsqueda como Google.

MANTENIMIENTO

El servicio de mantenimiento para que usted se despreocupe de su sitio web, incorporando nuevas tecnologías.

Nuestras últimas obras

Usted puede transmitir en nuestra lista de características sorprendentes y también nuestro servicio al cliente será una gran experiencia para usted sin duda y en ningún momento