SitioWebSolerPalau/footer.php

<footer>
	<div id="footer">
		<div class="cms-footer-links">
			<div class="container grid">
				<ul class="cms-footer-links-list">
					<li class="hcol-3-12">
						<p class="titles-footer">Divisiones de Productos</p>
						<ul>
							<li><a href="linea.php?linea=Hábitat">Hábitat</a></li>
							<li><a href="linea.php?linea=Comercial">Comercial</a></li>
							<li><a href="linea.php?linea=Industrial">Industrial</a></li>
							<li><a href="linea.php?linea=OEM">OEM</a></li>
							<li><a href="recuperacion-energia.php">Recuperadores de Energía</a></li>
							<li><a href="apl.php">APL</a></li>
						</ul>
					</li>
					<li class="hcol-3-12">
						<p class="titles-footer">Por qué S&P</p>
						<ul>
							<li><a href="nuestra-marca.php">Nuestra Marca</a></li>
							<li><a href="produccion.php">Producción</a></li>
							<li><a href="politicas-compania.php">Políticas de la Compañía</a></li>
							<li><a href="calidad.php">Calidad</a></li>
							<li><a href="innovacion.php">Innovación</a></li>
							<li><a href="calidad-medio-ambiente.php">Calidad Y Medio Ambiente</a></li>
							<li><a href="sustentabilidad.php">Sustentabilidad</a></li>
							<li><a href="certificaciones.php">Certificaciones</a></li>
							<li><a href="catalogo-corporativo.php">Catálogo Corporativo</a></li>
							<li><a href="bolsatrabajo.php">Empleo</a></li>
						</ul>
					</li>
					<li class="hcol-3-12">
						<p class="titles-footer">Recursos</p>
						<ul>
							<li><a href="manual-ventilacion.php">Manual de Ventilación</a></li>
							<li><a href="hojas-tecnicas.php">Hojas Técnicas</a></li>
							<li><a href="casos-practicos.php">Casos Prácticos</a></li>
							<li><a href="bibliografia.php">Bibliografía</a></li>
							<li><a href="manual-mantenimiento.php">Manual de Mantenimiento</a></li>
							<li><a href="normativa-1.php">Normativas</a></li>
							<li><a href="catalogo.php">Catálogos</a></li>
							<li><a href="manual-corporativo.php">Imagen Corporativa</a></li>
							<li><a href="apps.php">Aplicaciones Móviles</a></li>
						</ul>
					</li>
				</div>
			</div>
			<div class="content_social_media">
				<div class="container grid">
					<div class="container_social_media">
						<span>Síguenos</span>
						<div>
							<a href="https://www.facebook.com/sypventilacionmexico/" target="_blank" title="Facebook">
								<img src="/media/redes_sociales/Facebook.png" /> 
							</a>
							<a href="https://www.instagram.com/sypventilacionmexico/" target="_blank" title="Instagram">
								<img src="/media/redes_sociales/Instagram.png" /> 
							</a>
							<a href="https://www.youtube.com/channel/UCrI7jELQED4CFE6L3rJWazA" target="_blank" title="YouTube">
								<img src="/media/redes_sociales/YouTube.png" /> 
							</a>
							<a href="https://mx.linkedin.com/company/soler-y-palau-m%C3%A9xico" target="_blank" title="Linkedin">
								<img src="/media/redes_sociales/Linkedin.png" /> 
							</a>
							<a href="https://twitter.com/solerpalaumx" target="_blank" title="X">
								<img src="/media/redes_sociales/X.png" /> 
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="container footer-links-copyright grid">
				<div class="hcol-3-12">
					<div class="footer-copyright">
						Copyright © <?php echo date('Y'); ?> S&P México. Todos los derechos reservados.
					</div>
				</div>
				<div class="hcol-9-12">
					<div class="footer-links-language">
						<div class="footer-company-links">
							<ul>
								<li><a href="easyvent.php">EasyVent</a></li>
								<li><a href="bolsatrabajo.php">Trabaja con nosotros</a></li>
								<li><a href="contacto.php">Contactar</a></li>
								<li><a href="politicas-privacidad.php">Políticas de Privacidad</a></li>
								<li><a href="aviso-privacidad.php">Aviso de Privacidad</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</footer>
<style>
	.content_social_media {
		background-color: #D8D8D8 !important;
		padding: 40px 0;
	}

	.container_social_media {
		display: flex;
		flex-wrap: wrap;
	}

	.container_social_media span {
		display: flex;
		align-items: center;
		margin-right: 30px;
		color: #333333;
		font-weight: 600;
		font-size: 16px;
		font-family: Roboto Slab,serif;
	}

	.container_social_media div {
		display: flex;
		flex-wrap: wrap;
	}

	.container_social_media div a {
		margin-right: 20px;
		display: flex;
		align-items: center;
	}
	.container_social_media div a img {
		height: 50px;
		/* background-color: #999999; */
	}
</style>
<?php  include 'popover-exit.html' ?>
<script type="text/javascript" src="js/popover-exit.js"></script>