Check server response of
Server response
NS records
Whois domain
200 OK - dev4i.com
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Fri, 09 May 2025 06:38:36 GMT
Server: nginx/1.25.5
Content-Type: text/html
Content-Length: 127379
Last-Modified: Thu, 05 Dec 2024 13:43:59 GMT
Vary: Accept-Encoding
X-Server-Cache: true
X-Proxy-Cache: MISS
Accept-Ranges: bytes
HTTP Code 200 OK
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: dev4i.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!doctype html>
<html class="no-js" lang="en">
<head>
<link rel="stylesheet" href="pdcc.min.css">
<script charset="utf-8" src="pdcc.min.js"></script>
<script type="text/javascript">
PDCookieConsent.config({
"defaultLang" : "es",
"brand": {
"dev" : false,
"name": "Cookies DEV4i",
"url" : "https://dev4i.com",
"websiteOwner" : "DEV4i Solutions"
},
"cookiePolicyLink": "https://dev4i.com/politica-de-cookies.html",
"hideModalIn": ["https://dev4i.com/politica-de-cookies.html"],
"styles": {
"primaryButton": {
"bgColor" : "#EE2852",
"txtColor": "#15203C"
},
"secondaryButton": {
"bgColor" : "#EEEEEE",
"txtColor": "#333333"
}
}
});
</script>
<title>>DEV4i - Soluciones Tecnológicas en Cornellà de Llobregat y el Baix Llobregat</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="author" content="DEV4I">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Mejora el rendimiento de tu empresa con nuestros programas desarrollados a medida.">
<!-- favicon icon -->
<link rel="apple-touch-icon" sizes="57x57" href="Favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="Favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="Favicons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="Favicons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="Favicons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="Favicons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="Favicons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="Favicons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="Favicons/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="Favicons/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="Favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="Favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="Favicons/favicon-16x16.png">
<link rel="manifest" href="Favicons/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- google fonts preconnect -->
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- slider revolution CSS files -->
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
<!-- style sheets and font icons -->
<link rel="stylesheet" href="css/vendors.min.css"/>
<link rel="stylesheet" href="css/icon.min.css"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/responsive.css"/>
<link rel="stylesheet" href="demos/corporate/corporate.css" />
</head>
<body data-mobile-nav-trigger-alignment="right" data-mobile-nav-style="modern" data-mobile-nav-bg-color="#242E45">
<div class="box-layout">
<!-- start header -->
<header>
<!-- start navigation -->
<nav class="navbar navbar-expand-lg header-light bg-white disable-fixed">
<div class="container-fluid">
<div class="col-auto col-xl-3 col-lg-2 me-lg-0 me-auto">
<a class="navbar-brand" href="index.html">
<img src="images/demo-corporate-logo-black.png" data-at2x="images/[email protected]" alt="" class="default-logo">
<img src="images/demo-corporate-logo-black.png" data-at2x="images/[email protected]" alt="" class="alt-logo">
<img src="images/demo-corporate-logo-black.png" data-at2x="images/[email protected]" alt="" class="mobile-logo">
</a>
</div>
<div class="col-auto col-xl-6 col-lg-8 menu-order position-static">
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
<span class="navbar-toggler-line"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item"><a href="index.html" class="nav-link">Inicio</a></li>
<li class="nav-item"><a href="#Nosotros" class="nav-link">Nosotros</a></li>
<li class="nav-item dropdown dropdown-with-icon-style02">
<a href="#servicios" class="nav-link">Servicios</a>
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a href="consultoría-informática.html"></i>Consultoría Informática</a></li>
<li><a href="desarrollo-web.html"></i>Desarrollos Web</a></li>
<li><a href="automatización-de-redes-sociales.html"></i>Automatización de Redes Sociales</a></li>
<li><a href="chatbots.html"></i>Creación de Chatbots</a></li>
<li><a href="asistente-virtual.html"></i>Asistentes Virtuales</a></li>
<li><a href="ODOO.html"></i>Implementación De ERP ODOO</a></li>
</ul>
</li>
<li class="nav-item"><a href="#Contacta" class="nav-link">Contacta</a></li>
</ul>
</div>
</div>
<div class="col-auto col-xl-3 col-lg-2 text-end md-pe-0">
<div class="header-icon">
<div class="header-search-icon icon">
<a href="#" class="search-form-icon header-search-form"><i class="feather icon-feather-search"></i></a>
<!-- start search input -->
<div class="search-form-wrapper">
<button title="Close" type="button" class="search-close">×</button>
<form id="search-form" role="search" method="get" class="search-form text-left" action="search-result.html">
<div class="search-form-box">
<h2 class="text-dark-gray text-center fw-600 mb-4 ls-minus-1px">¿Qué estás buscando?</h2>
<input class="search-input" id="search-form-input5e219ef164995" placeholder="Introduce el texto..." name="s" value="" type="text" autocomplete="off">
<button type="submit" class="search-button">
<i class="feather icon-feather-search" aria-hidden="true"></i>
</button>
</div>
</form>
</div>
<!-- end search input -->
</div>
<div class="header-button ms-20px d-none d-xl-inline-block">
<a href="#Contacta" class="btn btn-rounded btn-transparent-light-gray border-1 btn-medium btn-switch-text text-transform-none">
<span>
<span class="btn-double-text fw-600" data-text="Escríbenos ahora">Consulta gratuita</span>
<span><i class="fa-regular fa-envelope"></i></span>
</span>
</a>
</div>
</div>
</div>
</div>
</nav>
<!-- end navigation -->
</header>
<!-- end header -->
<!-- start slider -->
<section id="slider" class="p-0 top-space-margin ">
<div class="demo-corporate-slider_wrapper fullscreen-container" data-alias="portfolio-viewer" data-source="gallery" style="background-color:transparent;padding:0px;">
<div id="demo-corporate-slider" class="rev_slider bg-regal-blue fullscreenbanner" style="display:none;" data-version="5.3.1.6">
<!-- begin slides list -->
<ul>
<!-- minimum slide structure -->
<li data-index="rs-01" data-transition="parallaxleft" data-slotamount="default"
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
data-easeout="default" data-masterspeed="1500" data-rotate="0" data-saveperformance="off"
data-title="Crossfit" data-param1="" data-param2="" data-param3="" data-param4=""
data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10=""
data-description="">
<!-- slide's main background image -->
<img src="images/demo-corporate-main-slider-01.jpg" alt="Image"
data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat"
class="rev-slidebg" data-no-retina>
<!-- start overlay layer -->
<div class="tp-caption tp-shape tp-shapewrapper " id="slide-1-layer-01"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape"
data-basealign="slide" data-responsive_offset="off" data-responsive="off"
data-frames='[{"delay":0,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},
{"delay":"wait","speed":1000,"frame":"999","to":"opacity:0;","ease":"Power4.easeInOut"}]' style="background:rgba(22,35,63,0.1); z-index: 0;">
</div>
<!-- end overlay layer -->
<!-- start shape layer -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme bg-regal-blue border-radius-50"
id="slide-1-layer-02" data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']" data-width="['900','700','700','600']"
data-height="['900','700','700','600']" data-whitespace="nowrap" data-type="shape"
data-responsive_offset="on"
data-frames='[{"delay":1000,"speed":1000,"frame":"0","from":"x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;","to":"o:0.5;","ease":"Back.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]" style="z-index: 0;">
</div>
<!-- end shape layer -->
<!-- start shape layer -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme bg-regal-blue border-radius-50"
id="slide-1-layer-03" data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']" data-width="['1200','1000','900','800']"
data-height="['1200','1000','900','800']" data-whitespace="nowrap" data-type="shape"
data-responsive_offset="on"
data-frames='[{"delay":1300,"speed":1000,"frame":"0","from":"x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;","to":"o:0.3;","ease":"Back.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]" style="z-index: 0;">
</div>
<!-- end shape layer -->
<!-- start row zone layer -->
<div id="rrzm_638" class="rev_row_zone rev_row_zone_middle">
<!-- start row layer -->
<div class="tp-caption " id="slide-1-layer-04" data-x="['left','left','left','left']"
data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
data-voffset="['-426','-426','-426','-426']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="row" data-columnbreak="3"
data-responsive_offset="on" data-responsive="off"
data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[100,75,50,30]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[100,75,50,30]">
<!-- start column layer -->
<div class="tp-caption" id="slide-1-layer-05" data-x="['left','left','left','left']"
data-hoffset="['100','100','100','100']" data-y="['top','top','top','top']"
data-voffset="['100','100','100','100']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="column" data-responsive_offset="on"
data-responsive="off"
data-frames='[{"delay":"+0","speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-columnwidth="100%" data-verticalalign="top"
data-textAlign="['center','center','center','center']">
<!-- start subtitle layer -->
<div class="tp-caption mx-auto text-uppercase" id="slide-1-layer-06"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']" data-fontsize="['13','13','13','13']"
data-lineheight="['20','20','20','20']"
data-fontweight="['500','500','500','500']"
data-letterspacing="['1','1','1','1']"
data-color="['#ffffff','#ffffff','#ffffff','#ffffff']"
data-width="['800','auto','auto','auto']" data-height="auto"
data-whitespace="normal" data-basealign="grid" data-type="text"
data-responsive_offset="off" data-verticalalign="middle"
data-responsive="off"
data-frames='[{"delay":2500,"speed":800,"frame":"0","from":"y:-50px;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"power3.inOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"power3.inOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[25,25,10,10]" data-paddingleft="[0,0,0,0]"
style="word-break: initial;">
</div>
<!-- end subtitle layer -->
<!-- start title layer -->
<div class="tp-caption mx-auto" id="slide-1-layer-07"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']" data-fontsize="['75','60','70','50']"
data-lineheight="['70','65','75','55']"
data-fontweight="['700','700','700','700']"
data-letterspacing="['-2','-2','-2','0']"
data-color="['#ffffff','#ffffff','#ffffff','#ffffff']"
data-width="['700','600','600','auto']" data-height="auto"
data-whitespace="normal" data-basealign="grid" data-type="text"
data-responsive_offset="off" data-verticalalign="middle"
data-responsive="on"
data-frames='[{"delay":"1500","split":"chars","splitdelay":0.03,"speed":800,"split_direction":"middletoedge","frame":"0","from":"x:50px;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":100,"frame":"999","to":"opacity:0;fb:0;","ease":"Power4.easeOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[33,28,35,25]" data-paddingleft="[0,0,0,0]"
style="word-break: initial; text-shadow: #0b1236 3px 3px 15px;">
<h1>Desarrollo de Software a Medida en Cornellà</h1>
</div>
<!-- end title layer -->
<!-- start text layer -->
<div class="tp-caption mx-auto" id="slide-1-layer-08"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']" data-fontsize="['20','20','24','20']"
data-lineheight="['36','36','40','30']"
data-fontweight="['300','300','300','300']"
data-letterspacing="['0','0','0','0']"
data-color="['#ffffff','#ffffff','#ffffff','#ffffff']"
data-width="['500','500','auto','auto']" data-height="auto"
data-whitespace="normal" data-basealign="grid" data-type="text"
data-responsive_offset="off" data-verticalalign="middle"
data-responsive="on"
data-frames='[{"delay":2500,"speed":800,"frame":"0","from":"y:50px;opacity:0;fb:20px;","to":"o:0.6;fb:0;","ease":"power3.inOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"power3.inOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[36,36,60,40]" data-paddingleft="[0,0,0,0]">
<h2>Soluciones personalizadas para pequeñas y medianas empresas locales</h2>
</div>
<!-- end text layer -->
<!-- start button layer -->
<div class="tp-caption tp-resizeme" id="slide-1-layer-09"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']"
data-voffset="['0','0','0','0']" data-width="auto" data-height="none"
data-whitespace="nowrap" data-fontsize="['18','16','16','16']"
data-lineheight="['70','55','55','55']" data-type="text"
data-responsive_offset="off" data-responsive="off"
data-frames='[{"delay":3000,"speed":1000,"frame":"0","from":"y:100px;opacity:0;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[75,70,65,60]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[45,35,30,30]">
<a href="#Contacta"
class="btn btn-extra-large get-started-btn btn-rounded with-rounded btn-gradient-flamingo-amethyst-green btn-box-shadow">Quiero
saber más<span class="bg-white text-base-color"><i
class="fa-solid fa-arrow-right"></i></span></a>
</div>
<!-- end button layer -->
</div>
<!-- end column layer -->
</div>
<!-- end row layer -->
</div>
<!-- end row zone layer -->
<!-- start beige background layer -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme bg-base-color border-radius-50"
id="slide-1-layer-10" data-x="['center','center','center','center']"
data-hoffset="['510','410','310','0']" data-y="['middle','middle','middle','middle']"
data-voffset="['-320','-250','-250','0']" data-width="['122','122','120','120']"
data-height="['122','122','120','120']" data-visibility="['on','on','off','off']"
data-whitespace="nowrap" data-basealign="grid" data-type="shape"
data-responsive_offset="on"
data-frames='[{"delay":3500,"speed":1000,"frame":"0","from":"x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;","to":"o:1;","ease":"Back.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]" style="z-index: 0;">
</div>
<!-- end beige background layer -->
<!-- start beige text layer -->
<div class="tp-caption d-inline-block" id="slide-1-layer-11"
data-x="['center','center','center','center']" data-hoffset="['510','410','310','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-305','-250','-250','0']"
data-visibility="['on','on','off','off']" data-fontsize="['13','13','13','13']"
data-lineheight="['16','16','16','16']" data-fontweight="['500','600','600','600']"
data-letterspacing="['0','0','0','0']"
data-color="['#ffffff','#ffffff','#ffffff','#ffffff']"
data-width="['100','100','100','100']" data-height="auto" data-whitespace="normal"
data-basealign="grid" data-type="text" data-responsive_offset="on"
data-verticalalign="middle" data-responsive="on"
data-frames='[{"delay":3700,"speed":1000,"frame":"0","from":"x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;","to":"o:1;","ease":"Back.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[33,0,0,0]"
data-paddingleft="[0,0,0,0]" style="word-break: initial;">
<i class="bi bi-patch-check-fill icon-extra-medium d-block pb-10px"></i> <span
class="d-block text-uppercase">Excelencia Digital</span>
</div>
<!-- end beige text layer -->
</li>
<li data-index="rs-02" data-transition="parallaxleft" data-slotamount="default"
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
data-easeout="default" data-masterspeed="1500" data-rotate="0" data-saveperformance="off"
data-title="Crossfit" data-param1="" data-param2="" data-param3="" data-param4=""
data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10=""
data-description="">
<!-- slide's main background image -->
<img src="images/demo-corporate-main-slider-02.jpg" alt="Image"
data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat"
class="rev-slidebg" data-no-retina>
<!-- start overlay layer -->
<div class="tp-caption tp-shape tp-shapewrapper " id="slide-2-layer-01"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape"
data-basealign="slide" data-responsive_offset="off" data-responsive="off"
data-frames='[{"delay":0,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},
{"delay":"wait","speed":1000,"frame":"999","to":"opacity:0;","ease":"Power4.easeInOut"}]' style="background:rgba(22,35,63,0.1); z-index: 0;">
</div>
<!-- end overlay layer -->
<!-- start shape layer -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme bg-regal-blue border-radius-50"
id="slide-2-layer-02" data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']" data-width="['900','700','700','600']"
data-height="['900','700','700','600']" data-whitespace="nowrap" data-type="shape"
data-responsive_offset="on"
data-frames='[{"delay":1000,"speed":1000,"frame":"0","from":"x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;","to":"o:0.5;","ease":"Back.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]" style="z-index: 0;">
</div>
<!-- end shape layer -->
<!-- start shape layer -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme bg-regal-blue border-radius-50"
id="slide-2-layer-03" data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']" data-width="['1200','1000','900','800']"
data-height="['1200','1000','900','800']" data-whitespace="nowrap" data-type="shape"
data-responsive_offset="on"
data-frames='[{"delay":1300,"speed":1000,"frame":"0","from":"x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;","to":"o:0.3;","ease":"Back.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]" style="z-index: 0;">
</div>
<!-- end shape layer -->
<!-- start row zone layer -->
<div id="rrzm_639" class="rev_row_zone rev_row_zone_middle">
<!-- start row layer -->
<div class="tp-caption " id="slide-2-layer-04" data-x="['left','left','left','left']"
data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
data-voffset="['-426','-426','-426','-426']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="row" data-columnbreak="3"
data-responsive_offset="on" data-responsive="off"
data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[100,75,50,30]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[100,75,50,30]">
<!-- start column layer -->
<div class="tp-caption" id="slide-2-layer-05" data-x="['left','left','left','left']"
data-hoffset="['100','100','100','100']" data-y="['top','top','top','top']"
data-voffset="['100','100','100','100']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="column" data-responsive_offset="on"
data-responsive="off"
data-frames='[{"delay":"+0","speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-columnwidth="100%" data-verticalalign="top"
data-textAlign="['center','center','center','center']">
<!-- start subtitle layer -->
<div class="tp-caption mx-auto text-uppercase" id="slide-2-layer-06"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']" data-fontsize="['13','13','13','13']"
data-lineheight="['20','20','20','20']"
data-fontweight="['500','500','500','500']"
data-letterspacing="['1','1','1','1']"
data-color="['#ffffff','#ffffff','#ffffff','#ffffff']"
data-width="['800','auto','auto','auto']" data-height="auto"
data-whitespace="normal" data-basealign="grid" data-type="text"
data-responsive_offset="off" data-verticalalign="middle"
data-responsive="off"
data-frames='[{"delay":2500,"speed":800,"frame":"0","from":"y:-50px;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"power3.inOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"power3.inOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[25,25,10,10]" data-paddingleft="[0,0,0,0]"
style="word-break: initial;">
</div>
<!-- end subtitle layer -->
<!-- start title layer -->
<div class="tp-caption mx-auto" id="slide-2-layer-07"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']" data-fontsize="['75','60','70','50']"
data-lineheight="['70','65','75','55']"
data-fontweight="['700','700','700','700']"
data-letterspacing="['-2','-2','-2','0']"
data-color="['#ffffff','#ffffff','#ffffff','#ffffff']"
data-width="['700','600','600','auto']" data-height="auto"
data-whitespace="normal" data-basealign="grid" data-type="text"
data-responsive_offset="off" data-verticalalign="middle"
data-responsive="on"
data-frames='[{"delay":"1500","split":"chars","splitdelay":0.03,"speed":800,"split_direction":"middletoedge","frame":"0","from":"x:50px;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":100,"frame":"999","to":"opacity:0;fb:0;","ease":"Power4.easeOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[33,28,35,25]" data-paddingleft="[0,0,0,0]"
style="word-break: initial; text-shadow: #0b1236 3px 3px 15px;">
<h2>Potencia Tu Negocio Local con Inteligencia Artificial</h2>
</div>
<!-- end title layer -->
<!-- start text layer -->
<div class="tp-caption mx-auto" id="slide-2-layer-08"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']" data-fontsize="['20','20','24','20']"
data-lineheight="['36','36','40','30']"
data-fontweight="['300','300','300','300']"
data-letterspacing="['0','0','0','0']"
data-color="['#ffffff','#ffffff','#ffffff','#ffffff']"
data-width="['500','500','auto','auto']" data-height="auto"
data-whitespace="normal" data-basealign="grid" data-type="text"
data-responsive_offset="off" data-verticalalign="middle"
data-responsive="on"
data-frames='[{"delay":2500,"speed":800,"frame":"0","from":"y:50px;opacity:0;fb:20px;","to":"o:0.6;fb:0;","ease":"power3.inOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"power3.inOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[36,36,60,40]" data-paddingleft="[0,0,0,0]">
<h3>Procesos empresariales transformados mediante Inteligencia Artificial</h3>
</div>
<!-- end text layer -->
<!-- start button layer -->
<div class="tp-caption tp-resizeme" id="slide-2-layer-09"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']"
data-voffset="['0','0','0','0']" data-width="auto" data-height="none"
data-whitespace="nowrap" data-fontsize="['18','16','16','16']"
data-lineheight="['70','55','55','55']" data-type="text"
data-responsive_offset="off" data-responsive="off"
data-frames='[{"delay":3000,"speed":1000,"frame":"0","from":"y:100px;opacity:0;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[75,70,65,60]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[45,35,30,30]">
<a href="#Contacta"
class="btn btn-extra-large get-started-btn btn-rounded with-rounded btn-gradient-flamingo-amethyst-green btn-box-shadow">Infórmame
<span class="bg-white text-base-color"><i
class="fa-solid fa-arrow-right"></i></span></a>
</div>
<!-- end button layer -->
</div>
<!-- end column layer -->
</div>
<!-- end row layer -->
</div>
<!-- end row zone layer -->
<!-- start beige background layer -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme bg-base-color border-radius-50"
id="slide-2-layer-10" data-x="['center','center','center','center']"
data-hoffset="['510','410','310','0']" data-y="['middle','middle','middle','middle']"
data-voffset="['-320','-250','-250','0']" data-width="['122','122','120','120']"
data-height="['122','122','120','120']" data-visibility="['on','on','off','off']"
data-whitespace="nowrap" data-basealign="grid" data-type="shape"
data-responsive_offset="on"
data-frames='[{"delay":3500,"speed":1000,"frame":"0","from":"x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;","to":"o:1;","ease":"Back.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]" style="z-index: 0;">
</div>
<!-- end beige background layer -->
<!-- start beige text layer -->
<div class="tp-caption d-inline-block" id="slide-2-layer-11"
data-x="['center','center','center','center']" data-hoffset="['510','410','310','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-305','-250','-250','0']"
data-visibility="['on','on','off','off']" data-fontsize="['13','13','13','13']"
data-lineheight="['16','16','16','16']" data-fontweight="['500','600','600','600']"
data-letterspacing="['0','0','0','0']"
data-color="['#ffffff','#ffffff','#ffffff','#ffffff']"
data-width="['100','100','100','100']" data-height="auto" data-whitespace="normal"
data-basealign="grid" data-type="text" data-responsive_offset="on"
data-verticalalign="middle" data-responsive="on"
data-frames='[{"delay":3700,"speed":1000,"frame":"0","from":"x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;","to":"o:1;","ease":"Back.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[33,0,0,0]"
data-paddingleft="[0,0,0,0]" style="word-break: initial;">
<i class="bi bi-patch-check-fill icon-extra-medium d-block pb-10px"></i> <span
class="d-block text-uppercase">Excelencia Digital</span>
</div>
<!-- end beige text layer -->
</li>
<li data-index="rs-03" data-transition="parallaxleft" data-slotamount="default"
data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default"
data-easeout="default" data-masterspeed="1500" data-rotate="0" data-saveperformance="off"
data-title="Crossfit" data-param1="" data-param2="" data-param3="" data-param4=""
data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10=""
data-description="">
<!-- slide's main background image -->
<img src="images/demo-corporate-main-slider-03.jpg" alt="Image"
data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat"
class="rev-slidebg" data-no-retina>
<!-- start overlay layer -->
<div class="tp-caption tp-shape tp-shapewrapper " id="slide-3-layer-01"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape"
data-basealign="slide" data-responsive_offset="off" data-responsive="off"
data-frames='[{"delay":0,"speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeInOut"},
{"delay":"wait","speed":1000,"frame":"999","to":"opacity:0;","ease":"Power4.easeInOut"}]' style="background:rgba(22,35,63,0.1); z-index: 0;">
</div>
<!-- end overlay layer -->
<!-- start shape layer -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme bg-regal-blue border-radius-50"
id="slide-3-layer-02" data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']" data-width="['900','700','700','600']"
data-height="['900','700','700','600']" data-whitespace="nowrap" data-type="shape"
data-responsive_offset="on"
data-frames='[{"delay":1000,"speed":1000,"frame":"0","from":"x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;","to":"o:0.5;","ease":"Back.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]" style="z-index: 0;">
</div>
<!-- end shape layer -->
<!-- start shape layer -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme bg-regal-blue border-radius-50"
id="slide-3-layer-03" data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']" data-width="['1200','1000','900','800']"
data-height="['1200','1000','900','800']" data-whitespace="nowrap" data-type="shape"
data-responsive_offset="on"
data-frames='[{"delay":1300,"speed":1000,"frame":"0","from":"x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;","to":"o:0.3;","ease":"Back.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]" style="z-index: 0;">
</div>
<!-- end shape layer -->
<!-- start row zone layer -->
<div id="rrzm_640" class="rev_row_zone rev_row_zone_middle">
<!-- start row layer -->
<div class="tp-caption " id="slide-3-layer-04" data-x="['left','left','left','left']"
data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']"
data-voffset="['-426','-426','-426','-426']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="row" data-columnbreak="3"
data-responsive_offset="on" data-responsive="off"
data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[100,75,50,30]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[100,75,50,30]">
<!-- start column layer -->
<div class="tp-caption" id="slide-3-layer-05" data-x="['left','left','left','left']"
data-hoffset="['100','100','100','100']" data-y="['top','top','top','top']"
data-voffset="['100','100','100','100']" data-width="none" data-height="none"
data-whitespace="nowrap" data-type="column" data-responsive_offset="on"
data-responsive="off"
data-frames='[{"delay":"+0","speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-columnwidth="100%" data-verticalalign="top"
data-textAlign="['center','center','center','center']">
<!-- start subtitle layer -->
<div class="tp-caption mx-auto text-uppercase" id="slide-3-layer-06"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']" data-fontsize="['13','13','13','13']"
data-lineheight="['20','20','20','20']"
data-fontweight="['500','500','500','500']"
data-letterspacing="['1','1','1','1']"
data-color="['#ffffff','#ffffff','#ffffff','#ffffff']"
data-width="['800','auto','auto','auto']" data-height="auto"
data-whitespace="normal" data-basealign="grid" data-type="text"
data-responsive_offset="off" data-verticalalign="middle"
data-responsive="off"
data-frames='[{"delay":2500,"speed":800,"frame":"0","from":"y:-50px;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"power3.inOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"power3.inOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[25,25,10,10]" data-paddingleft="[0,0,0,0]"
style="word-break: initial;">
<!-- end subtitle layer -->
<!-- start title layer -->
<div class="tp-caption mx-auto" id="slide-3-layer-07"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']" data-fontsize="['75','60','70','50']"
data-lineheight="['70','65','75','55']"
data-fontweight="['700','700','700','700']"
data-letterspacing="['-2','-2','-2','0']"
data-color="['#ffffff','#ffffff','#ffffff','#ffffff']"
data-width="['700','600','600','auto']" data-height="auto"
data-whitespace="normal" data-basealign="grid" data-type="text"
data-responsive_offset="off" data-verticalalign="middle"
data-responsive="on"
data-frames='[{"delay":"1500","split":"chars","splitdelay":0.03,"speed":800,"split_direction":"middletoedge","frame":"0","from":"x:50px;opacity:0;fb:10px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":100,"frame":"999","to":"opacity:0;fb:0;","ease":"Power4.easeOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[33,28,35,25]" data-paddingleft="[0,0,0,0]"
style="word-break: initial; text-shadow: #0b1236 3px 3px 15px;">
<h2>Innovación en Software en el Baix Llobregat</h2>
</div>
<!-- end title layer -->
<!-- start text layer -->
<div class="tp-caption mx-auto" id="slide-3-layer-08"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']"
data-voffset="['0','0','0','0']" data-fontsize="['20','20','24','20']"
data-lineheight="['36','36','40','30']"
data-fontweight="['300','300','300','300']"
data-letterspacing="['0','0','0','0']"
data-color="['#ffffff','#ffffff','#ffffff','#ffffff']"
data-width="['500','500','auto','auto']" data-height="auto"
data-whitespace="normal" data-basealign="grid" data-type="text"
data-responsive_offset="off" data-verticalalign="middle"
data-responsive="on"
data-frames='[{"delay":2500,"speed":800,"frame":"0","from":"y:50px;opacity:0;fb:20px;","to":"o:0.6;fb:0;","ease":"power3.inOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"power3.inOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
data-paddingbottom="[36,36,60,40]" data-paddingleft="[0,0,0,0]">
<h3>Digitalización a medida para impulsar el rendimiento empresarial</h3>
</div>
<!-- end text layer -->
<!-- start button layer -->
<div class="tp-caption tp-resizeme" id="slide-3-layer-09"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']" data-y="['top','top','top','top']"
data-voffset="['0','0','0','0']" data-width="auto" data-height="none"
data-whitespace="nowrap" data-fontsize="['18','16','16','16']"
data-lineheight="['70','55','55','55']" data-type="text"
data-responsive_offset="off" data-responsive="off"
data-frames='[{"delay":3000,"speed":1000,"frame":"0","from":"y:100px;opacity:0;","to":"o:1;","ease":"Power3.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']"
data-paddingtop="[0,0,0,0]" data-paddingright="[75,70,65,60]"
data-paddingbottom="[0,0,0,0]" data-paddingleft="[45,35,30,30]">
<a href="#Contacta"
class="btn btn-extra-large get-started-btn btn-rounded with-rounded btn-gradient-flamingo-amethyst-green btn-box-shadow">Infórmame
<span class="bg-white text-base-color"><i
class="fa-solid fa-arrow-right"></i></span></a>
</div>
<!-- end button layer -->
</div>
<!-- end column layer -->
</div>
<!-- end row layer -->
</div>
<!-- end row zone layer -->
<!-- start beige background layer -->
<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme bg-base-color border-radius-50"
id="slide-3-layer-10" data-x="['center','center','center','center']"
data-hoffset="['510','410','310','0']" data-y="['middle','middle','middle','middle']"
data-voffset="['-320','-250','-250','0']" data-width="['122','122','120','120']"
data-height="['122','122','120','120']" data-visibility="['on','on','off','off']"
data-whitespace="nowrap" data-basealign="grid" data-type="shape"
data-responsive_offset="on"
data-frames='[{"delay":3500,"speed":1000,"frame":"0","from":"x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;","to":"o:1;","ease":"Back.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]" style="z-index: 0;">
</div>
<!-- end beige background layer -->
<!-- start beige text layer -->
<div class="tp-caption d-inline-block" id="slide-3-layer-11"
data-x="['center','center','center','center']" data-hoffset="['510','410','310','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-305','-250','-250','0']"
data-visibility="['on','on','off','off']" data-fontsize="['13','13','13','13']"
data-lineheight="['16','16','16','16']" data-fontweight="['500','600','600','600']"
data-letterspacing="['0','0','0','0']"
data-color="['#ffffff','#ffffff','#ffffff','#ffffff']"
data-width="['100','100','100','100']" data-height="auto" data-whitespace="normal"
data-basealign="grid" data-type="text" data-responsive_offset="on"
data-verticalalign="middle" data-responsive="on"
data-frames='[{"delay":3700,"speed":1000,"frame":"0","from":"x:0px;y:50px;rX:0deg;rY:0deg;rZ:0deg;sX:0.5;sY:0.5;opacity:0;","to":"o:1;","ease":"Back.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']" data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]" data-paddingbottom="[33,0,0,0]"
data-paddingleft="[0,0,0,0]" style="word-break: initial;">
<i class="bi bi-patch-check-fill icon-extra-medium d-block pb-10px"></i> <span
class="d-block text-uppercase">Excelencia Digital</span>
</div>
<!-- end beige text layer -->
</li>
</ul>
<div class="tp-bannertimer"
style="height: 10px; background-color: rgba(0, 0, 0, 0.10); z-index: 98"></div>
</div>
</div>
</section>
<!-- end slider -->
<!-- start section -->
<section>
<div class="container">
<div id="Elegirnos">
<div class="row justify-content-center align-items-center mb-6 sm-pb-9">
<div class="col-lg-6 col-md-9 position-relative md-mb-15 text-center text-lg-start"
data-anime='{ "el": "childs", "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 15, "easing": "easeOutQuad" }'>
<div class="absolute-middle-center z-index-9 counter-style-02 text-center">
<span class="fs-160 fw-800 text-dark-gray ls-minus-10px xs-ls-minus-5px position-relative lg-fs-130 xs-fs-75">20<sub class="align-top fs-80 lg-fs-70 text-dark-gray position-relative top-minus-3px">+</sub></span>
<span class="d-block mx-auto fs-20 fw-500 lh-26 w-70 text-center text-dark-gray xs-w-100">Años de experiencia</span>
</div>
<img src="images/demo-corporate-03.png" alt="">
<img src="images/demo-corporate-01.png" class="position-absolute top-50 left-minus-100px lg-left-minus-40px sm-left-minus-30px lg-w-50 sm-w-55" data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-220px)" alt="">
<img src="images/demo-corporate-02.png" class="position-absolute top-0px xl-top-minus-10px w-170px right-20px md-right-40px xs-w-40" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)" alt="">
</div>
<div class="col-lg-6 ps-6 text-center text-lg-start lg-ps-15px" data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
<span class="ps-25px pe-25px mb-20px text-uppercase text-base-color fs-14 lh-42px fw-700 border-radius-100px bg-gradient-very-light-gray-transparent d-inline-block">Enfoque Especializado</span>
<h3 class="text-dark-gray fw-700 ls-minus-1px">Soluciones para Empresas Corporativas.</h3>
<p class="w-80 xl-w-90 lg-w-100 mb-40px sm-mb-25px">Nos especializamos en el desarrollo de soluciones informáticas prácticas y personalizadas, diseñadas para proyectos de diversa envergadura. Alineamos nuestras soluciones con los grupos objetivos específicos, asegurando una optimización eficaz mediante automatizaciones e inteligencia artificial para alcanzar resultados excepcionales.</p>
<a href="#Nosotros" class="btn btn-large btn-dark-gray btn-hover-animation-switch btn-box-shadow btn-rounded me-25px xs-me-0">
<span>
<span class="btn-text">Conócenos</span>
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
</span>
</a>
<span class="text-dark-gray fw-700 ls-minus-05px d-block d-sm-inline-block sm-mt-15px"><a href="tel:+34645993045'"><i class="feather icon-feather-phone-call me-10px"></i>+34 645 993 045'</a></span>
</div>
</div>
<div class="row row-cols-1 row-cols-md-4 row-cols-sm-2 justify-content-center counter-style-07 ps-3 pe-3" data-anime='{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section class="overflow-hidden bg-regal-blue position-relative border-radius-6px lg-border-radius-0px z-index-0">
<img src="images/demo-corporate-bg-01.png" class="position-absolute top-minus-150px left-minus-30px z-index-minus-1" data-bottom-top="transform: rotate(0deg) translateY(0)" data-top-bottom="transform:rotate(-20deg) translateY(0)" alt="" />
<div class="container">
<div id="servicios">
<div class="row align-items-center mb-6 sm-mb-9 text-center text-lg-start">
<div class="col-lg-5 md-mb-20px">
<span class="ps-25px pe-25px mb-10px text-uppercase text-white fs-13 lh-42px fw-600 border-radius-100px bg-gradient-blue-whale-transparent d-inline-block">Descubre</span>
<h3 class="text-white fw-700 mb-0 ls-minus-1px">Nuestros servicios</h3>
</div>
<div class="col-lg-5 last-paragraph-no-margin md-mb-20px">
<p class="w-85 md-w-100">Maximiza la eficiencia y promueve la mejora continua en tu empresa con nuestras soluciones. Explora las posibilidades para optimizar tus procesos y alcanzar un rendimiento excepcional en el competitivo entorno empresarial actual.</p>
</div>
<div class="col-lg-2 d-flex justify-content-center justify-content-lg-end">
<!-- start slider navigation -->
<div class="slider-one-slide-prev-1 icon-extra-medium text-white swiper-button-prev slider-navigation-style-04 border border-1 border-color-transparent-white-light">
<i class="feather icon-feather-chevron-left"></i>
</div>
<div class="slider-one-slide-next-1 icon-extra-medium text-white swiper-button-next slider-navigation-style-04 border border-1 border-color-transparent-white-light">
<i class="feather icon-feather-chevron-right"></i>
</div>
<!-- end slider navigation -->
</div>
</div>
<div class="row align-items-center mb-6">
<div class="col-12">
<div class="outside-box-right-25 sm-outside-box-right-0">
<div class="swiper slider-one-slide" data-slider-options='{ "slidesPerView": 1, "spaceBetween": 30, "loop": true, "navigation": { "nextEl": ".slider-one-slide-next-1", "prevEl": ".slider-one-slide-prev-1" }, "autoplay": { "delay": 4000, "disableOnInteraction": false }, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1200": { "slidesPerView": 4 }, "992": { "slidesPerView": 3 }, "768": { "slidesPerView": 2 }, "320": { "slidesPerView": 1 } }, "effect": "slide" }'>
<div class="swiper-wrapper">
<!-- start slider item -->
<div class="swiper-slide">
<!-- start interactive banner item -->
<div class="interactive-banner-style-09 border-radius-6px overflow-hidden position-relative">
<img src="images/DEV4I-desarrollo-web-slider-img-03.jpg" alt="" />
<div class="opacity-very-light bg-slate-blue"></div>
<div class="image-content h-100 w-100 ps-15 pe-15 pt-13 pb-13 md-p-10 d-flex justify-content-bottom align-items-start flex-column">
<div class="hover-label-icon position-relative z-index-9">
</div>
<div class="mt-auto d-flex align-items-start w-100 z-index-1 position-relative overflow-hidden flex-column">
<span class="text-white fw-600 fs-20">Desarrollo Web Avanzado: Sitio web de tu Propiedad</span>
<span class="content-title text-white fs-13 fw-500 text-uppercase ls-05px">Mejora tu presencia en internet con páginas web en HTML, sin los costos adicionales y la complejidad de otras plataformas.</span>
<a href="desarrollo-web.html" class="content-title-hover fs-13 lh-24 fw-500 ls-05px text-uppercase text-white opacity-6 text-decoration-line-bottom">Explora el servicio</a>
<span class="content-arrow lh-42px rounded-circle bg-white w-50px h-50px ms-20px text-center"><i class="fa-solid fa-chevron-right text-dark-gray fs-16"></i></span>
</div>
<div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-regal-blue-transparent opacity-9"></div>
<div class="box-overlay bg-gradient-base-color-transparent"></div>
<a href="desarrollo-web.html" class="position-absolute z-index-1 top-0px left-0px h-100 w-100"></a>
</div>
</div>
<!-- end interactive banner item -->
</div>
<!-- end slider item -->
<!-- start slider item -->
<div class="swiper-slide">
<!-- start interactive banner item -->
<div class="interactive-banner-style-09 border-radius-6px overflow-hidden position-relative">
<img src="images/DEV4i-redes.jpg" alt=""/>
<div class="opacity-very-light bg-slate-blue"></div>
<div class="image-content h-100 w-100 ps-15 pe-15 pt-13 pb-13 md-p-10 d-flex justify-content-bottom align-items-start flex-column">
<div class="hover-label-icon position-relative z-index-9">
</div>
<div class="mt-auto d-flex align-items-start w-100 z-index-1 position-relative overflow-hidden flex-column">
<span class="text-white fw-600 fs-20">Automatización de Redes Sociales</span>
<span class="content-title text-white fs-13 fw-500 text-uppercase ls-05px">Tu equipo de marketing digital 24/7. Publica contenido relevante de forma automática, optimizado para cada plataforma. Aumenta tu engagement un 150% y reduce el tiempo dedicado a redes sociales hasta un 75%.
<a href="automatización-de-redes-sociales.html" class="content-title-hover fs-13 lh-24 fw-500 ls-05px text-uppercase text-white opacity-6 text-decoration-line-bottom">Explora el servicio</a>
<span class="content-arrow lh-42px rounded-circle bg-white w-50px h-50px ms-20px text-center"><i class="fa-solid fa-chevron-right text-dark-gray fs-16"></i></span>
</div>
<div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-regal-blue-transparent opacity-9"></div>
<div class="box-overlay bg-gradient-base-color-transparent"></div>
<a href="automatización-de-redes-sociales.html" class="position-absolute z-index-1 top-0px left-0px h-100 w-100"></a>
</div>
</div>
<!-- end interactive banner item -->
</div>
<!-- end slider item -->
<!-- start slider item -->
<div class="swiper-slide">
<!-- start interactive banner item -->
<div class="interactive-banner-style-09 border-radius-6px overflow-hidden position-relative">
<img src="images/DEV4i-asistente-virtual.jpg" alt="" />
<div class="opacity-very-light bg-slate-blue"></div>
<div class="image-content h-100 w-100 ps-15 pe-15 pt-13 pb-13 md-p-10 d-flex justify-content-bottom align-items-start flex-column">
<div class="hover-label-icon position-relative z-index-9">
</div>
<div class="mt-auto d-flex align-items-start w-100 z-index-1 position-relative overflow-hidden flex-column">
<span class="text-white fw-600 fs-20">Asistente Virtual Inteligente 24/7</span>
<span class="content-title text-white fs-13 fw-500 text-uppercase ls-05px"> Tu recepcionista virtual siempre disponible. Atiende a tus clientes las 24 horas, agendando citas y resolviendo consultas. Un asistente telefónico eficiente y profesional, siempre listo para mantener a tus clientes satisfechos, incluso cuando no estás.</span>
<a href="asistente-virtual.html" class="content-title-hover fs-13 lh-24 fw-500 ls-05px text-uppercase text-white opacity-6 text-decoration-line-bottom">Explora el servicio</a>
<span class="content-arrow lh-42px rounded-circle bg-white w-50px h-50px ms-20px text-center"><i class="fa-solid fa-chevron-right text-dark-gray fs-16"></i></span>
</div>
<div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-regal-blue-transparent opacity-9"></div>
<div class="box-overlay bg-gradient-base-color-transparent"></div>
<a href="asistente-virtual.html" class="position-absolute z-index-1 top-0px left-0px h-100 w-100"></a>
</div>
</div>
<!-- end interactive banner item -->
</div>
<!-- end slider item -->
<!-- start slider item -->
<div class="swiper-slide">
<!-- start interactive banner item -->
<div class="interactive-banner-style-09 border-radius-6px overflow-hidden position-relative">
<img src="images/DEV4I-AI-06.jpg" alt="" />
<div class="opacity-extra-medium bg-gradient-dark-transparent"></div>
<div class="image-content h-100 w-100 ps-15 pe-15 pt-13 pb-13 md-p-10 d-flex justify-content-bottom align-items-start flex-column">
<div class="hover-label-icon position-relative z-index-9">
</div>
<div class="mt-auto d-flex align-items-start w-100 z-index-1 position-relative overflow-hidden flex-column">
<span class="text-white fw-600 fs-20">Chatbot: Lleva la IA a tu Empresa</span>
<span class="content-title text-white fs-13 fw-500 text-uppercase ls-05px">Automatiza tus comunicaciones, facilita la consulta de documentación y gestiona tus citas de manera eficiente con nuestra solución integrada de agenda y chatbot.</span>
<a href="chatbots.html" class="content-title-hover fs-13 lh-24 fw-500 ls-05px text-uppercase text-white opacity-6 text-decoration-line-bottom">Explora el servicio</a>
<span class="content-arrow lh-42px rounded-circle bg-white w-50px h-50px ms-20px text-center"><i class="fa-solid fa-chevron-right text-dark-gray fs-16"></i></span>
</div>
<div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-regal-blue-transparent opacity-9">
</div>
<div class="box-overlay bg-gradient-base-color-transparent"></div>
<a href="chatbots.html" class="position-absolute z-index-1 top-0px left-0px h-100 w-100"></a>
</div>
</div>
<!-- end interactive banner item -->
</div>
<!-- end slider item -->
<!-- start slider item -->
<div class="swiper-slide">
<!-- start interactive banner item -->
<div class="interactive-banner-style-09 border-radius-6px overflow-hidden position-relative">
<img src="images/DEV4i-ODOO.jpg" alt="" />
<div class="opacity-very-light bg-slate-blue"></div>
<div class="image-content h-100 w-100 ps-15 pe-15 pt-13 pb-13 md-p-10 d-flex justify-content-bottom align-items-start flex-column">
<div class="hover-label-icon position-relative z-index-9">
</div>
<div class="mt-auto d-flex align-items-start w-100 z-index-1 position-relative overflow-hidden flex-column">
<span class="text-white fw-600 fs-20">Software de gestión empresarial ODOO</span>
<span class="content-title text-white fs-13 fw-500 text-uppercase ls-05px"> Optimiza tu negocio con un ERP poderoso y flexible que cubre todas tus necesidades: contabilidad, inventario,CRM, marketing, comercio electrónico,punto de venta, ¡y mucho más!</span>
<a href="ODOO.html" class="content-title-hover fs-13 lh-24 fw-500 ls-05px text-uppercase text-white opacity-6 text-decoration-line-bottom">Explora el servicio</a>
<span class="content-arrow lh-42px rounded-circle bg-white w-50px h-50px ms-20px text-center"><i class="fa-solid fa-chevron-right text-dark-gray fs-16"></i></span>
</div>
<div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-regal-blue-transparent opacity-9"></div>
<div class="box-overlay bg-gradient-base-color-transparent"></div>
<a href="ODOO.html" class="position-absolute z-index-1 top-0px left-0px h-100 w-100"></a>
</div>
</div>
<!-- end interactive banner item -->
</div>
<!-- end slider item -->
<!-- start slider item -->
<div class="swiper-slide">
<!-- start interactive banner item -->
<div class="interactive-banner-style-09 border-radius-6px overflow-hidden position-relative">
<img src="images/DEV4I-ERP-04.jpg" alt="" />
<div class="opacity-very-light bg-slate-blue"></div>
<div class="image-content h-100 w-100 ps-15 pe-15 pt-13 pb-13 md-p-10 d-flex justify-content-bottom align-items-start flex-column">
<div class="hover-label-icon position-relative z-index-9">
</div>
<div class="mt-auto d-flex align-items-start w-100 z-index-1 position-relative overflow-hidden flex-column">
<span class="text-white fw-600 fs-20">Consultoría Informática</span>
<span class="content-title text-white fs-13 fw-500 text-uppercase ls-05px">Soluciones a medida para tus necesidades únicas; creamos aplicaciones que simplifican tus procesos y mejoran tu productividad, asegurando el éxito de tu negocio.</span>
<a href="consultoría-informática.html" class="content-title-hover fs-13 lh-24 fw-500 ls-05px text-uppercase text-white opacity-6 text-decoration-line-bottom">Explora el servicio</a>
<span class="content-arrow lh-42px rounded-circle bg-white w-50px h-50px ms-20px text-center"><i class="fa-solid fa-chevron-right text-dark-gray fs-16"></i></span>
</div>
<div class="position-absolute left-0px top-0px w-100 h-100 bg-gradient-regal-blue-transparent opacity-9"></div>
<div class="box-overlay bg-gradient-base-color-transparent"></div>
<a href="consultoría-informática.html" class="position-absolute z-index-1 top-0px left-0px h-100 w-100"></a>
</div>
</div>
<!-- end interactive banner item -->
</div>
<!-- end slider item -->
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 text-center">
<i class="bi bi-envelope text-white d-inline-block align-middle icon-extra-medium me-10px md-m-5px"></i>
<div class="fs-18 text-white d-inline-block align-middle">Ahorra tiempo con nuestras soluciones.<a href="#Contacta" class="text-white text-decoration-line-bottom">¡Optimiza tu rendimiento!</a></div>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section>
<div class="container position-relative">
<div id="Proceso">
<div class="row align-items-center mb-7">
<div class="col-xxl-4 col-lg-5 md-mb-15 sm-mb-20 text-center text-lg-start">
<span class="ps-25px pe-25px mb-20px text-uppercase text-base-color fs-14 lh-42px fw-700 border-radius-100px bg-gradient-very-light-gray-transparent d-inline-block">Lo hacemos sencillo</span>
<h3 class="text-dark-gray fw-700 ls-minus-2px mb-40px">Comprende nuestro proceso</h3>
<div class="row row-cols-1" data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
<!-- start process step item -->
<div class="col-12 process-step-style-05 position-relative hover-box">
<div class="process-step-item d-flex">
<div class="process-step-icon-wrap position-relative">
<div class="process-step-icon d-flex justify-content-center align-items-center mx-auto rounded-circle h-60px w-60px fs-14 bg-light-red fw-700 position-relative">
<span class="number position-relative z-index-1 text-dark-gray">01</span>
<div class="box-overlay bg-base-color rounded-circle"></div>
</div>
<span class="progress-step-separator bg-dark-gray opacity-1"></span>
</div>
<div class="process-content ps-30px last-paragraph-no-margin mb-30px">
<span class="d-block fw-700 text-dark-gray mb-5px fs-18">Escuchamos las necesidades del cliente</span>
<p class="w-90 lg-w-100 lh-32">Comenzamos entendiendo las metas y requisitos específicos del cliente, asegurándonos de captar sus visiones y prioridades.</p>
</div>
</div>
</div>
<!-- end process step item -->
<!-- start process step item -->
<div class="col-12 process-step-style-05 position-relative hover-box">
<div class="process-step-item d-flex">
<div class="process-step-icon-wrap position-relative">
<div class="process-step-icon d-flex justify-content-center align-items-center mx-auto rounded-circle h-60px w-60px fs-14 bg-light-red fw-700 position-relative">
<span class="number position-relative z-index-1 text-dark-gray">02</span>
<div class="box-overlay bg-base-color rounded-circle"></div>
</div>
<span class="progress-step-separator bg-dark-gray opacity-1"></span>
</div>
<div class="process-content ps-30px last-paragraph-no-margin mb-30px">
<span class="d-block fw-700 text-dark-gray mb-5px fs-18">Identificamos el problema</span>
<p class="w-90 lg-w-100 lh-32">Analizamos a fondo la situación para identificar desafíos clave, permitiéndonos abordar los problemas de manera eficiente y efectiva.</p>
</div>
</div>
</div>
<!-- end process step item -->
<!-- start process step item -->
<div class="col-12 process-step-style-05 position-relative hover-box xs-mb-30px">
<div class="process-step-item d-flex">
<div class="process-step-icon-wrap position-relative">
<div class="process-step-icon d-flex justify-content-center align-items-center mx-auto rounded-circle h-60px w-60px fs-14 bg-light-red fw-700 position-relative">
<span class="number position-relative z-index-1 text-dark-gray">03</span>
<div class="box-overlay bg-base-color rounded-circle"></div>
</div>
</div>
<div class="process-content ps-30px last-paragraph-no-margin">
<span class="d-block fw-700 text-dark-gray mb-5px fs-18">Planificamos la producción</span>
<p class="w-90 lg-w-100 lh-32">Desarrollamos estrategias detalladas para la ejecución del proyecto, garantizando una planificación precisa y un
de producción eficiente.</p>
</div>
</div>
</div>
<!-- end process step item -->
</div>
</div>
<div class="col-lg-7 offset-xxl-1 position-relative md-mb-30px sm-mb-15"
data-anime='{ "translateX": [0, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
<img src="images/demo-corporate-10.png" class="position-relative z-index-9 top-40px" alt="">
<img src="images/demo-corporate-03.png" class="absolute-middle-center xs-w-95" alt="">
<img src="images/demo-corporate-05.png" class="position-absolute top-50px left-0px xs-left-15px"
data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)"
alt="">
<img src="images/demo-corporate-06.png" class="position-absolute top-150px left-30"
data-bottom-top="transform: translateY(30px)" data-top-bottom="transform: translateY(-30px)"
alt="">
<img src="images/demo-corporate-07.png"class="position-absolute top-50px right-30"
data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)"
alt="">
<img src="images/demo-corporate-08.png"
class="position-absolute top-100px right-0px xs-right-15px"
data-bottom-top="transform: translateY(30px)" data-top-bottom="transform: translateY(-30px)"
alt="">
</div>
</div>
<div class="row justify-content-center align-items-center">
<div class="col-12 text-center align-items-center" data-anime='{ "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
<div class="bg-base-color fw-700 text-white text-uppercase border-radius-30px ps-20px pe-20px fs-12 me-10px sm-m-5px d-inline-block align-middle">¡Vámos!</div>
<div class="fs-18 fw-500 text-dark-gray d-inline-block align-middle">¿Tienes un proyecto en mente? <a href="#Contacta" class="text-dark-gray text-decoration-line-bottom fw-700">¡Hagamos historia!</a>
</div>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section class="py-0">
<div class="container">
<div id="Nosotros">
<section style="margin-top: 5px; margin-bottom: 5px;">
<div class="row justify-content-center mb-3">
<div class="col-lg-6 col-md-7 col-sm-8 text-center" data-anime='{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
<h3 class="fw-700 text-dark-gray ls-minus-2px">Conoce al equipo</h3>
</div>
</div>
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2" data-anime='{ "el": "childs", "translateX": [-50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
<!-- start team member item -->
<div class="col text-center team-style-01 md-mb-30px">
<figure class="mb-0 hover-box box-hover position-relative">
<img src="images/Mario.png" alt="" class="border-radius-6px" />
<figcaption class="w-100 p-30px lg-p-25px bg-white">
<div class="position-relative z-index-1 overflow-hidden lg-pb-5px">
<span class="fs-19 d-block fw-600 text-dark-gray lh-26 ls-minus-05px">Mario Sanabria</span>
<p class="m-0">Chief Technology Officer</p>
<div class="social-icon hover-text mt-20px lg-mt-10px social-icon-style-05">
<a href="https://www.linkedin.com/in/mario-s-5351a4141/" target="_blank" class="fw-600 text-dark-gray">Li.</a>
</div>
</div>
<div class="box-overlay bg-white box-shadow-quadruple-large border-radius-6px"></div>
</figcaption>
</figure>
</div>
<!-- end team member item -->
<!-- start team member item -->
<div class="col text-center team-style-01 md-mb-30px">
<figure class="mb-0 hover-box box-hover position-relative">
<img src="images/Toni.png" alt="" class="border-radius-6px" />
<figcaption class="w-100 p-30px lg-p-25px bg-white">
<div class="position-relative z-index-1 overflow-hidden lg-pb-5px">
<span class="fs-19 d-block fw-600 text-dark-gray lh-26 ls-minus-05px">Toni Ruiz</span>
<p class="m-0">Chief Information Officer</p>
<div class="social-icon hover-text mt-20px lg-mt-10px">
<a href="https://www.linkedin.com/in/toniruizfernandez/" target="_blank" class="fw-600 text-dark-gray">Li.</a>
</div>
</div>
<div class="box-overlay bg-white box-shadow-quadruple-large border-radius-6px"></div>
</figcaption>
</figure>
</div>
<!-- end team member item -->
<!-- start team member item -->
<div class="col text-center team-style-01 xs-mb-30px">
<figure class="mb-0 hover-box box-hover position-relative">
<img src="images/David.png" alt="" class="border-radius-6px" />
<figcaption class="w-100 p-30px lg-p-25px bg-white">
<div class="position-relative z-index-1 overflow-hidden lg-pb-5px">
<span class="fs-19 d-block fw-600 text-dark-gray lh-26 ls-minus-05px">David Jaime</span>
<p class="m-0">Chief Financial Officer</p>
<div class="social-icon hover-text mt-20px lg-mt-10px">
<a href="https://www.linkedin.com/in/djaime/" target="_blank" class="fw-600 text-dark-gray">Li.</a>
</div>
</div>
<div class="box-overlay bg-white box-shadow-quadruple-large border-radius-6px"></div>
</figcaption>
</figure>
</div>
<!-- end team member item -->
<!-- start team member item -->
<div class="col text-center team-style-01">
<figure class="mb-0 hover-box box-hover position-relative">
<img src="images/Alberto.png" alt="" class="border-radius-6px" />
<figcaption class="w-100 p-30px lg-p-25px bg-white">
<div class="position-relative z-index-1 overflow-hidden lg-pb-5px">
<span class="fs-19 d-block fw-600 text-dark-gray lh-26 ls-minus-05px">Alberto Peralta</span>
<p class="m-0">Chief Marketing Officer</p>
<div class="social-icon hover-text mt-20px lg-mt-10px">
<a href="https://www.linkedin.com/in/alberto-peralta-guerrero-39564a14/" target="_blank" class="fw-600 text-dark-gray">Li.</a>
</div>
</div>
<div class="box-overlay bg-white box-shadow-quadruple-large border-radius-6px"></div>
</figcaption>
</figure>
</div>
<!-- end team member item -->
</div>
</div>
</section>
<!-- end section -->
<!-- start section -->
<section id="down-section">
<div id="Contacta">
<div class="container">
<div class="row align-items-end justify-content-center mb-6 text-center text-lg-start sm-mb-8">
<div class="col-xl-5 col-lg-7 col-md-10 md-mb-25px" data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }'>
<span class="ps-25px pe-25px mb-20px text-uppercase text-base-color fs-14 lh-42px fw-700 border-radius-100px bg-gradient-very-light-gray-transparent d-inline-block">¿Nos conocémos?</span>
<h3 class="text-dark-gray fw-700 ls-minus-1px mb-0">Nos encantará que nos cuentes tu proyecto.</h3>
</div>
<div class="col-xl-6 offset-xl-1 col-lg-5 col-md-10 last-paragraph-no-margin">
<p class="w-90 lg-w-100" data-anime='{ "el": "lines", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }'>Estamos aquí para ayudar y responder cualquier pregunta que puedas tener. Si tienes alguna duda, por favor contáctanos o ven a nuestra oficina para tomar un café.</p>
</div>
</div>
<div class="row row-cols-1 row-cols-xl-4 row-cols-lg-4 row-cols-md-2 row-cols-sm-2 mb-6 sm-mb-8" data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay":0, "staggervalue": 300, "easing": "easeOutQuad" }'>
<div class="col md-mb-30px text-center text-sm-start">
<span class="alt-font fs-18 fw-700 d-block w-90 text-dark-gray border-bottom border-2 border-color-dark-gray pb-15px mb-15px xs-w-100"><i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i>Ven a conocernos</span>
<div class="last-paragraph-no-margin">
<p>Plaça Can Suris s/n,<br> Cornellà de Llobregat, Barcelona</p>
</div>
</div>
<div class="col md-mb-30px text-center text-sm-start">
<span class="alt-font fs-18 fw-700 d-block w-90 text-dark-gray border-bottom border-2 border-color-dark-gray pb-15px mb-15px xs-w-100"><i class="feather icon-feather-mail d-inline-block icon-small me-10px"></i>Escribenos</span>
<a href="mailto:[email protected]">[email protected]</a><br>
</div>
<div class="col xs-mb-30px text-center text-sm-start">
<span class="alt-font fs-18 fw-700 d-block w-90 text-dark-gray border-bottom border-2 border-color-dark-gray pb-15px mb-15px xs-w-100"><i class="feather icon-feather-phone d-inline-block icon-small me-10px"></i>Llámanos</span>
<a href="tel:+34645993045">+34 645 993 045 </a><br>
<a href=</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end section -->
<!-- start footer -->
<footer class="p-0 fs-16 border-top border-color-extra-medium-gray">
<div class="container">
<div class="row justify-content-center pt-6 sm-pt-40px">
<!-- start footer column -->
<div class="col-6 col-xl-3 col-lg-12 col-sm-6 last-paragraph-no-margin text-xl-start text-lg-center order-sm-1 lg-mb-50px sm-mb-30px">
<a href="#index" class="footer-logo mb-15px d-inline-block"><img src="images/demo-corporate-logo-black.png" data-at2x="images/[email protected]" alt=""></a>
<p class="lh-30 w-90 xl-w-100 mx-lg-auto mx-xl-0">"IA y automatización: tu camino hacia la eficiencia total.</p>
<div class="elements-social social-icon-style-02 mt-20px xs-mt-15px">
<ul class="medium-icon dark">
<li class="my-0"><a class="linkedin" href="https://www.linkedin.com/company/dev4i-solutions/" target="_blank"><i class="fa-brands fa-linkedin"></i></a></li>
<li class="my-0"><a class="medium" href="https://medium.com/@DEV4i" target="_blank"><i class="fa-brands fa-medium"></i></a></li>
<li class="my-0"><a class="twitter" href="https://twitter.com/DEV4iSolutions" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
</ul>
</div>
</div>
<!-- end footer column -->
<!-- start footer column -->
<div class="col-6 col-xl-2 col-lg-3 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
<span class="fs-17 fw-600 d-block text-dark-gray mb-5px">Empresa</span>
<ul>
<li><a href="#Elegirnos">¿Por que elegirnos?</a></li>
<li><a href="#Nosotros">Nosotros</a><div class="bg-dark-gray fw-600 text-white lh-22 text-uppercase border-radius-30px ps-10px pe-10px fs-10 ms-10px d-inline-block align-middle"></div></li>
</ul>
</div>
<!-- end footer column -->
<!-- start footer column -->
<div class="col-6 col-xl-2 col-lg-3 col-sm-4 xs-mb-30px order-sm-4 order-lg-3">
<span class="fs-17 fw-600 d-block text-dark-gray mb-5px">Servicios</span>
<ul>
<li><a href="#Proceso">Nuestro proceso</a></li>
<li><a href="#servicios">Nuestros servicios</a></li>
</ul>
</div>
<!-- end footer column -->
</div>
<div class="row justify-content-center align-items-center pt-2">
<!-- start divider -->
<div class="col-12">
<div class="divider-style-03 divider-style-03-01 border-color-transparent-white-light"></div>
</div>
<!-- end divider -->
<!-- start copyright -->
<div class="col-lg-5 pt-35px pb-35px md-pt-0 order-2 order-lg-1 text-center text-lg-start last-paragraph-no-margin"><p>© 2024 por <a href="https://www.dev4i.com/" target="_blank" class="text-dark-gray fw-600 text-decoration-line-bottom">DEV4I</a></p></div>
<!-- end copyright -->
<!-- start footer menu -->
<div class="col-lg-7 pt-35px pb-35px md-pt-25px md-pb-5px order-1 order-lg-2 text-center text-lg-end">
<ul class="footer-navbar sm-lh-normal">
<li><a href="https://dev4i.com/politica-de-privacidad.html" class="nav-link">Politica de privacidad</a></li>
<li><a href="https://dev4i.com/politica-de-cookies.html" class="nav-link">Politica de Cookies</a></li>
<li><a href="#" class="pdcc-open-modal">Panel de Cookies</a></li>
</ul>
</div>
<!-- end footer menu -->
</div>
</div>
</footer>
<!-- end footer -->
<!-- start scroll progress -->
<div class="scroll-progress d-none d-xxl-block">
<a href="#" class="scroll-top" aria-label="scroll">
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
</a>
</div>
<!-- end scroll progress -->
</div>
<!-- javascript libraries -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/vendors.min.js"></script>
<!-- slider revolution core javaScript files -->
<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
<!-- slider revolution extension scripts. ONLY NEEDED FOR LOCAL TESTING -->
<!-- <script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script> -->
<!-- Slider's main "init" script -->
<script>
var tpj = jQuery;
var revapi7;
var $ = jQuery.noConflict();
tpj(document).ready(function () {
if (tpj("#demo-corporate-slider").revolution == undefined) {
revslider_showDoubleJqueryError("#demo-corporate-slider");
} else {
revapi7 = tpj("#demo-corporate-slider").show().revolution({
sliderType: "standard",
/* sets the Slider's default timeline */
delay: 9000,
/* options are 'auto', 'fullwidth' or 'fullscreen' */
sliderLayout: 'fullscreen',
/* RESPECT ASPECT RATIO */
autoHeight: 'off',
/* options that disable autoplay */
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
navigation: {
keyboardNavigation: 'on',
keyboard_direction: 'horizontal',
mouseScrollNavigation: 'off',
mouseScrollReverse: 'reverse',
onHoverStop: 'off',
arrows: {
enable: true,
style: 'hesperiden',
rtl: false,
hide_onleave: false,
hide_onmobile: true,
hide_under: 500,
hide_over: 9999,
hide_delay: 200,
hide_delay_mobile: 1200,
left: {
container: 'slider',
h_align: 'left',
v_align: 'center',
h_offset: 50,
v_offset: 0
},
right: {
container: 'slider',
h_align: 'right',
v_align: 'center',
h_offset: 50,
v_offset: 0
}
},
bullets: {
enable: true,
style: 'hermes',
tmp: '',
direction: 'horizontal',
rtl: false,
container: 'layergrid',
h_align: 'center',
v_align: 'bottom',
h_offset: 0,
v_offset: 30,
space: 12,
hide_onleave: false,
hide_onmobile: true,
hide_under: 0,
hide_over: 500,
hide_delay: true,
hide_delay_mobile: 500
},
touch: {
touchenabled: 'on',
touchOnDesktop: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: 'horizontal',
drag_block_vertical: true
}
},
responsiveLevels: [1240, 1024, 768, 480],
visibilityLevels: [1240, 1024, 768, 480],
gridwidth: [1240, 1024, 768, 480],
gridheight: [930, 850, 900, 850],
/* Lazy Load options are "all", "smart", "single" and "none" */
lazyType: "smart",
spinner: "spinner0",
parallax: {
type: "scroll",
origo: "slidercenter",
speed: 400,
levels: [5, 10, 15, 20, 25, 30, 35, 40, 45, 46, 47, 48, 49, 50, 51, 5],
},
shadow: 0,
shuffle: "off",
fullScreenAutoWidth: "on",
fullScreenAlignForce: "on",
fullScreenOffsetContainer: "nav",
fullScreenOffset: "",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
}
}); /*ready*/
</script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
Whois info of domain
Domain Name: DEV4I.COM
Registry Domain ID: 2851221516_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.PublicDomainRegistry.com
Registrar URL: http://www.publicdomainregistry.com
Updated Date: 2025-01-15T16:32:57Z
Creation Date: 2024-01-31T18:13:01Z
Registry Expiry Date: 2026-01-31T18:13:01Z
Registrar: PDR Ltd. d/b/a PublicDomainRegistry.com
Registrar IANA ID: 303
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +1.2013775952
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Name Server: NS1.CP-15.WEBHOSTBOX.NET
Name Server: NS2.CP-15.WEBHOSTBOX.NET
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-09T06:38:14Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass