<!DOCTYPE html>
<html>
	<head>

		<!-- Basic -->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">	

		<title>ODS – Comunicación y Alianzas para transformar al mundo</title>	

		<meta name="keywords" content="Onu, agenda 2030, objetivos de desarrollo sostenible, ODS, cambiar al mundo, desarrollo sustentable, Visionarios 2030, metas de desarrollo sostenible, gobierno de México, organización de las naciones unidas, " />
		<meta name="description" content="Somos la plataforma de comunicación que potencia la voz de los líderes mexicanos que están cambiando al mundo.">
		<meta name="author" content="LeadME Internet Marketing">

		<!-- Favicon -->
		<link rel="apple-touch-icon" sizes="180x180" href="archivos/favicon/apple-touch-icon.png">
		<link rel="icon" type="image/png" sizes="32x32" href="archivos/favicon/favicon-32x32.png">
		<link rel="icon" type="image/png" sizes="16x16" href="archivos/favicon/favicon-16x16.png">
		<link rel="manifest" href="archivos/favicon/site.webmanifest">
		<link rel="mask-icon" href="archivos/favicon/safari-pinned-tab.svg" color="#5bbad5">
		<meta name="msapplication-TileColor" content="#da532c">
		<meta name="theme-color" content="#ffffff">

		<!-- Mobile Metas -->
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">

		<!-- Vendor CSS -->
		<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="vendor/fontawesome-free/css/all.min.css">
		<link rel="stylesheet" href="vendor/animate/animate.compat.css">
		<link rel="stylesheet" href="vendor/simple-line-icons/css/simple-line-icons.min.css">
		<link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.min.css">
		<link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css">
		<link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.min.css">

		<!-- Theme CSS -->
		<link rel="stylesheet" href="css/theme.css">
		<link rel="stylesheet" href="css/theme-elements.css">
		<link rel="stylesheet" href="css/theme-blog.css">
		<link rel="stylesheet" href="css/theme-shop.css">

		<!-- Skin CSS -->
		<link id="skinCSS" rel="stylesheet" href="css/skins/skin-corporate-10.css">

		<!-- Theme Custom CSS -->
		<link rel="stylesheet" href="css/custom.css">

		<!-- Head Libs -->
		<script src="vendor/modernizr/modernizr.min.js"></script>

	</head>
	<body class="headerWhite" data-plugin-page-transition>
		<div class="body">
			<!-- Main header -->
			<?php include('main-header.php')?>
            <!-- End Main Header -->

			<div role="main" class="main">
				<!-- Slide -->
				<section class="section section-with-shape-divider border-0 py-0 m-0">
					<div class="shape-divider shape-divider-bottom z-index-3" style="height: 136px;">
						<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1920 136" preserveAspectRatio="xMinYMin">
							<path d="M 0 0.11 L 0 136 L 1920 136 L 1920 1.9 C 1650.0482 79.0955 1327.0648 134 980 134 C 615.6218 134 277.7878 84.5059 0 0.11 Z" fill="#ffffff"/>
						</svg>
					</div>
					<div class="owl-carousel owl-carousel-light owl-carousel-light-init-fadeIn owl-theme manual dots-inside dots-horizontal-center show-dots-hover show-dots-xs nav-style-1 nav-inside nav-inside-plus nav-primary nav-md nav-font-size-md show-nav-hover mb-0" data-plugin-options="{'autoplayTimeout': 9000, 'autoplay': false }" style="height: 100vh;">
						<div class="owl-stage-outer">
							<div class="owl-stage">

								<!-- Carousel Slide 1 -->
								<div class="owl-item position-relative overlay overlay-color-dark overlay-show overlay-op-3" style="background-image: url(archivos/ods/banner-interior-ods.jpg); background-size: cover; background-position: center; height: 100vh;">
									<div class="container position-relative z-index-3 h-100">
										<div class="row justify-content-center align-items-center h-100">
											<div class="col-lg-8">
												<div class="d-flex flex-column align-items-center">
													<p class="text-4 text-center mb-0 titleSlide"><span class="blanco">ÚLTIMAS NOTICIAS</span></p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>

				<!-- Objetivos -->
				<div class="" id="objetivosODS">
					<div class="container pt-3 mt-5">
						<div class="row justify-content-center mb-5">
							<div class="col-lg-10 col-xl-10 text-end">
								<div class="overflow-hidden mb-3">
									<h1 class="mb-0 appear-animation title" data-appear-animation="maskUp" data-appear-animation-delay="400">¿Qué y cuáles son los <span>Objetivos de Desarrollo Sostenible?</span></h1>
								</div>
								<p class="mb-4 appear-animation description" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">“Los ODS son mecanismos apropiados que permitirán a la población y a sus dirigentes de forma conjunta, participar en la búsqueda de consensos sociales y disminuir las brechas.”</p>
								<p class="appear-animation author" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">Amina J. Mohammed, </p>
								<p class="mb-4 appear-animation company" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="600">Vicesecretaria General de las Naciones Unidas</p>
							</div>
							<div class="col-md-12">
								<div class="iconsContent">
									<a href="https://mexico.un.org/es/sdgs/1" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-01.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/2" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-02.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/3" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-03.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/4" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-04.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/5" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-05.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/6" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-06.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/7" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-07.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/8" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-08.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/9" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-09.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/10" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-10.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/11" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-11.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/12" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-12.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/13" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-13.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/14" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-14.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/15" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-15.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/16" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-16.jpeg" alt=""></a>
									<a href="https://mexico.un.org/es/sdgs/17" target="_blank"><img class="img-fluid" src="archivos/icons/S_SDG_Icons-01-17.jpeg" alt=""></a>
								</div>
							</div>
						</div>
					</div>
				</div>
				

				<!-- Newsletter -->

			</div>

			<?php include('footer.php')?>
		</div>

		<!-- Vendor -->
		<script src="vendor/jquery/jquery.min.js"></script>
		<script src="vendor/jquery.appear/jquery.appear.min.js"></script>
		<script src="vendor/jquery.easing/jquery.easing.min.js"></script>
		<script src="vendor/jquery.cookie/jquery.cookie.min.js"></script>
		<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
		<script src="vendor/jquery.validation/jquery.validate.min.js"></script>
		<script src="vendor/jquery.easy-pie-chart/jquery.easypiechart.min.js"></script>
		<script src="vendor/jquery.gmap/jquery.gmap.min.js"></script>
		<script src="vendor/lazysizes/lazysizes.min.js"></script>
		<script src="vendor/isotope/jquery.isotope.min.js"></script>
		<script src="vendor/owl.carousel/owl.carousel.min.js"></script>
		<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
		<script src="vendor/vide/jquery.vide.min.js"></script>
		<script src="vendor/vivus/vivus.min.js"></script>

		<!-- Theme Base, Components and Settings -->
		<script src="js/theme.js"></script>

		<!-- Current Page Vendor and Views -->
		<script src="js/views/view.contact.js"></script>

		<!-- Theme Custom -->
		<script src="js/custom.js"></script>

		<!-- Theme Initialization Files -->
		<script src="js/theme.init.js"></script>

	</body>
</html>
