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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="theme-color" content="#1faf71">
    <link href='images/index/icono_h2.png' rel='shortcut icon' type='image/vnd.microsoft.icon'>
    <title>ITTEC | Tecnología Inteligente</title>
    <!-- slick -->
    <link rel="stylesheet" type="text/css" href="css/slick/slick.css" />
    <link rel="stylesheet" type="text/css" href="css/slick/slick-theme.css" />
    <!-- Bootstrap -->
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- style this page -->
    <link href="css/style-privacidad.css" rel="stylesheet">    
    <!-- Para animaciones -->
    <link href="css/animations.css" rel="stylesheet">
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <!-- Para la transición -->
    <script src="lib/jquery.js"></script>
    <script src="lib/jquery.bgswitcher.js"></script>
    <!-- Skeleton Loader -->
    <link rel="stylesheet" href="css/placeholder-loading.min.css">
</head>

<body>
    <header id="header-vuejs">
        <?php  include 'header2.html' ?>
    </header>

    <div class="fondo-privacidad">
        <div class="col-md-12 text-center ">
            <h2 class="title-privacy"><b>TÉRMINOS Y CONDICIONES</b></h2>
        </div>
        <div class="fondo-ittec text-white">            
            <div class="subtitle-privacy mb-3 pt-5">
                <h5 class="text-white"><b>I. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Unde quod eveniet veniam, rem quis iusto eligendi mollitia fugit in sit? Unde quia veniam, reprehenderit labore sapiente eaque eligendi qui magnam!.</b></h5>
            </div>
            <div class="body-privacy">
                <p class="text-justify">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium reiciendis illo unde repellat error consequatur pariatur at, blanditiis quos. Neque accusantium aliquid repudiandae doloribus nostrum? Cumque eligendi repudiandae voluptate id!.</p>

                <p class="text-justify"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus ipsa possimus sunt eum esse adipisci consequatur, obcaecati explicabo eaque iusto illum totam iure fuga mollitia officia dolorum? Ad, quas vero.:</p>

                <p class="text-justify bullets-privacy">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis neque quo ad, magnam omnis exercitationem eius laudantium! Necessitatibus iste ut culpa quos, reiciendis cum atque voluptate, maxime nulla, labore impedit.</p>
                <p class="text-justify bullets-privacy">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius suscipit quidem itaque magni libero, blanditiis, odit nihil cupiditate culpa nam, officia eum nemo mollitia facilis provident! Dolor dolore est molestias?</p>
                <p class="text-justify bullets-privacy">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nisi, optio obcaecati repellat veniam sed doloribus odit hic deserunt nemo exercitationem labore illum asperiores facere ut dolore dolores est magnam repellendus.</p>
                
            </div>

            <div class="subtitle-privacy mb-3 pt-5">
                <h5 class="text-white"><b>I. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Unde quod eveniet veniam, rem quis iusto eligendi mollitia fugit in sit? Unde quia veniam, reprehenderit labore sapiente eaque eligendi qui magnam!.</b></h5>
            </div>
            <div class="body-privacy">
                <p class="text-justify">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium reiciendis illo unde repellat error consequatur pariatur at, blanditiis quos. Neque accusantium aliquid repudiandae doloribus nostrum? Cumque eligendi repudiandae voluptate id!.</p>

                <p class="text-justify"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus ipsa possimus sunt eum esse adipisci consequatur, obcaecati explicabo eaque iusto illum totam iure fuga mollitia officia dolorum? Ad, quas vero.:</p>

                <p class="text-justify bullets-privacy">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis neque quo ad, magnam omnis exercitationem eius laudantium! Necessitatibus iste ut culpa quos, reiciendis cum atque voluptate, maxime nulla, labore impedit.</p>
                <p class="text-justify bullets-privacy">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius suscipit quidem itaque magni libero, blanditiis, odit nihil cupiditate culpa nam, officia eum nemo mollitia facilis provident! Dolor dolore est molestias?</p>
                <p class="text-justify bullets-privacy">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nisi, optio obcaecati repellat veniam sed doloribus odit hic deserunt nemo exercitationem labore illum asperiores facere ut dolore dolores est magnam repellendus.</p>
                
            </div>

            <div class="subtitle-privacy mb-3 pt-5">
                <h5 class="text-white"><b>I. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Unde quod eveniet veniam, rem quis iusto eligendi mollitia fugit in sit? Unde quia veniam, reprehenderit labore sapiente eaque eligendi qui magnam!.</b></h5>
            </div>
            <div class="body-privacy">
            <p class="text-justify">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium reiciendis illo unde repellat error consequatur pariatur at, blanditiis quos. Neque accusantium aliquid repudiandae doloribus nostrum? Cumque eligendi repudiandae voluptate id!.</p>

            <p class="text-justify"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Natus ipsa possimus sunt eum esse adipisci consequatur, obcaecati explicabo eaque iusto illum totam iure fuga mollitia officia dolorum? Ad, quas vero.:</p>

            <p class="text-justify bullets-privacy">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis neque quo ad, magnam omnis exercitationem eius laudantium! Necessitatibus iste ut culpa quos, reiciendis cum atque voluptate, maxime nulla, labore impedit.</p>
            <p class="text-justify bullets-privacy">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius suscipit quidem itaque magni libero, blanditiis, odit nihil cupiditate culpa nam, officia eum nemo mollitia facilis provident! Dolor dolore est molestias?</p>
            <p class="text-justify bullets-privacy">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nisi, optio obcaecati repellat veniam sed doloribus odit hic deserunt nemo exercitationem labore illum asperiores facere ut dolore dolores est magnam repellendus.</p>
                
        </div>

            
    </div>

    <footer id="footer-vuejs">
        <?php include 'footer.html' ?>
        
    </footer>
    <div>
        <?php include 'modal-boletin.html' ?>
    </div>
    <!-- Axios -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <!-- Vue i18n -->
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <script src="https://unpkg.com/vue-i18n/dist/vue-i18n.js"></script>
    <script src="lang/app.js"></script>
    <script src="lang/footer-vue.js"></script>
    <script src="lang/header-vue.js"></script>
    <script src="js/boletin-vue.js"></script>
    <script>
        $('.fondo-privacidad').mouseenter(function(){ $('.submenu-conoce').hide('slow'); $('.submenu-construye').hide('slow'); $("#optB").removeClass('active'); $("#optA").removeClass('active');})
    </script>
</body>
</html>