Linux ns1.utparral.edu.mx 6.8.0-79-generic #79~22.04.1-Ubuntu SMP PREEMPT_DYNAMIC Fri Aug 15 16:54:53 UTC 2 x86_64
Apache/2.4.58 (Unix) OpenSSL/1.1.1w PHP/8.2.12 mod_perl/2.0.12 Perl/v5.34.1
: 10.10.1.9 | : 10.10.1.254
Cant Read [ /etc/named.conf ]
daemon
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
README
+ Create Folder
+ Create File
/
opt /
lampp /
htdocs /
otros /
[ HOME SHELL ]
Name
Size
Permission
Action
action.filesform.php
212
B
-rwxrwxr-x
csshelpers
13.84
KB
-rwxrwxr-x
oferta2.css
1.2
KB
-rwxrwxr-x
oferta2.php
46.01
KB
-rwxrwxr-x
vida.css
2.67
KB
-rwxrwxr-x
vida.php
7.31
KB
-rwxrwxr-x
Delete
Unzip
Zip
${this.title}
Close
Code Editor : oferta2.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width= device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>Universidad Tecnológica de Parral</title> <!-- Font Awesome --> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"> <!-- Bootstrap core CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Material Design Bootstrap --> <link href="css/mdb.min.css" rel="stylesheet"> <!-- Your custom styles (optional) --> <link href="css/oferta.css" rel="stylesheet"> </head> <body> <?php include 'cabecera.html'; ?> <!-- Full Page Intro --> <div class="view" style="background-image: url('https://imagenesparacelularhd.com/wp-content/uploads/2016/03/imagen-de-lobo-y-halcon.jpg'); background-repeat: no-repeat; background-size: cover;"> <!-- Mask & flexbox options--> <div class="mask rgba-black-light d-flex justify-content-center align-items-center"> <!-- Content --> <div class="text-center white-text mx-5 wow fadeInUp"> <h1 class="mb-4"> <strong>¡¡Escoge tu Carrera!!</strong> </h1> <p> <strong>Lobos Grises</strong> </p> <!-- <p class="mb-4 d-none d-md-block"> <strong>The most comprehensive tutorial for the Bootstrap 4. Loved by over 500 000 users. Video and written versions available. Create your own, stunning website.</strong> </p> <a target="_blank" href="https://mdbootstrap.com/education/bootstrap/" class="btn btn-outline-white btn-lg">Start free tutorial <i class="fas fa-graduation-cap ml-2"></i> </a> --> </div> <!-- Content --> </div> <!-- Mask & flexbox options--> </div> <!-- Full Page Intro --> <!-- VENTANAS <MODAALEEEESSS> VENTANAS <MODAALEEEESSS> VENTANAS <MODAALEEEESSS> </MODAALEEEESSS> --> <!-- VENTANA MODAL 1 ING TECNOLOGIAS--> <div class="modal fade" id="myModal1"> <div class="modal-dialog modal-fluid"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title">Modal 1</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <!-- Modal body --> <div class="modal-body"> <h3>Some text to enable scrolling..</h3> <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </div> <!-- Modal footer --> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- VENTANA MODAL 2 ING ADMINISTRACION--> <div class="modal fade" id="myModal2"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title">Modal 2</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <!-- Modal body --> <div class="modal-body"> <h3>Some text to enable scrolling..</h3> <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </div> <!-- Modal footer --> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- VENTANA MODAL 3 ING MANTENIMIENTO--> <div class="modal fade" id="myModal3"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title">Modal 3</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <!-- Modal body --> <div class="modal-body"> <h3>Some text to enable scrolling..</h3> <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </div> <!-- Modal footer --> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- VENTANA MODAL 4 ING MINERIA--> <div class="modal fade" id="myModal4"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title">Modal 4</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <!-- Modal body --> <div class="modal-body"> <h3>Some text to enable scrolling..</h3> <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </div> <!-- Modal footer --> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- VENTANA MODAL 5 ING PROCESOS--> <div class="modal fade" id="myModal5"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title">Modal 5</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <!-- Modal body --> <div class="modal-body"> <h3>Some text to enable scrolling..</h3> <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> </div> <!-- Modal footer --> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <hr class="my-5"> <!-- Full Page Intro --> <div class="view jarallax wow fadeInUp" data-jarallax='{"speed": 0.2}' style="background-image: url('img/utp.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;" > <!-- Mask & flexbox options--> <div class="mask rgba-black-light d-flex justify-content-center align-items-center"> <!-- Content --> <div class="container"> <!--Grid row--> <div class="row"> <!--Grid column--> <div class="col-md-12 mb-4 white-text text-center"> <h1 class="h1-reponsive white-text text-uppercase font-weight-bold mb-0 pt-md-5 pt-5 wow fadeInDown" data-wow-delay="0.3s"><strong>Nuestra Universidad</strong></h1> <!-- <hr class="hr-light my-4 wow fadeInDown" data-wow-delay="0.4s">--> <!-- <h5 class="text-uppercase mb-4 white-text wow fadeInDown" data-wow-delay="0.4s"><strong>Photography & design</strong></h5> <a class="btn btn-outline-white wow fadeInDown" data-wow-delay="0.4s">portfolio</a> <a class="btn btn-outline-white wow fadeInDown" data-wow-delay="0.4s">About me</a> --> </div> <!--Grid column--> </div> <!--Grid row--> </div> <!-- Content --> </div> <!-- Mask & flexbox options--> </div> <!-- Full Page Intro --> <!-- PRIMERAS 5 CARRERAS TSU PARRAL--> <!-- Projects section v.4 --> <section class="text-center my-5"> <!-- Section heading --> <h2 class="h1-responsive font-weight-bold text-center my-5 ">CARRERAS PROFESIONALES</h2> <!-- Section description --> <!-- <p class="grey-text text-center w-responsive mx-auto mb-5">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit est laborum.</p> --> <!-- Grid row --> <div class="row"> <!-- Grid column --> <div class="col-md-12 mb-4 wow fadeIn"> <div class="card card-image" style="background-image: url(https://image.freepik.com/foto-gratis/estudiantes-alegres-que-estudian-calle_23-2147860566.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center"> <div class="text-white text-center d-flex align-items-center rgba-black-strong py-5 px-4 rounded"> <div> <h6 class="white-text"> <i class="fas fa-university fa-2x"></i> <strong> INGENIERÍA</strong> </h6> <h3 class="py-5 font-weight-bold"> <strong>Tecnologías de la Información</strong><br><br><br><br><br><br> <!-- <strong> Área Infraestructura de Redes Digitales</strong>--> </h3> <p class="pb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, voluptatem, optio vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum dignissimos. Odit sed qui, dolorum! </p> <a class="btn btn-secondary btn-rounded btn-md" id="myBtn1"><i class="fas fa-clone left"></i> Saber mas...</a> </div> </div> </div> </div> <!-- Grid column --> <!-- Grid column --> <div class="col-md-6 mb-md-0 mb-4 wow slideInLeft" data-wow-duration="5s" > <div class="card card-image" style="background-image: url(https://mdbootstrap.com/img/Photos/Horizontal/Nature/6-col/img%20%2873%29.jpg); background-repeat: no-repeat; background-size: cover;"> <div class="text-white text-center d-flex align-items-center rgba-black-strong py-5 px-4 rounded"> <div> <h6 class="pink-text"> <i class="fas fa-university fa-2x"></i> <strong> LICENCIATURA</strong> </h6> <h3 class="py-3 font-weight-bold"> <strong>Gestión de Negocios y Proyectos</strong><br> <!-- <strong>Área Formulación y Evaluación de Proyectos</strong>--> </h3> <p class="pb-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, voluptatem, optio vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum dignissimos. Odit sed qui, dolorum! </p> <a class="btn btn-pink btn-rounded btn-md" id="myBtn2"><i class="fas fa-clone left"></i> Saber mas...</a> </div> </div> </div> </div> <!-- Grid column --> <!-- Grid column --> <div class="col-md-6 wow slideInLeft" data-wow-duration="5s" > <div class="card card-image" style="background-image: url(https://mdbootstrap.com/img/Photos/Horizontal/City/6-col/img%20%2847%29.jpg); background-repeat: no-repeat; background-size: cover;"> <div class="text-white text-center d-flex align-items-center rgba-black-strong py-5 px-4 rounded"> <div> <h6 class="green-text"> <i class="fas fa-university fa-2x"></i> <strong>INGENIERÍA</strong> </h6> <h3 class="py-3 font-weight-bold"> <strong>Mantenimiento Industrial</strong> <br> <!-- <strong>Área Maquinaria Pesada</strong>--> </h3> <p class="pb-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, voluptatem, optio vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum dignissimos. Odit sed qui, dolorum! </p> <a class="btn btn-success btn-rounded btn-md" id="myBtn3"><i class="fas fa-clone left"></i> Saber mas...</a> </div> </div> </div> </div> <!-- Grid column --> </div> <!-- Grid row --> </section> <!-- Projects section v.4 --> <!-- SEGUNDO <APARTAAADOOOOOO> <!-- Projects section v.4 --> <section class="text-center my-5"> <!-- Grid row --> <div class="row"> <!-- Grid column --> <div class="col-md-6 mb-md-0 mb-4 wow slideInLeft" data-wow-duration="5s" > <div class="card card-image" style="background-image: url(https://mdbootstrap.com/img/Photos/Horizontal/Nature/6-col/img%20%2873%29.jpg); background-repeat: no-repeat; background-size: cover;"> <div class="text-white text-center d-flex align-items-center rgba-black-strong py-5 px-4 rounded"> <div> <h6 class="pink-text"> <i class="fas fa-university fa-2x"></i> <strong> INGENIERÍA</strong> </h6> <h3 class="py-3 font-weight-bold"> <strong>Minería</strong><br> <!-- <strong>Área Beneficio Minero</strong>--> </h3> <p class="pb-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, voluptatem, optio vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum dignissimos. Odit sed qui, dolorum! </p> <a class="btn btn-pink btn-rounded btn-md" id="myBtn4"><i class="fas fa-clone left"></i> Saber mas...</a> </div> </div> </div> </div> <!-- Grid column --> <!-- Grid column --> <div class="col-md-6 wow slideInLeft" data-wow-duration="5s" > <div class="card card-image" style="background-image: url(https://mdbootstrap.com/img/Photos/Horizontal/City/6-col/img%20%2847%29.jpg); background-repeat: no-repeat; background-size: cover;"> <div class="text-white text-center d-flex align-items-center rgba-black-strong py-5 px-4 rounded"> <div> <h6 class="green-text"> <i class="fas fa-university fa-2x"></i> <strong>INGENIERÍA</strong> </h6> <h3 class="py-3 font-weight-bold"> <strong>Mantenimiento Industrial</strong><br> <!-- <strong>Área Manufactura</strong>--> </h3> <p class="pb-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat fugiat, laboriosam, voluptatem, optio vero odio nam sit officia accusamus minus error nisi architecto nulla ipsum dignissimos. Odit sed qui, dolorum! </p> <a class="btn btn-success btn-rounded btn-md" id="myBtn5"><i class="fas fa-clone left"></i> Saber mas...</a> </div> </div> </div> </div> <!-- Grid column --> </div> <!-- Grid row --> </section> <!-- Projects section v.4 --> <hr class="my-5"> <!-- Main navigation --> <header> <!-- Intro --> <section class="view wow slideInLeft" data-wow-duration="5s"> <div class="row"> <div class="col-md-6"> <div class="d-flex flex-column justify-content-center align-items-center h-100"> <h1 class="heading display-3">Ingeniería en Tecnologías de la Información</h1> <!-- <h4 class="subheading font-weight-bold">World's most popular framework for building responsive, mobile-first websites and apps</h4>--> <div class="mr-auto"> <button type="button" class="btn btn-lily btn-margin btn-rounded">SABER MAS...<i class="fas fa-caret-right ml-3"></i></button> </div> </div> </div> <div class="col-md-6"> <div class="view"> <img src="img/universitarios.jpg" class="img-fluid" alt="smaple image"> <div class="mask flex-center hm-gradient"> </div> </div> </div> </div> </section> <!-- Intro --> </header> <!-- Main navigation --> <hr class="my-5"> <!-- Main navigation --> <header> <!-- Intro --> <section class="view wow slideInLeft" data-wow-duration="7s"> <div class="row"> <div class="col-md-6"> <div class="view"> <img src="img/universitarios.jpg" class="img-fluid" alt="smaple image"> <div class="mask flex-center hm-gradient"> </div> </div> </div> <div class="col-md-6"> <div class="d-flex flex-column justify-content-center align-items-center h-100"> <h1 class="heading display-3">Licenciatura en Gestión de Negocios y Proyectos</h1> <!-- <h4 class="subheading font-weight-bold">World's most popular framework for building responsive, mobile-first websites and apps</h4>--> <div class="mr-auto"> <button type="button" class="btn btn-lily btn-margin btn-rounded">SABER MAS...<i class="fas fa-caret-right ml-3"></i></button> </div> </div> </div> </div> </section> <!-- Intro --> </header> <!-- Main navigation --> <hr class="my-5"> <!-- Full Page Intro --> <div class="view jarallax fadeInUp" data-jarallax='{"speed": 0.2}' style="background-image: url('img/utp.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;"> <!-- Mask & flexbox options--> <div class="mask rgba-black-light d-flex justify-content-center align-items-center"> <!-- Content --> <div class="container"> <!--Grid row--> <div class="row"> <!--Grid column--> <div class="col-md-12 mb-4 white-text text-center"> <h1 class="h1-reponsive white-text text-uppercase font-weight-bold mb-0 pt-md-5 pt-5 wow fadeInDown" data-wow-delay="0.3s"><strong>Extensión Balleza</strong></h1> <hr class="hr-light my-4 wow fadeInDown" data-wow-delay="0.4s"> <!-- <h5 class="text-uppercase mb-4 white-text wow fadeInDown" data-wow-delay="0.4s"><strong>Photography & design</strong></h5> <a class="btn btn-outline-white wow fadeInDown" data-wow-delay="0.4s">portfolio</a> <a class="btn btn-outline-white wow fadeInDown" data-wow-delay="0.4s">About me</a> --> </div> <!--Grid column--> </div> <!--Grid row--> </div> <!-- Content --> </div> <!-- Mask & flexbox options--> </div> <!-- Full Page Intro --> <hr class="my-5"> <div class="site-blocks-cover inner-page wow slideInLeft" data-wow-duration="5s" data-aos="fade"> <div class="container"> <div class="row"> <div class="col-md-5 ml-auto order-md-2 align-self-start"> <div class="site-block-cover-content titulo"> <!-- <h2 class="sub-title">#New Summer Collection 2019</h2>--> <h1 class="titulo">Ingeniería en Tecnologías de la Información</h1> <p><a href="#" class="btn btn-black rounded-0">Saber mas...</a></p> </div> </div> <div class="col-md-7 order-1 align-self-end"> <img src="img/universitarios.jpg" alt="Image" class="img-fluid"> </div> </div> </div> </div> <hr class="my-5"> <div class="site-blocks-cover inner-page wow slideInLeft" data-wow-duration="5s" data-aos="fade"> <div class="container"> <div class="row"> <div class="col-md-5 ml-auto order-md-2 align-self-start"> <div class="site-block-cover-content titulo"> <!-- <h2 class="sub-title">#New Summer Collection 2019</h2>--> <h1 class="titulo">Licenciatura en Gestión de Negocios y Proyectos</h1> <p><a href="#" class="btn btn-black rounded-0">Saber mas...</a></p> </div> </div> <div class="col-md-7 order-1 align-self-end"> <img src="img/universitarios.jpg" alt="Image" class="img-fluid"> </div> </div> </div> </div> <hr class="my-5"> <!--Main layout--> <main> <div class="container"> <!--Section: Main info--> <section class="mt-5 wow fadeIn"> <!--Grid row--> <div class="row"> <!--Grid column--> <div class="col-md-6 mb-4"> <img src="https://mdbootstrap.com/img/Marketing/mdb-press-pack/mdb-main.jpg" class="img-fluid z-depth-1-half" alt=""> </div> <!--Grid column--> <!--Grid column--> <div class="col-md-6 mb-4"> <!-- Main heading --> <h3 class="h3 mb-3">MAS CONTENIDO AQUI</h3> <p>This template is created with Material Design for Bootstrap <strong>MDB</strong> ) framework.</p> <p>Read details below to learn more about MDB.</p> <!-- Main heading --> <hr> <p> <strong>400+</strong> material UI elements, <strong>600+</strong> material icons, <strong>74</strong> CSS animations, SASS files, templates, tutorials and many more. <strong>Free for personal and commercial use.</strong> </p> <!-- CTA --> <!-- <a target="_blank" href="https://mdbootstrap.com/docs/jquery/getting-started/download/" class="btn btn-grey btn-md">Download <i class="fas fa-download ml-1"></i> </a> <a target="_blank" href="https://mdbootstrap.com/docs/jquery/components/" class="btn btn-grey btn-md">Live demo <i class="far fa-image ml-1"></i> </a> --> </div> <!--Grid column--> </div> <!--Grid row--> </section> <!--Section: Main info--> <hr class="my-5"> <!--Section: Main features & Quick Start--> <section> <h3 class="h3 text-center mb-5">CHALALÁ CHALALÁ</h3> <!--Grid row--> <div class="row wow fadeIn"> <!--Grid column--> <div class="col-lg-6 col-md-12 px-4"> <!--First row--> <div class="row"> <div class="col-1 mr-3"> <i class="fas fa-code fa-2x indigo-text"></i> </div> <div class="col-10"> <h5 class="feature-title">Bootstrap 4</h5> <p class="grey-text">Thanks to MDB you can take advantage of all feature of newest Bootstrap 4.</p> </div> </div> <!--/First row--> <div style="height:30px"></div> <!--Second row--> <div class="row"> <div class="col-1 mr-3"> <i class="fas fa-book fa-2x blue-text"></i> </div> <div class="col-10"> <h5 class="feature-title">Detailed documentation</h5> <p class="grey-text">We give you detailed user-friendly documentation at your disposal. It will help you to implement your ideas easily. </p> </div> </div> <!--/Second row--> <div style="height:30px"></div> <!--Third row--> <div class="row"> <div class="col-1 mr-3"> <i class="fas fa-graduation-cap fa-2x cyan-text"></i> </div> <div class="col-10"> <h5 class="feature-title">Lots of tutorials</h5> <p class="grey-text">We care about the development of our users. We have prepared numerous tutorials, which allow you to learn how to use MDB as well as other technologies.</p> </div> </div> <!--/Third row--> </div> <!--/Grid column--> <!--Grid column--> <div class="col-lg-6 col-md-12"> <p class="h5 text-center mb-4">Watch our "5 min Quick Start" tutorial</p> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/cXTThxoywNQ" allowfullscreen></iframe> </div> </div> <!--/Grid column--> </div> <!--/Grid row--> </section> <!--Section: Main features & Quick Start--> <hr class="my-5"> <!--Section: Not enough--> <section> <h2 class="my-5 h3 text-center">Not enough?</h2> <!--First row--> <div class="row features-small mb-5 mt-3 wow fadeIn"> <!--First column--> <div class="col-md-4"> <!--First row--> <div class="row"> <div class="col-2"> <i class="fas fa-check-circle fa-2x indigo-text"></i> </div> <div class="col-10"> <h6 class="feature-title">Free for personal and commercial use</h6> <p class="grey-text">Our license is user-friendly. Feel free to use MDB for both private as well as commercial projects. </p> <div style="height:15px"></div> </div> </div> <!--/First row--> <!--Second row--> <div class="row"> <div class="col-2"> <i class="fas fa-check-circle fa-2x indigo-text"></i> </div> <div class="col-10"> <h6 class="feature-title">400+ UI elements</h6> <p class="grey-text">An impressive collection of flexible components allows you to develop any project. </p> <div style="height:15px"></div> </div> </div> <!--/Second row--> <!--Third row--> <div class="row"> <div class="col-2"> <i class="fas fa-check-circle fa-2x indigo-text"></i> </div> <div class="col-10"> <h6 class="feature-title">600+ icons</h6> <p class="grey-text">Hundreds of useful, scalable, vector icons at your disposal.</p> <div style="height:15px"></div> </div> </div> <!--/Third row--> <!--Fourth row--> <div class="row"> <div class="col-2"> <i class="fas fa-check-circle fa-2x indigo-text"></i> </div> <div class="col-10"> <h6 class="feature-title">Fully responsive</h6> <p class="grey-text">It doesn't matter whether your project will be displayed on desktop, laptop, tablet or mobile phone. MDB looks great on each screen.</p> <div style="height:15px"></div> </div> </div> <!--/Fourth row--> </div> <!--/First column--> <!--Second column--> <div class="col-md-4 flex-center"> <img src="https://mdbootstrap.com/img/Others/screens.png" alt="MDB Magazine Template displayed on iPhone" class="z-depth-0 img-fluid"> </div> <!--/Second column--> <!--Third column--> <div class="col-md-4 mt-2"> <!--First row--> <div class="row"> <div class="col-2"> <i class="fas fa-check-circle fa-2x indigo-text"></i> </div> <div class="col-10"> <h6 class="feature-title">70+ CSS animations</h6> <p class="grey-text">Neat and easy to use animations, which will increase the interactivity of your project and delight your visitors. </p> <div style="height:15px"></div> </div> </div> <!--/First row--> <!--Second row--> <div class="row"> <div class="col-2"> <i class="fas fa-check-circle fa-2x indigo-text"></i> </div> <div class="col-10"> <h6 class="feature-title">Plenty of useful templates</h6> <p class="grey-text">Need inspiration? Use one of our predefined templates for free.</p> <div style="height:15px"></div> </div> </div> <!--/Second row--> <!--Third row--> <div class="row"> <div class="col-2"> <i class="fas fa-check-circle fa-2x indigo-text"></i> </div> <div class="col-10"> <h6 class="feature-title">Easy installation</h6> <p class="grey-text">5 minutes, a few clicks and... done. You will be surprised at how easy it is. </p> <div style="height:15px"></div> </div> </div> <!--/Third row--> <!--Fourth row--> <div class="row"> <div class="col-2"> <i class="fas fa-check-circle fa-2x indigo-text"></i> </div> <div class="col-10"> <h6 class="feature-title">Easy to use and customize</h6> <p class="grey-text">Using MDB is straightforward and pleasant. Components flexibility allows you deep customization. You will easily adjust each component to suit your needs.</p> <div style="height:15px"></div> </div> </div> <!--/Fourth row--> </div> <!--/Third column--> </div> <!--/First row--> </section> <!--Section: Not enough--> <hr class="mb-5"> <!--Section: More--> <section> <h2 class="my-5 h3 text-center">...and even more</h2> <!--First row--> <div class="row features-small mt-5 wow fadeIn"> <!--Grid column--> <div class="col-xl-3 col-lg-6"> <!--Grid row--> <div class="row"> <div class="col-2"> <i class="fab fa-firefox fa-2x mb-1 indigo-text" aria-hidden="true"></i> </div> <div class="col-10 mb-2 pl-3"> <h5 class="feature-title font-bold mb-1">Cross-browser compatibility</h5> <p class="grey-text mt-2">Chrome, Firefox, IE, Safari, Opera, Microsoft Edge - MDB loves all browsers; all browsers love MDB. </p> </div> </div> <!--/Grid row--> </div> <!--/Grid column--> <!--Grid column--> <div class="col-xl-3 col-lg-6"> <!--Grid row--> <div class="row"> <div class="col-2"> <i class="fas fa-level-up-alt fa-2x mb-1 indigo-text" aria-hidden="true"></i> </div> <div class="col-10 mb-2"> <h5 class="feature-title font-bold mb-1">Frequent updates</h5> <p class="grey-text mt-2">MDB becomes better every month. We love the project and enhance as much as possible. </p> </div> </div> <!--/Grid row--> </div> <!--/Grid column--> <!--Grid column--> <div class="col-xl-3 col-lg-6"> <!--Grid row--> <div class="row"> <div class="col-2"> <i class="fas fa-comments fa-2x mb-1 indigo-text" aria-hidden="true"></i> </div> <div class="col-10 mb-2"> <h5 class="feature-title font-bold mb-1">Active community</h5> <p class="grey-text mt-2">Our society grows day by day. Visit our forum and check how it is to be a part of our family. </p> </div> </div> <!--/Grid row--> </div> <!--/Grid column--> <!--Grid column--> <div class="col-xl-3 col-lg-6"> <!--Grid row--> <div class="row"> <div class="col-2"> <i class="fas fa-code fa-2x mb-1 indigo-text" aria-hidden="true"></i> </div> <div class="col-10 mb-2"> <h5 class="feature-title font-bold mb-1">jQuery 3.x</h5> <p class="grey-text mt-2">MDB is integrated with newest jQuery. Therefore you can use all the latest features which come along with it. </p> </div> </div> <!--/Grid row--> </div> <!--/Grid column--> </div> <!--/First row--> <!--Second row--> <div class="row features-small mt-4 wow fadeIn"> <!--Grid column--> <div class="col-xl-3 col-lg-6"> <!--Grid row--> <div class="row"> <div class="col-2"> <i class="fas fa-cubes fa-2x mb-1 indigo-text" aria-hidden="true"></i> </div> <div class="col-10 mb-2"> <h5 class="feature-title font-bold mb-1">Modularity</h5> <p class="grey-text mt-2">Material Design for Bootstrap comes with both, compiled, ready to use libraries including all features as well as modules for CSS (SASS files) and JS.</p> </div> </div> <!--/Grid row--> </div> <!--/Grid column--> <!--Grid column--> <div class="col-xl-3 col-lg-6"> <!--Grid row--> <div class="row"> <div class="col-2"> <i class="fas fa-question fa-2x mb-1 indigo-text" aria-hidden="true"></i> </div> <div class="col-10 mb-2"> <h5 class="feature-title font-bold mb-1">Technical support</h5> <p class="grey-text mt-2">We care about reliability. If you have any questions - do not hesitate to contact us. </p> </div> </div> <!--/Grid row--> </div> <!--/Grid column--> <!--Grid column--> <div class="col-xl-3 col-lg-6"> <!--Grid row--> <div class="row"> <div class="col-2"> <i class="fas fa-th fa-2x mb-1 indigo-text" aria-hidden="true"></i> </div> <div class="col-10 mb-2"> <h5 class="feature-title font-bold mb-1">Flexbox</h5> <p class="grey-text mt-2">MDB fully supports Flex Box. You can forget about alignment issues.</p> </div> </div> <!--/Grid row--> </div> <!--/Grid column--> <!--Grid column--> <div class="col-xl-3 col-lg-6"> <!--Grid row--> <div class="row"> <div class="col-2"> <i class="far fa-file-code fa-2x mb-1 indigo-text" aria-hidden="true"></i> </div> <div class="col-10 mb-2"> <h5 class="feature-title font-bold mb-1">SASS files</h5> <p class="grey-text mt-2">Arranged and well documented .scss files can't wait until you compile them.</p> </div> </div> <!--/Grid row--> </div> <!--/Grid column--> </div> <!--/Second row--> </section> <!--Section: More--> </div> </main> <!--Main layout <?php include 'footer.html'; ?> <!-- SCRIPTS --> <!-- JQuery --> <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script> <!-- Bootstrap tooltips --> <script type="text/javascript" src="js/popper.min.js"></script> <!-- Bootstrap core JavaScript --> <script type="text/javascript" src="js/bootstrap.min.js"></script> <!-- MDB core JavaScript --> <script type="text/javascript" src="js/mdb.min.js"></script> <!-- Initializations --> <script type="text/javascript"> // Animations initialization new WOW().init(); </script> <script> $(document).ready(function(){ $("#myBtn1").click(function(){ $("#myModal1").modal(); }); }); $(document).ready(function(){ $("#myBtn2").click(function(){ $("#myModal2").modal(); }); }); $(document).ready(function(){ $("#myBtn3").click(function(){ $("#myModal3").modal(); }); }); $(document).ready(function(){ $("#myBtn4").click(function(){ $("#myModal4").modal(); }); }); $(document).ready(function(){ $("#myBtn5").click(function(){ $("#myModal5").modal(); }); }); </script> </body> </html>
Close