index.html

<!DOCTYPE html>
<html  >
<head>
  <!-- Site made with Mobirise Website Builder v5.2.0, https://mobirise.com -->
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="generator" content="Mobirise v5.2.0, mobirise.com">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  <link rel="shortcut icon" href="assets/images/logo-2-inv-96x105.png" type="image/x-icon">
  <meta name="description" content="">
  
  
  <title>Home</title>
  <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css">
  <link rel="stylesheet" href="assets/web/assets/mobirise-icons-bold/mobirise-icons-bold.css">
  <link rel="stylesheet" href="assets/tether/tether.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
  <link rel="stylesheet" href="assets/dropdown/css/style.css">
  <link rel="stylesheet" href="assets/animatecss/animate.css">
  <link rel="stylesheet" href="assets/socicon/css/styles.css">
  <link rel="stylesheet" href="assets/theme/css/style.css">
  <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
  
  
  
  
</head>
<body>
  
  <section class="menu menu2 cid-smX7ZyTOFr" once="menu" id="menu2-0">
    
    <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg">
        <div class="container">
            <div class="navbar-brand">
                <span class="navbar-logo">
                    
                        <img src="assets/images/logo-2-inv-96x105.png" alt="Mobirise" style="height: 3rem;">
                    
                </span>
                <span class="navbar-caption-wrap"><a class="navbar-caption text-black text-primary display-7" href="https://datacode.mobirisesite.com/">Data &amp; Code</a></span>
            </div>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                <div class="hamburger">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav nav-dropdown" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="index.html#contacts4-7">
                            Nosotros</a></li>
                    <li class="nav-item"><a class="nav-link link text-black text-primary display-4" href="index.html#content2-i">Proyectos</a>
                    </li></ul>
                
                <div class="navbar-buttons mbr-section-btn"><a class="btn btn-primary display-4" href="index.html#contacts3-4">Contacto</a></div>
            </div>
        </div>
    </nav>
</section>

<section class="slider1 cid-sn3ETLwRxj mbr-fullscreen" id="slider1-8">
    
    <div class="carousel slide carousel-fade" id="sn4b4XnInc" data-ride="carousel" data-interval="6000">
        <ol class="carousel-indicators">
            <li data-slide-to="0" class="active" data-target="#sn4b4XnInc"></li>
            <li data-slide-to="1" data-target="#sn4b4XnInc"></li>
            <li data-slide-to="2" data-target="#sn4b4XnInc"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item slider-image item active">
                <div class="item-wrapper">
                    <img class="d-block w-100" src="assets/images/programming-1200x800.jpg">
                    
                    
                </div>
            </div>
            
            <div class="carousel-item slider-image item">
                <div class="item-wrapper">
                    <img class="d-block w-100" src="assets/images/machine-learning-690x431.jpg" data-slide-to="1">
                    
                    
                </div>
            </div><div class="carousel-item slider-image item">
                <div class="item-wrapper">
                    <img class="d-block w-100" src="assets/images/data-driven-714x390.jpg" data-slide-to="2">
                    
                    
                </div>
            </div>
        </div>
        <a class="carousel-control carousel-control-prev" role="button" data-slide="prev" href="#sn4b4XnInc">
            <span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control carousel-control-next" role="button" data-slide="next" href="#sn4b4XnInc">
            <span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</section>

<section class="contacts4 cid-sn3ECcnSyF" id="contacts4-7">

    

    

    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="text-content col-12 col-md-6">
                <h2 class="mbr-section-title mbr-fonts-style display-2"><strong>Data &amp; Code Conócenos</strong></h2>
                <p class="mbr-text mbr-fonts-style display-7">Somos una empresa fundada en 2021, con capital 100% Mexicano.
Conformada por un gran equipo de expertos, ofrecemos un amplio portafolio de infraestructuras y servicios de tecnologías de información de misión crítica, con los más altos niveles de calidad y procesos internacionales.</p>
            </div>
            <div class="icons d-flex align-items-center col-12 col-md-6 justify-content-end mt-md-0 mt-2 flex-wrap">
                
                    <span class="mbr-iconfont mbr-iconfont-social socicon-twitter socicon"></span>
                
                
                    <span class="mbr-iconfont mbr-iconfont-social socicon-facebook socicon"></span>
                
                
                    <span class="mbr-iconfont mbr-iconfont-social socicon-youtube socicon"></span>
                
                
                
                
                
                
                
                
            </div>
        </div>
    </div>
    
</section>

<section class="features1 cid-smX86SeCQa" id="features1-2">
    

    
    <div class="container">
        <div class="row">
            <div class="col-12">
                <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>Servicios</strong></h3>
                
            </div>
        </div>
        <div class="row">
            <div class="card col-12 col-md-6 col-lg-3">
                <div class="card-wrapper">
                    <div class="card-box align-center">
                        <div class="iconfont-wrapper">
                            <span class="mbr-iconfont mobi-mbri-code mobi-mbri"></span>
                        </div>
                        <h5 class="card-title mbr-fonts-style display-7"><strong>Programación</strong></h5>
                        <p class="card-text mbr-fonts-style display-7">Donde las ideas y la realidad se vuelven una misma.</p>
                    </div>
                </div>
            </div>
            <div class="card col-12 col-md-6 col-lg-3">
                <div class="card-wrapper">
                    <div class="card-box align-center">
                        <div class="iconfont-wrapper">
                            <span class="mbr-iconfont mobi-mbri-browse mobi-mbri"></span>
                        </div>
                        <h5 class="card-title mbr-fonts-style display-7"><strong>Machine Learning</strong></h5>
                        <p class="card-text mbr-fonts-style display-7">A veces hay tantos patrones en los datos...y no queremos dejar pasar&nbsp;desapercibido ni uno solo.</p>
                    </div>
                </div>
            </div>
            <div class="card col-12 col-md-6 col-lg-3">
                <div class="card-wrapper">
                    <div class="card-box align-center">
                        <div class="iconfont-wrapper">
                            <span class="mbr-iconfont mobi-mbri-cloud mobi-mbri"></span>
                        </div>
                        <h5 class="card-title mbr-fonts-style display-7"><strong>Data Cloud</strong></h5>
                        <p class="card-text mbr-fonts-style display-7">Como llevar todo lo importante en la mano.</p>
                    </div>
                </div>
            </div>
            <div class="card col-12 col-md-6 col-lg-3">
                <div class="card-wrapper">
                    <div class="card-box align-center">
                        <div class="iconfont-wrapper">
                            <span class="mbr-iconfont mobi-mbri-features mobi-mbri"></span>
                        </div>
                        <h5 class="card-title mbr-fonts-style display-7"><span style="font-size: 19.2px;"><strong>Consultoría</strong></span><br></h5>
                        <p class="card-text mbr-fonts-style display-7">Porque sabemos que cada paso cuenta...y cuenta mucho.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="features1 cid-sn3D9s5MKb" id="features1-6">
    

    
    <div class="container-fluid">
        <div class="row">
            
        </div>
        <div class="row">
            <div class="card col-12 col-md-6 col-lg-3">
                <div class="card-wrapper">
                    <div class="card-box align-center">
                        <div class="iconfont-wrapper">
                            <span class="mbr-iconfont mobi-mbri-database mobi-mbri"></span>
                        </div>
                        <h5 class="card-title mbr-fonts-style display-7"><strong>Almacenamiento</strong></h5>
                        <p class="card-text mbr-fonts-style display-7">Mientras más, mejor.<br></p>
                    </div>
                </div>
            </div>
            <div class="card col-12 col-md-6 col-lg-3">
                <div class="card-wrapper">
                    <div class="card-box align-center">
                        <div class="iconfont-wrapper">
                            <span class="mbr-iconfont mobi-mbri-setting mobi-mbri"></span>
                        </div>
                        <h5 class="card-title mbr-fonts-style display-7"><strong>Procesamiento</strong></h5>
                        <p class="card-text mbr-fonts-style display-7">Manos a la obra.</p>
                    </div>
                </div>
            </div>
            <div class="card col-12 col-md-6 col-lg-3">
                <div class="card-wrapper">
                    <div class="card-box align-center">
                        <div class="iconfont-wrapper">
                            <span class="mbr-iconfont mobi-mbri-website-theme-2 mobi-mbri"></span>
                        </div>
                        <h5 class="card-title mbr-fonts-style display-7"><strong>Limpieza &amp; Depuración</strong></h5>
                        <p class="card-text mbr-fonts-style display-7">Hasta el más mínimo detalle.</p>
                    </div>
                </div>
            </div>
            <div class="card col-12 col-md-6 col-lg-3">
                <div class="card-wrapper">
                    <div class="card-box align-center">
                        <div class="iconfont-wrapper">
                            <span class="mbr-iconfont mobi-mbri-protect mobi-mbri"></span>
                        </div>
                        <h5 class="card-title mbr-fonts-style display-7"><strong>Seguridad Avanzada</strong></h5>
                        <p class="card-text mbr-fonts-style display-7">Descuida, nosotros te cubriremos la espalda.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="content2 cid-sn443o2VZ2" id="content2-i">
    
    
    <div class="container">
        <div class="mbr-section-head">
            <h4 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>Proyectos</strong></h4>
            <h5 class="mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2 display-5">Algo de nosotros para que nos conozcamos mejor.</h5>
        </div>
        <div class="row mt-4">
            <div class="item features-image сol-12 col-md-6 col-lg-6">
                <div class="item-wrapper">
                    <div class="item-img">
                        <img src="assets/images/mbr-1076x717.jpg" alt="" title="">
                    </div>
                    <div class="item-content">
                        <h5 class="item-title mbr-fonts-style display-5"><a href="https://datacode.mobirisesite.com/" class="text-primary">DataCode.com</a></h5>
                        <h6 class="item-subtitle mbr-fonts-style mt-1 display-7"><em>21-1-2021</em></h6>
                        <p class="mbr-text mbr-fonts-style mt-3 display-7">La creación de está página web para comunicarnos con el mundo.</p>
                    </div>
                    <div class="mbr-section-btn item-footer mt-2"><a href="https://github.com/Data-and-Code/data-and-code.github.io" class="btn item-btn btn-primary display-7" target="_blank"><span class="mbrib-preview mbr-iconfont mbr-iconfont-btn"></span></a></div>
                </div>
            </div>
            <div class="item features-image сol-12 col-md-6 col-lg-6">
                <div class="item-wrapper">
                    <div class="item-img">
                        <img src="assets/images/mbr-1076x717.png" alt="" title="">
                    </div>
                    <div class="item-content">
                        <h5 class="item-title mbr-fonts-style display-5">Proximamente</h5>
                        <h6 class="item-subtitle mbr-fonts-style mt-1 display-7"></h6>
                        <p class="mbr-text mbr-fonts-style mt-3 display-7"><br>
                        </p>
                    </div>
                    <div class="mbr-section-btn item-footer mt-2"><a href="" class="btn btn-primary item-btn display-7" target="_blank"><span class="mbrib-setting mbr-iconfont mbr-iconfont-btn"></span></a></div>
                </div>
            </div>
            

        </div>
    </div>
</section>

<section class="contacts3 map1 cid-smX8lAzoRk" id="contacts3-4">

    
    
    <div class="container-fluid">
        <div class="mbr-section-head">
            <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2">
                <strong>Contacto</strong></h3>
            
        </div>
        <div class="row justify-content-center mt-4">
            <div class="card col-12 col-md-6">
                <div class="card-wrapper">
                    <div class="image-wrapper">
                        <span class="mbr-iconfont mobi-mbri-mobile-2 mobi-mbri"></span>
                    </div>
                    <div class="text-wrapper">
                        <h6 class="card-title mbr-fonts-style mb-1 display-5"><strong>Teléfono</strong><br></h6>
                        <p class="mbr-text mbr-fonts-style display-7"><a href="tel:+529981921641" class="text-primary">+52 (998) 192 1641&nbsp; &nbsp;</a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</p>
                    </div>
                </div>
                <div class="card-wrapper">
                    <div class="image-wrapper">
                        <span class="mbr-iconfont mobi-mbri-globe-2 mobi-mbri"></span>
                    </div>
                    <div class="text-wrapper">
                        <h6 class="card-title mbr-fonts-style mb-1 display-5"><strong>Correo</strong></h6>
                        <p class="mbr-text mbr-fonts-style display-7"><a href="mailto:admin@data-and-code.github.io" class="text-primary">admin@data-and-code.github.io</a></p>
                    </div>
                </div>
            </div>
            <div class="map-wrapper col-12 col-md-6">
                <div class="google-map"><iframe frameborder="0" style="border:0" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14879.072188258087!2d-86.8239155!3d21.2013714!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xc7ce34485e9b3b8!2sUniversidad%20del%20Caribe!5e0!3m2!1ses-419!2smx!4v1611553637048!5m2!1ses-419!2smx&amp;q=iframe" allowfullscreen=""></iframe></div>
            </div>
        </div>
    </div>
</section>

<section class="footer4 cid-sn3UwmXE7s" once="footers" id="footer4-d">

    
    
    <div class="container">
        <div class="row mbr-white">
            <div class="col-6 col-lg-3">
                <div class="media-wrap col-md-8 col-12">
                    
                        <img src="assets/images/logo-red-280x284.png" alt="Mobirise">
                    
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3">
                <h5 class="mbr-section-subtitle mbr-fonts-style mb-2 display-7"><strong>NOSOTROS</strong></h5>
                <p class="mbr-text mbr-fonts-style mb-4 display-4"></p>
                <h5 class="mbr-section-subtitle mbr-fonts-style mb-3 display-7"><strong>SIGUENOS</strong></h5>
                <div class="social-row display-7">
                    <div class="soc-item">
                        
                            <span class="mbr-iconfont socicon-facebook socicon"></span>
                        
                    </div>
                    <div class="soc-item">
                        
                            <span class="mbr-iconfont socicon-twitter socicon"></span>
                        
                    </div>
                    
                    
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3">
                <h5 class="mbr-section-subtitle mbr-fonts-style mb-2 display-7"><strong>SERVICIOS</strong></h5>
                <ul class="list mbr-fonts-style display-4">
                    <li class="mbr-text item-wrap"><br></li>
                </ul>
            </div>
            <div class="col-12 col-md-6 col-lg-3">
                <h5 class="mbr-section-subtitle mbr-fonts-style mb-2 display-7"><strong>CONTACTO</strong></h5>
                <ul class="list mbr-fonts-style display-4">
                    <li class="mbr-text item-wrap"><br></li>
                </ul>
            </div>
            <div class="col-12 mt-4">
                <p class="mbr-text mb-0 mbr-fonts-style copyright align-center display-7">
                    © Copyright 2021 Data &amp; Code - All Rights Reserved
                </p>
            </div>
        </div>
    </div>
</section><section style="background-color: #fff; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif; color:#aaa; font-size:12px; padding: 0; align-items: center; display: flex;"><a href="https://mobirise.site/v" style="flex: 1 1; height: 3rem; padding-left: 1rem;"></a><p style="flex: 0 0 auto; margin:0; padding-right:1rem;">Web page <a href="https://mobirise.site/f" style="color:#aaa;">was designed</a> with Mobirise</p></section><script src="assets/web/assets/jquery/jquery.min.js"></script>  <script src="assets/popper/popper.min.js"></script>  <script src="assets/tether/tether.min.js"></script>  <script src="assets/bootstrap/js/bootstrap.min.js"></script>  <script src="assets/smoothscroll/smooth-scroll.js"></script>  <script src="assets/dropdown/js/nav-dropdown.js"></script>  <script src="assets/dropdown/js/navbar-dropdown.js"></script>  <script src="assets/touchswipe/jquery.touch-swipe.min.js"></script>  <script src="assets/viewportchecker/jquery.viewportchecker.js"></script>  <script src="assets/sociallikes/social-likes.js"></script>  <script src="assets/theme/js/script.js"></script>  
  
  
 <div id="scrollToTop" class="scrollToTop mbr-arrow-up"><a style="text-align: center;"><i class="mbr-arrow-up-icon mbr-arrow-up-icon-cm cm-icon cm-icon-smallarrow-up"></i></a></div>
    <input name="animation" type="hidden">
  </body>
</html>