https://dev-cdi.ariadna.co/ es https://dev-cdi.ariadna.co/home <span>Home</span> <span><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span>Mar, 12/07/2022 - 01:32</span> <div>Nuestros <span>Servicios</span></div> <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla neque libero, dictum id felis ut, tempor condimentum mauris. Sed quis faucibus ipsumm.</div> <div> <div><img class="img-fluid" src="/sites/default/files/2023-03/Grupo%2036209.svg" alt="" title=""> <h3>Ecommerce</h3> <a class="btn" href="internal:#">CONOCE MÁS</a> </div> <div><img class="img-fluid" src="/sites/default/files/2023-03/Grupo%2036206.svg" alt="" title=""> <h3>Desarrollo de aplicaciones móviles</h3> <a class="btn" href="internal:#">CONOCE MÁS</a> </div> <div><img class="img-fluid" src="/sites/default/files/2023-03/Grupo%2036208.svg" alt="" title=""> <h3>Desarrollo web a la medida</h3> <a class="btn" href="internal:#">CONOCE MÁS</a> </div> <div><img class="img-fluid" src="/sites/default/files/2023-03/Grupo%2036211.svg" alt="" title=""> <h3>Consultoria web / tecnologica</h3> <a class="btn" href="internal:#">CONOCE MÁS</a> </div> <div><img class="img-fluid" src="/sites/default/files/2023-03/Grupo%2036478.svg" alt="" title=""> <h3>Infraestructura</h3> <a class="btn" href="internal:#">CONOCE MÁS</a> </div> <div><img class="img-fluid" src="/sites/default/files/2023-03/Grupo%2036485.svg" alt="" title=""> <h3>Diseño UI/UX</h3> <a class="btn" href="internal:#">CONOCE MÁS</a> </div> <div><img class="img-fluid" src="/sites/default/files/2023-03/Grupo%2035536.svg" alt="" title=""> <h3>Videojuegos</h3> <a class="btn" href="internal:#">CONOCE MÁS</a> </div> </div> <div>Quiénes <span>somos</span></div> <div><p>Lorem ipQuisque vel nisi quis ex mattis luctus et non urna. Proin iaculis lacus mauris. Donec a ornare lorem. Morbi convallis vestibulum nisl, ac luctus tortor pretium et. Curabitur vitae tortor quis elit consectetur posuere. Maecenas quis tincidunt mi.ttis luctus et non urna. Proin iaculis lacus mauris. Donec a ornare.</p> <p>lorem. Morbi convallis vestibulum nisl, ac luctus tortor pretium et. Curabitur vitae tortor quis elit consectetur posuere. Maecenas quis tincidunt mi.sum dolor sit amet.</p></div> <div>/sites/default/files/2022-07/coworkers-working-at-office-in-relaxed-atmosphere.png</div> <div>Nuestros <span>trabajos</span></div> <div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla neque libero, dictum id felis ut, tempor condimentum mauris. Sed quis faucibus ipsum. +</p></div> <div>Nuestros clientes</div> <div class="views-element-container"> <div class="view view-cdi-our-works view-id-cdi_our_works view-display-id-entity_view_1 js-view-dom-id-caa7d8ddd24994f7784f6e523528d1e19943bbb0dd09d017005885a0e9218812"> <div class="view-content"> <div class="views-row"><div class="container list-project-container"> <div class="row"> <div class="col-lg-8 image-project-view"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-04/351x318.jpg" alt="Alqueria-image"> <img class="img-fluid" src="/sites/default/files/2023-07/803x598.jpg" alt="Dantia" title="Dantia"> </picture> <div class="btn btn-list-project"> <a href="/proyectos/dantia" hreflang="es">VER DETALLE</a> </div> </div> <div class="col-lg-4 text-project-view"> <h3 class="number-project">01</h3> <span>Desarrollo web a la medida</span> <h3 class="list-project-tittle">Dantia</h3> <p class="list-project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices lorem sem. Pellentesque habitant morbi tristique senectus et netus et malesuada...</p> </div> </div> </div> </div> <div class="views-row"><div class="container list-project-container"> <div class="row"> <div class="col-lg-8 image-project-view"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-04/351x318.jpg" alt="Alqueria-image"> <img class="img-fluid" src="/sites/default/files/2023-07/803x598.jpg" alt="Dantia" title="Dantia"> </picture> <div class="btn btn-list-project"> <a href="/proyectos/dantia" hreflang="es">VER DETALLE</a> </div> </div> <div class="col-lg-4 text-project-view"> <h3 class="number-project">02</h3> <span>infraestructura</span> <h3 class="list-project-tittle">Dantia</h3> <p class="list-project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices lorem sem. Pellentesque habitant morbi tristique senectus et netus et malesuada...</p> </div> </div> </div> </div> <div class="views-row"><div class="container list-project-container"> <div class="row"> <div class="col-lg-8 image-project-view"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-04/the-fives-hotels-mobile.jpg" alt="The fives hotels"> <img class="img-fluid" src="/sites/default/files/2023-04/the-fives-hotels.jpg" alt="The fives hotels" title=""> </picture> </div> <div class="col-lg-4 text-project-view"> <h3 class="number-project">03</h3> <span>Videojuegos</span> <h3 class="list-project-tittle">Diseño y Desarrollo sitio web The Fives Hotels</h3> <p class="list-project-text"><p>test overview text</p></p> </div> </div> </div> </div> <div class="views-row"><div class="container list-project-container"> <div class="row"> <div class="col-lg-8 image-project-view"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-04/the-fives-hotels-mobile.jpg" alt="The fives hotels"> <img class="img-fluid" src="/sites/default/files/2023-04/the-fives-hotels.jpg" alt="The fives hotels" title=""> </picture> </div> <div class="col-lg-4 text-project-view"> <h3 class="number-project">04</h3> <span>Ecommerce</span> <h3 class="list-project-tittle">Diseño y Desarrollo sitio web The Fives Hotels</h3> <p class="list-project-text"><p>test overview text</p></p> </div> </div> </div> </div> <div class="views-row"><div class="container list-project-container"> <div class="row"> <div class="col-lg-8 image-project-view"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-04/seguros-del-estado-mobile.jpg" alt="Test alt"> <img class="img-fluid" src="/sites/default/files/2023-04/seguros-del-estado.jpg" alt="Test" title="Test"> </picture> <div class="btn btn-list-project"> <a href="/en/projects/proyecto-seguros-en" hreflang="en">VER DETALLE</a> </div> </div> <div class="col-lg-4 text-project-view"> <h3 class="number-project">05</h3> <span>Videojuegos</span> <h3 class="list-project-tittle">proyecto Seguros en</h3> <p class="list-project-text"><p>test Overview</p></p> </div> </div> </div> </div> <div class="views-row"><div class="container list-project-container"> <div class="row"> <div class="col-lg-8 image-project-view"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-04/351x318_0.jpg" alt="Games Redbull"> <img class="img-fluid" src="/sites/default/files/2023-03/red-bull-games-2.png" alt="Games Redbull" title="Games Redbull"> </picture> <div class="btn btn-list-project"> <a href="/en/projects/games-redbull" hreflang="en">VER DETALLE</a> </div> </div> <div class="col-lg-4 text-project-view"> <h3 class="number-project">06</h3> <span>Ecommerce</span> <h3 class="list-project-tittle">Games Redbull</h3> <p class="list-project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices lorem sem. Pellentesque habitant morbi tristique senectus et netus et malesuada...</p> </div> </div> </div> </div> <div class="views-row"><div class="container list-project-container"> <div class="row"> <div class="col-lg-8 image-project-view"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-04/351x318_0.jpg" alt="Games Redbull"> <img class="img-fluid" src="/sites/default/files/2023-03/red-bull-games-2.png" alt="Games Redbull" title="Games Redbull"> </picture> <div class="btn btn-list-project"> <a href="/en/projects/games-redbull" hreflang="en">VER DETALLE</a> </div> </div> <div class="col-lg-4 text-project-view"> <h3 class="number-project">07</h3> <span>Videojuegos</span> <h3 class="list-project-tittle">Games Redbull</h3> <p class="list-project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices lorem sem. Pellentesque habitant morbi tristique senectus et netus et malesuada...</p> </div> </div> </div> </div> <div class="views-row"><div class="container list-project-container"> <div class="row"> <div class="col-lg-8 image-project-view"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-04/351x318_0.jpg" alt="Games Redbull"> <img class="img-fluid" src="/sites/default/files/2023-03/red-bull-games-2.png" alt="Games Redbull" title="Games Redbull"> </picture> <div class="btn btn-list-project"> <a href="/en/projects/games-redbull" hreflang="en">VER DETALLE</a> </div> </div> <div class="col-lg-4 text-project-view"> <h3 class="number-project">08</h3> <span>Ecommerce</span> <h3 class="list-project-tittle">Games Redbull</h3> <p class="list-project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices lorem sem. Pellentesque habitant morbi tristique senectus et netus et malesuada...</p> </div> </div> </div> </div> <div class="views-row"><div class="container list-project-container"> <div class="row"> <div class="col-lg-8 image-project-view"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-04/351x318.jpg" alt="Alqueria-image"> <img class="img-fluid" src="/sites/default/files/2022-05/Component%205%20%E2%80%93%201_0.png" alt="Alqueria-image" title="Alqueria-image"> </picture> <div class="btn btn-list-project"> <a href="/en/projects/alqueria" hreflang="en">VER DETALLE</a> </div> </div> <div class="col-lg-4 text-project-view"> <h3 class="number-project">09</h3> <span>Ecommerce</span> <h3 class="list-project-tittle">Alqueria</h3> <p class="list-project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices lorem sem. Pellentesque habitant morbi tristique senectus et netus et malesuada...</p> </div> </div> </div> </div> <div class="views-row"><div class="container list-project-container"> <div class="row"> <div class="col-lg-8 image-project-view"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-04/351x318.jpg" alt="Alqueria-image"> <img class="img-fluid" src="/sites/default/files/2022-05/Component%205%20%E2%80%93%201_0.png" alt="Alqueria-image" title="Alqueria-image"> </picture> <div class="btn btn-list-project"> <a href="/en/node/140" hreflang="en">VER DETALLE</a> </div> </div> <div class="col-lg-4 text-project-view"> <h3 class="number-project">010</h3> <span>Ecommerce</span> <h3 class="list-project-tittle">Clone of Alqueria</h3> <p class="list-project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices lorem sem. Pellentesque habitant morbi tristique senectus et netus et malesuada...</p> </div> </div> </div> </div> </div> </div> </div> <div>/sites/default/files/2022-07/imagenes.png</div> <div><form class="webform-submission-form webform-submission-add-form webform-submission-work-together-form webform-submission-work-together-add-form webform-submission-work-together-node-126-form webform-submission-work-together-node-126-add-form js-webform-details-toggle webform-details-toggle" data-drupal-selector="webform-submission-work-together-node-126-add-form" enctype="multipart/form-data" action="/rss.xml" method="post" id="webform-submission-work-together-node-126-add-form" accept-charset="UTF-8"> <div class="container js-form-item form-item js-form-type-textfield form-item-name js-form-item-name"> <label for="edit-name">Nombre Completo*</label> <input class="icon-name form-text" data-drupal-selector="edit-name" type="text" id="edit-name" name="name" value="" size="60" maxlength="255" placeholder="Ingresa tu nombre" /> </div> <div #placeholder="This is never displayed" class="container js-form-item form-item js-form-type-email form-item-email js-form-item-email"> <label for="edit-email">Correo Electrónico*</label> <input class="icon-mail form-email" data-webform-required-error="Este campo es obligatorio" data-drupal-selector="edit-email" type="email" id="edit-email" name="email" value="" size="60" maxlength="254" placeholder="user@mail.com" /> </div> <div class="container js-form-item form-item js-form-type-tel form-item-telephone-number js-form-item-telephone-number"> <label for="edit-telephone-number">Número de Teléfono*</label> <input class="icon-phone form-tel" data-drupal-selector="edit-telephone-number" type="tel" id="edit-telephone-number" name="telephone_number" value="" size="30" maxlength="128" placeholder="Ingresa tu teléfono" /> </div> <div class="container js-form-item form-item js-form-type-select form-item-select js-form-item-select"> <label for="edit-select">Puesto al que te postulas*</label> <select class="icon-job form-select" style="icon-job" data-drupal-selector="edit-select" id="edit-select" name="select"><option value="Diseñador Gráfico UX/UI">Diseñador Gráfico UX/UI</option><option value="Desarrollador Backend">Desarrollador Backend</option><option value="Desarrollador Fronted">Desarrollador Fronted</option><option value="Webmaster">Webmaster</option><option value="QA">QA</option></select> </div> <div id="ajax-wrapper"><div class="container js-form-item form-item js-form-type-webform-document-file form-item-file-cv js-form-item-file-cv"> <label for="edit-file-cv-upload" id="edit-file-cv--label">Muéstranos tu CV *</label> <div id="edit-file-cv" class="icon-cv js-webform-document-file webform-document-file js-form-managed-file form-managed-file"> <label class="icon-cv webform-file-button" for="edit-file-cv-upload-button--2">Envíanos tu currículum o portafolio</label> <div class="webform-managed-file-placeholder webform-document-file-placeholder js-form-wrapper form-wrapper" data-drupal-selector="edit-file-cv-file-placeholder" id="edit-file-cv-file-placeholder">Formato (pdf, doc, dox) M&aacute;ximo 5MB</div> <input data-drupal-selector="edit-file-cv-upload" id="edit-file-cv-upload-button--2" class="webform-file-button-input js-form-file form-file" type="file" name="files[file_cv]" size="22" /> <input class="js-hide button js-form-submit form-submit" data-drupal-selector="edit-file-cv-upload-button" formnovalidate="formnovalidate" type="submit" id="edit-file-cv-upload-button" name="file_cv_upload_button" value="Subir al servidor" /> <input data-drupal-selector="edit-file-cv-fids" type="hidden" name="file_cv[fids]" /> </div> <div class="description"> <div id="edit-file-cv--description" class="webform-element-description">Máximo 1 fichero.<br />límite de 5 MB.<br />Tipos permitidos: pdf, doc, docx. </div> </div> </div> </div> <div data-drupal-selector="edit-captcha" class="captcha"><input data-drupal-selector="edit-captcha-sid" type="hidden" name="captcha_sid" value="64" /> <input data-drupal-selector="edit-captcha-token" type="hidden" name="captcha_token" value="LArOKbdEfO8awfz1jNypUwb-QEiL1dNA-HShY6n5AG0" /> <input data-drupal-selector="edit-captcha-response" type="hidden" name="captcha_response" value="Google no captcha" /> <div class="g-recaptcha" data-sitekey="6LfGyJ8lAAAAAD1wIYwSjrFidroeT1jBHengbTx4" data-theme="light" data-type="image"></div> <noscript> <div style="width: 302px; height: 352px;"> <div style="width: 302px; height: 352px; position: relative;"> <div style="width: 302px; height: 352px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6LfGyJ8lAAAAAD1wIYwSjrFidroeT1jBHengbTx4&amp;hl=es" title="Google captcha" style="border: none; overflow: hidden; width: 302px; height:352px; border-style: none;"></iframe> </div> <div style="width: 250px; height: 80px; position: absolute; border-style: none; bottom: 21px; left: 25px; margin: 0px; padding: 0px; right: 25px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 80px; border: 1px solid #c1c1c1; margin: 0px; padding: 0px; resize: none;" value=""></textarea> </div> </div> </div> </noscript> <input data-drupal-selector="edit-captcha-cacheable" type="hidden" name="captcha_cacheable" value="1" /> </div> <div data-drupal-selector="edit-actions" class="form-actions webform-actions js-form-wrapper form-wrapper" id="edit-actions"><input class="webform-button--submit btn button button--primary js-form-submit form-submit" data-drupal-selector="edit-actions-submit" type="submit" id="edit-actions-submit" name="op" value="Enviar" /> </div> <input autocomplete="off" data-drupal-selector="form-j6yckzpdgedqygm-w7w-k5n7effzkorcppq6emz195m" type="hidden" name="form_build_id" value="form-J6yCkZpDGeDQyGm_W7w-k5N7EfFzkoRCpPQ6EMZ195M" /> <input data-drupal-selector="edit-webform-submission-work-together-node-126-add-form" type="hidden" name="form_id" value="webform_submission_work_together_node_126_add_form" /> </form> </div> <div><form class="webform-submission-form webform-submission-add-form webform-submission-contactanos-form webform-submission-contactanos-add-form webform-submission-contactanos-node-126-form webform-submission-contactanos-node-126-add-form js-webform-details-toggle webform-details-toggle" data-drupal-selector="webform-submission-contactanos-node-126-add-form" action="/rss.xml" method="post" id="webform-submission-contactanos-node-126-add-form" accept-charset="UTF-8"> <div id="edit-markup" class="container js-form-item form-item js-form-type-webform-markup form-item-markup js-form-item-markup form-no-label"> <h2>CONT&Aacute;CTANOS</h2> </div> <div class="container js-form-item form-item js-form-type-textfield form-item-name-lastname js-form-item-name-lastname"> <label for="edit-name-lastname">Nombre completo*</label> <input class="icon-name form-text" style="icon-name" data-drupal-selector="edit-name-lastname" type="text" id="edit-name-lastname" name="name_lastname" value="" size="60" maxlength="255" placeholder="Ingresa tu nombre" /> </div> <div class="container js-form-item form-item js-form-type-email form-item-email js-form-item-email"> <label for="edit-email--2">Correo electrónico*</label> <input class="icon-mail form-email" style="icon-mail" data-webform-required-error="Este campo es obligatorio" data-drupal-selector="edit-email" type="email" id="edit-email--2" name="email" value="" size="60" maxlength="254" placeholder="user@mail.com" /> </div> <div class="container js-form-item form-item js-form-type-textarea form-item-text-project-area js-form-item-text-project-area"> <label for="edit-text-project-area">Cuéntanos tu proyecto</label> <div> <textarea data-drupal-selector="edit-text-project-area" id="edit-text-project-area" name="text_project_area" rows="5" cols="60" placeholder="Mi proyecto es de..." class="form-textarea"></textarea> </div> </div> <div data-drupal-selector="edit-captcha" class="captcha"><input data-drupal-selector="edit-captcha-sid" type="hidden" name="captcha_sid" value="65" /> <input data-drupal-selector="edit-captcha-token" type="hidden" name="captcha_token" value="mBGK4LfKPjTd-lMUOKt9x1f7LqDM8DMr7Q-RMEQbynI" /> <input data-drupal-selector="edit-captcha-response" type="hidden" name="captcha_response" value="Google no captcha" /> <div class="g-recaptcha" data-sitekey="6LfGyJ8lAAAAAD1wIYwSjrFidroeT1jBHengbTx4" data-theme="light" data-type="image"></div> <noscript> <div style="width: 302px; height: 352px;"> <div style="width: 302px; height: 352px; position: relative;"> <div style="width: 302px; height: 352px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6LfGyJ8lAAAAAD1wIYwSjrFidroeT1jBHengbTx4&amp;hl=es" title="Google captcha" style="border: none; overflow: hidden; width: 302px; height:352px; border-style: none;"></iframe> </div> <div style="width: 250px; height: 80px; position: absolute; border-style: none; bottom: 21px; left: 25px; margin: 0px; padding: 0px; right: 25px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 80px; border: 1px solid #c1c1c1; margin: 0px; padding: 0px; resize: none;" value=""></textarea> </div> </div> </div> </noscript> <input data-drupal-selector="edit-captcha-cacheable" type="hidden" name="captcha_cacheable" value="1" /> </div> <div data-drupal-selector="edit-actions" class="form-actions webform-actions js-form-wrapper form-wrapper" id="edit-actions--3"><input class="webform-button--submit btn button button--primary js-form-submit form-submit" data-drupal-selector="edit-actions-submit-2" type="submit" id="edit-actions-submit--2" name="op" value="Enviar" /> </div> <input autocomplete="off" data-drupal-selector="form-q9cwqankihekeurxrx5uhoyk-fxxwz-2osfammpl5vm" type="hidden" name="form_build_id" value="form-Q9cWqAnkIHEkeUrXrX5uhOYk_FxXWz_2OsfAMmPL5vM" /> <input data-drupal-selector="edit-webform-submission-contactanos-node-126-add-form" type="hidden" name="form_id" value="webform_submission_contactanos_node_126_add_form" /> </form> </div> <div><a href="/proyectos">VER TODOS LOS PROYECTOS</a></div> <div> <div>/sites/default/files/2023-04/logo-candia.png</div> <div>/sites/default/files/2023-04/logo-adidas.png</div> <div>/sites/default/files/2023-04/logo-alqueria.png</div> <div>/sites/default/files/2023-04/log-ET.png</div> <div>/sites/default/files/2023-04/logo-juste.png</div> </div> <div>Trabajemos juntos</div> <div><p>At the heart of every change there is a great human being if you have ideas, ingenuity and passion to make a difference, we invite you to become part of the CDI family.</p></div> <div>/sites/default/files/2022-07/imagen--2.png</div> <div> <img src="/sites/default/files/2024-08/640x959-desktop.webp" width="640" height="959" alt="contactenos" title="contactenos" loading="lazy" typeof="foaf:Image" /> </div> <div> <img src="/sites/default/files/2024-08/362x438-mobile.webp" width="362" height="438" alt="contactenos" loading="lazy" typeof="foaf:Image" /> </div> <div> <div> <div class="paragraph paragraph--type--cdi-slider-home paragraph--view-mode--default"> <div> <div> <img src="/sites/default/files/2023-03/banner-black-desk.png" width="1920" height="954" alt="Project manager daily " title="Project manager daily " loading="lazy" typeof="foaf:Image" /> </div> </div> <div> <div> <img src="/sites/default/files/2023-03/banner-black-mobile.png" width="414" height="813" alt="Project manager daily " loading="lazy" typeof="foaf:Image" /> </div> </div> <div><a href="#edit-markup">INICIA UN PROYECTO</a></div> <div>Izquierda</div> <div class="clase-1"> <div>Color inicial de la letra</div> <div>#ffffff</div> </div> <div class="clase-1"> <div>Color inicial del fondo</div> <div>#000000</div> </div> <div class="clase-1"> <div>Título del banner</div> <div>CREAMOS EXPERIENCIAS</div> </div> <div class="clase-1"> <div>Subtitulo del banner</div> <div>QUE TRANSFORMAN MARCAS</div> </div> </div> </div> <div> <div class="paragraph paragraph--type--cdi-slider-home paragraph--view-mode--default"> <div> <div> <img src="/sites/default/files/2023-03/banner-red-desk.png" width="1920" height="954" alt="Project manager" title="Project manager" loading="lazy" typeof="foaf:Image" /> </div> </div> <div> <div> <img src="/sites/default/files/2023-03/banner-red-mobile.png" width="414" height="813" alt="Project manager" loading="lazy" typeof="foaf:Image" /> </div> </div> <div><a href="https://www.google.com/?hl=es">INICIA UN PROYECTO</a></div> <div>Izquierda</div> <div class="clase-1"> <div>Color inicial de la letra</div> <div>#ffffff</div> </div> <div class="clase-1"> <div>Color inicial del fondo</div> <div>#000000</div> </div> <div class="clase-1"> <div>Título del banner</div> <div>CREAMOS EXPERIENCIAS</div> </div> <div class="clase-1"> <div>Subtitulo del banner</div> <div>QUE TRANSFORMAN MARCAS</div> </div> </div> </div> <div> <div class="paragraph paragraph--type--cdi-slider-home paragraph--view-mode--default"> <div> <div> <img src="/sites/default/files/2023-03/banner-black-dos-desk.png" width="1920" height="954" alt="Project manager daily " title="Project manager daily " loading="lazy" typeof="foaf:Image" /> </div> </div> <div> <div> <img src="/sites/default/files/2023-03/banner-black-dos-mobile.png" width="414" height="813" alt="Project manager daily " loading="lazy" typeof="foaf:Image" /> </div> </div> <div><a href="https://www.google.com/?hl=es">INICIA UN PROYECTO</a></div> <div>Izquierda</div> <div class="clase-1"> <div>Color inicial de la letra</div> <div>#ffffff</div> </div> <div class="clase-1"> <div>Color inicial del fondo</div> <div>#000000</div> </div> <div class="clase-1"> <div>Título del banner</div> <div>CREAMOS EXPERIENCIAS</div> </div> <div class="clase-1"> <div>Subtitulo del banner</div> <div>QUE TRANSFORMAN MARCAS</div> </div> </div> </div> <div> <div class="paragraph paragraph--type--cdi-slider-home paragraph--view-mode--default"> <div> <div> <img src="/sites/default/files/2023-03/banner-red-ux-desk.png" width="1920" height="954" alt="Desing UI/UX " title="Desing UI/UX " loading="lazy" typeof="foaf:Image" /> </div> </div> <div> <div> <img src="/sites/default/files/2023-03/banner-red-ux-mobile.png" width="414" height="813" alt="Desing UI/UX" loading="lazy" typeof="foaf:Image" /> </div> </div> <div><a href="/front">INICIA UN PROYECTO</a></div> <div>Centro</div> <div class="clase-1"> <div>Color inicial de la letra</div> <div>#000000</div> </div> <div class="clase-1"> <div>Color inicial del fondo</div> <div>#ffffff</div> </div> </div> </div> </div> <div>about-us</div> <div>our-services</div> <div>our-projects</div> <div>lets-work-together</div> <div>contact-us</div> <div> <img src="/sites/default/files/2023-04/414x360.jpg" width="414" height="360" alt="slider-clients" loading="lazy" typeof="foaf:Image" /> </div> <div> <img src="/sites/default/files/2023-04/422x230.jpg" width="422" height="230" alt="image-about-us" loading="lazy" typeof="foaf:Image" /> </div> <div> <img src="/sites/default/files/2023-04/414x535%20.jpg" width="414" height="535" alt="worktogetter-image" loading="lazy" typeof="foaf:Image" /> </div> <div class="clase-1"> <div>Mostrar enlace a listado de proyectos</div> <div>On</div> </div> <div> <div><section class="main-banner-project"> <div class="container"> <h1 class="project-title"><span>Videojuegos</span>Concepto gráfico Seguros del estado</h1> </div> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-06/414x479.png"> <img class="img-fluid" src="/sites/default/files/2023-06/1920x1097.png" alt="Test alt" title="Test alt"> </picture> </section> <section class="overview-section section-format"> <div class="container"> <div class="row format-row"> <div class="col-xl-12"><h2>test</h2></div> <div class="col-xl-3 subtitle-categories"> <h3>test subtitle</h3> </div> <div class="col-xl-9 text-container"> <p>Esta es una prueba&nbsp; de&nbsp; contenido para seguros del estado</p> </div> <div class="categories-services-desktop"> <div class="views-element-container"></div> </div> <div class="categories-services-mobile"> <div class="views-element-container"></div> </div> </div> </div> </section> <section class="challenger-section formart-section-project section-format"> <div class="row format-row" type_paragraph ="cdi_project_formart"> <div class="col-xl-12"><h2>Test Title section</h2></div> <div class="col-xl-12 subtitle-categories"> </div> </div> <div class="individual-imagen-block" type_paragraph ="cdi_imagen_individual"> <picture> <source media="(max-width: 540px)" srcset=""> <img class="img-fluid" src="/sites/default/files/2023-06/1657x887.png" alt="Test Title section" title="Test Title section"> </picture> </div> </section> <section class="our-services"> <div class="container"> <h2>Portafolio <span>de proyectos</span></h2> </div> <div class="container-fluid"> <div class="slider-our-jobs"> <div class="views-element-container"></div> </div> </div> <div class="btn-projects"> <a class="btn-md" href="/proyectos">Ver todos los proyectos</a> </div> </section> </div> <div><section class="main-banner-project"> <div class="container"> <h1 class="project-title"><span>Desarrollo web a la medida</span>Alqueria</h1> </div> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-05/414x479.jpg"> <img class="img-fluid" src="/sites/default/files/2023-05/1920x1097.jpg" alt="Alqueria" title="Alqueria"> </picture> </section> <section class="overview-section section-format"> <div class="container"> <div class="row format-row"> <div class="col-xl-12"><h2>Descripción del proyecto</h2></div> <div class="col-xl-3 subtitle-categories"> <h3>Un diseño cuidadosamente elaborado</h3> </div> <div class="col-xl-9 text-container"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices lorem sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse vitae varius tortor. Phasellus erat enim, hendrerit ut consectetur at, laoreet nec erat. Mauris ac imperdiet lectus. Nullam feugiat, magna ac tincidunt ultricies, odio mauris blandit sapien, et vulputate velit risus a mi. Praesent tincidunt laoreet nibh, non aliquam felis pharetra et. Fusce non volutpat quam. Aliquam placerat ornare elit. In sodales fermentum justo, quis semper augue rhoncus in. Donec feugiat risus a aliquam efficitur.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices lorem sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse vitae varius tortor. Phasellus erat enim, hendrerit ut consectetur at, laoreet nec erat. Mauris ac imperdiet lectus. Nullam feugiat, magna ac tincidunt ultricies, odio mauris blandit sapien, et vulputate velit risus a mi. Praesent tincidunt laoreet nibh, non aliquam felis pharetra et. Fusce non volutpat quam. Aliquam placerat ornare elit. In sodales fermentum justo, quis semper augue rhoncus in. Donec feugiat risus a aliquam efficitur.</p> </div> <div class="categories-services-desktop"> <div class="views-element-container"></div> </div> <div class="categories-services-mobile"> <div class="views-element-container"></div> </div> </div> </div> </section> <section class="challenger-section formart-section-project section-format"> <div class="row format-row" type_paragraph ="cdi_project_formart"> <div class="col-xl-12"><h2>OBJETIVO DEL PROYECTO</h2></div> <div class="col-xl-12 subtitle-categories"> <div class="text-container"> <div class=" col-md-3 subtitle-project"><h3>Subtitulo 3</h3></div> <div class=" col-md-9 description-project"><ol> <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li> <li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li> </ol> </div> </div> </div> </div> <div class="row format-row" type_paragraph ="cdi_project_formart"> <div class="col-xl-12"><h2>OBJETIVO DEL PROYECTO</h2></div> <div class="col-xl-12 subtitle-categories"> <div class="text-container"> <div class=" col-md-3 subtitle-project"><h3>Subtitulo 3</h3></div> <div class=" col-md-9 description-project"><ol> <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li> <li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li> </ol> </div> </div> </div> </div> <div class="section-comparative" id="drag-design-concept"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-06/414x509.jpg"> <img class="design" src="/sites/default/files/2023-05/1920-926%20izquierda.png" alt="prueba" title="prueba"> </picture> <div class="wrapper-prototype"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-05/414x509mobile-derecha.png"> <img class="design" src="/sites/default/files/2023-05/1920-926%20derecha.png" alt="gdfgdfgdfgdf" title="gdfgresdgfdgfd"> </picture> </div> <input type="range" min="0" max="100" step="1" value="0" data-orientation="horizontal"> </div> <div class="individual-imagen-block" type_paragraph ="cdi_imagen_individual"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-05/351x188.png"> <img class="img-fluid" src="/sites/default/files/2023-05/1657X887.png" alt="Imagen individual" title="Imagen individual"> </picture> </div> <div class="row format-row" type_paragraph ="cdi_project_formart"> <div class="col-xl-12"><h2>OBJETIVO DEL PROYECTO</h2></div> <div class="col-xl-12 subtitle-categories"> <div class="text-container"> <div class=" col-md-3 subtitle-project"><h3>Subtitulo 3</h3></div> <div class=" col-md-9 description-project"><ol> <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li> <li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li> </ol> </div> </div> </div> </div> <div class="parallel-imagen-block" type_paragraph ="cdi_dos_imagenes_paralelas"> <div class="left-image"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-05/351x301.png" alt="Dos imagenes"> <img class="img-fluid" src="/sites/default/files/2023-05/822x705.png" alt="Dos imagenes" title="Dos imagenes"> </picture> </div> <div class="right-image"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-05/351x301_0.png" alt="Dos imagenes"> <img class="img-fluid" src="/sites/default/files/2023-05/822x705_0.png" alt="Dos imagenes" title="Dos imagenes"> </picture> </div> </div> <div class="section-comparative" id="drag-design-concept"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-05/414x509mobile-derecha_0.png"> <img class="design" src="/sites/default/files/2023-05/1920-926%20derecha_0.png" alt="fjhghjgh" title="rtyrtyrt"> </picture> <div class="wrapper-prototype"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-05/414x509mobile-izquierda_0.png"> <img class="design" src="/sites/default/files/2023-05/1920-926%20izquierda_0.png" alt="hjuyjhmbnvdfgrefd" title="fredfgvchytuj"> </picture> </div> <input type="range" min="0" max="100" step="1" value="0" data-orientation="horizontal"> </div> </section> <section class="our-services"> <div class="container"> <h2>TRABAJOS <span>RELACIONADOS</span></h2> </div> <div class="container-fluid"> <div class="slider-our-jobs"> <div class="views-element-container"></div> </div> </div> </section> </div> <div><section class="main-banner-project"> <div class="container"> <h1 class="project-title"><span>Videojuegos</span>Diseño y Desarrollo sitio web The Fives Hotels</h1> </div> <picture> <source media="(max-width: 540px)" srcset=""> <img class="img-fluid" src="" alt="" title=""> </picture> </section> <section class="overview-section section-format"> <div class="container"> <div class="row format-row"> <div class="col-xl-12"><h2>test title</h2></div> <div class="col-xl-3 subtitle-categories"> <h3></h3> </div> <div class="col-xl-9 text-container"> <p>test overview text</p> </div> <div class="categories-services-desktop"> <div class="views-element-container"></div> </div> <div class="categories-services-mobile"> <div class="views-element-container"></div> </div> </div> </div> </section> <section class="challenger-section formart-section-project section-format"> <div class="row format-row" type_paragraph ="cdi_project_formart"> <div class="col-xl-12"><h2>test title section</h2></div> <div class="col-xl-12 subtitle-categories"> </div> </div> </section> <section class="our-services"> <div class="container"> <h2> <span></span></h2> </div> <div class="container-fluid"> <div class="slider-our-jobs"> <div class="views-element-container"></div> </div> </div> </section> </div> <div><section class="main-banner-project"> <div class="container"> <h1 class="project-title"><span>Ecommerce</span>Games Redbull</h1> </div> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-05/414x479%20%281%29.jpg"> <img class="img-fluid" src="/sites/default/files/2023-05/1920x1097_0.jpg" alt="Games Redbull" title="Games Redbull"> </picture> </section> <section class="overview-section section-format"> <div class="container"> <div class="row format-row"> <div class="col-xl-12"><h2>Overview</h2></div> <div class="col-xl-3 subtitle-categories"> <h3>Un diseño cuidadosamente elaborado</h3> </div> <div class="col-xl-9 text-container"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices lorem sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse vitae varius tortor. Phasellus erat enim, hendrerit ut consectetur at, laoreet nec erat. Mauris ac imperdiet lectus. Nullam feugiat, magna ac tincidunt ultricies, odio mauris blandit sapien, et vulputate velit risus a mi. Praesent tincidunt laoreet nibh, non aliquam felis pharetra et. Fusce non volutpat quam. Aliquam placerat ornare elit. In sodales fermentum justo, quis semper augue rhoncus in. Donec feugiat risus a aliquam efficitur.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices lorem sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse vitae varius tortor. Phasellus erat enim, hendrerit ut consectetur at, laoreet nec erat. Mauris ac imperdiet lectus. Nullam feugiat, magna ac tincidunt ultricies, odio mauris blandit sapien, et vulputate velit risus a mi. Praesent tincidunt laoreet nibh, non aliquam felis pharetra et. Fusce non volutpat quam. Aliquam placerat ornare elit. In sodales fermentum justo, quis semper augue rhoncus in. Donec feugiat risus a aliquam efficitur.</p> </div> <div class="categories-services-desktop"> <div class="views-element-container"></div> </div> <div class="categories-services-mobile"> <div class="views-element-container"></div> </div> </div> </div> </section> <section class="challenger-section formart-section-project section-format"> <div class="row format-row" type_paragraph ="cdi_project_formart"> <div class="col-xl-12"><h2>DESAFÍO</h2></div> <div class="col-xl-12 subtitle-categories"> <div class="text-container"> <div class=" col-md-3 subtitle-project"><h3>esternocleidomastoideo</h3></div> <div class=" col-md-9 description-project"><ul> <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices lorem sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse vitae varius tortor. Phasellus erat enim, hendrerit ut consectetur at, laoreet nec erat. Mauris ac imperdiet lectus. Nullam feugiat, magna ac tincidunt ultricies, odio mauris blandit sapien, et vulputate velit risus a mi. Praesent tincidunt laoreet nibh, non aliquam felis pharetra et. Fusce non volutpat quam. Aliquam placerat ornare elit. In sodales fermentum justo, quis semper augue rhoncus in. Donec feugiat risus a aliquam efficitur.</li> </ul> </div> </div> <div class="text-container"> <div class=" col-md-3 subtitle-project"><h3>DESAFÍO + texto 3</h3></div> <div class=" col-md-9 description-project"><ol> <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices lorem sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse vitae varius tortor. Phasellus erat enim, hendrerit ut consectetur at, laoreet nec erat. Mauris ac imperdiet lectus. Nullam feugiat, magna ac tincidunt ultricies, odio mauris blandit sapien, et vulputate velit risus a mi. Praesent tincidunt laoreet nibh, non aliquam felis pharetra et. Fusce non volutpat quam. Aliquam placerat ornare elit. In sodales fermentum justo, quis semper augue rhoncus in. Donec feugiat risus a aliquam efficitur.</li> </ol> </div> </div> <div class="text-container"> <div class=" col-md-3 subtitle-project"><h3>DESAFÍO + texto 4 esternocleidomastoideo esternocleidomastoideo </h3></div> <div class=" col-md-9 description-project"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices lorem sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse vitae varius tortor. Phasellus erat enim, hendrerit ut consectetur at, laoreet nec erat. Mauris ac imperdiet lectus. Nullam feugiat, magna ac tincidunt ultricies, odio mauris blandit sapien, et vulputate velit risus a mi. Praesent tincidunt laoreet nibh, non aliquam felis pharetra et. Fusce non volutpat quam. Aliquam placerat ornare elit. In sodales fermentum justo, quis semper augue rhoncus in. Donec feugiat risus a aliquam efficitur.</p> <p>&nbsp;</p> </div> </div> </div> </div> <div class="row format-row" type_paragraph ="cdi_project_formart"> <div class="col-xl-12"><h2>OBJETIVO DEL PROYECTO</h2></div> <div class="col-xl-12 subtitle-categories"> </div> </div> <div class="row format-row" type_paragraph ="cdi_project_formart"> <div class="col-xl-12"><h2>MAPA DEL SITIO</h2></div> <div class="col-xl-12 subtitle-categories"> </div> </div> <div class="row format-row" type_paragraph ="cdi_project_formart"> <div class="col-xl-12"><h2>Requisitos de la interfaz</h2></div> <div class="col-xl-12 subtitle-categories"> <div class="text-container"> <div class=" col-md-3 subtitle-project"><h3>interfaz</h3></div> <div class=" col-md-9 description-project"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ultrices lorem sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse vitae varius tortor. Phasellus erat enim, hendrerit ut consectetur at, laoreet nec erat. Mauris ac imperdiet lectus. Nullam feugiat, magna ac tincidunt ultricies, odio mauris blandit sapien, et vulputate velit risus a mi. Praesent tincidunt laoreet nibh, non aliquam felis pharetra et. Fusce non volutpat quam. Aliquam placerat ornare elit. In sodales fermentum justo, quis semper augue rhoncus in. Donec feugiat risus a aliquam efficitur.</p> </div> </div> </div> </div> <div class="section-comparative" id="drag-design-concept"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-06/414x519.png"> <img class="design" src="/sites/default/files/2023-06/1920x926c.png" alt="Lorem ipsum dolor sit amet" title="Lorem ipsum dolor sit amet"> </picture> <div class="wrapper-prototype"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-06/414x509_0.jpg"> <img class="design" src="/sites/default/files/2023-06/1920x926.png" alt="Lorem ipsum dolor sit amet" title="Lorem ipsum dolor sit amet"> </picture> </div> <input type="range" min="0" max="100" step="1" value="0" data-orientation="horizontal"> </div> <div class="section-comparative" id="drag-design-concept"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-06/414x519_0.png"> <img class="design" src="/sites/default/files/2023-06/1920x926_0.png" alt="Lorem ipsum dolor sit amet" title="Lorem ipsum dolor sit amet"> </picture> <div class="wrapper-prototype"> <picture> <source media="(max-width: 540px)" srcset="/sites/default/files/2023-06/414x509_1.jpg"> <img class="design" src="/sites/default/files/2023-06/1920x926c_0.png" alt="Lorem ipsum dolor sit amet" title="Lorem ipsum dolor sit amet"> </picture> </div> <input type="range" min="0" max="100" step="1" value="0" data-orientation="horizontal"> </div> </section> <section class="our-services"> <div class="container"> <h2>portafolio de proyectos <span></span></h2> </div> <div class="container-fluid"> <div class="slider-our-jobs"> <div class="views-element-container"></div> </div> </div> <div class="btn-projects"> <a class="btn-md" href="/proyectos">ver todos los Proyectos</a> </div> </section> </div> </div> Tue, 12 Jul 2022 06:32:59 +0000 admin 126 at https://dev-cdi.ariadna.co