Dirección General del Sistema Estatal de Informática

Vista Previa

Código de Elemento

<div class="container">
<div>
<footer class="col-xs-12 col-sm-12 col-md-12 col-lg-12 fondofooter">

<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
<div>
<ul id="bannersfooter">
		<li><a href="http://edomex.gob.mx"><img src="http://dgsei.edomex.gob.mx/sites/dgsei.edomex.gob.mx/files/images/footer/BannersObligados/2-PortalEdomex.jpg">Portal del Gobierno del Estado de México</a></li>
		<li><a target="_blank" href="http://www.secogem.gob.mx/SAM/sit_atn_mex.asp"><img src="http://dgsei.edomex.gob.mx/sites/dgsei.edomex.gob.mx/files/images/footer/BannersObligados/3-MejoraRegultoria.jpg">Quejas y Denuncias</a></li>
		<li><a target="_blank" href="http://cemer.edomex.gob.mx/"><img src="http://dgsei.edomex.gob.mx/sites/dgsei.edomex.gob.mx/files/images/footer/BannersObligados/1-Cemer.jpg">Comisión Estatal de Mejora Regulatoria</a></li>
		<li><a target="_blank" href="http://www.ipomex.org.mx/ipo/portal/sgg.web"><img src="http://dgsei.edomex.gob.mx/sites/dgsei.edomex.gob.mx/files/images/footer/BannersObligados/5-Ipomex.jpg">Información Pública de oficio Mexiquense</a></li>
<li><a target="_blank" href="http://www.saimex.org.mx/saimex/ciudadano/login.page"><img src="http://dgsei.edomex.gob.mx/sites/dgsei.edomex.gob.mx/files/images/footer/BannersObligados/4-Saimex.jpg">Saimex</a></li>
	</ul>		
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
<div class="letrerofooter">ACERCA DEL GOBIERNO</div>
<div>
<ul>
		<li><a target="_blank" href="http://legislacion.edomex.gob.mx/legistel">Leyes y reglamentos</a></li>
		<li><a target="_blank" href="http://legislacion.edomex.gob.mx/periodico_oficial">Periódico Oficial - Gaceta del Gobierno</a></li>
		<li><a target="_blank" href="http://transparenciafiscal.edomex.gob.mx/">Transparencia Fiscal</a></li>
		<li><a href="http://edomex.gob.mx/faqs">Preguntas Frecuentes</a></li><a href="http://edomex.gob.mx/faqs">
		</a><li><a href="http://edomex.gob.mx/faqs"></a><a href="http://edomex.gob.mx/plan_desarrollo_estado_mexico">Plan de Desarrollo</a></li>
		<li><a target="_blank" href="http://edomex.gob.mx/acerca_del_portal">Acerca del Portal</a></li>
	</ul>		
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
<div class="letrerofooter">COMUNICACIÓN SOCIAL</div>
<div>
<ul>
<li><a target="_blank" href="http://edomexinforma.com/seguridadyjusticia">Seguridad y Justicia</a></li>
<li><a target="_blank" href="https://www.youtube.com/playlist?list=PLvQpZWxa5Qo57U1DGlQciw95cJVyrzpKl">TV Edoméx</a></li>
<li><a target="_blank" href="http://www.gem.gob.mx/medios/w2Ls.aspx?tser=C">Comunicados de prensa</a></li>
<li><a target="_blank" href="http://www.gem.gob.mx/agenda/">Agenda del Gobernador</a></li>
	</ul>		
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
<div class="letrerofooter">CONTÁCTANOS</div>

<div>
<ul>
<li><a target="_blank" href="http://www.gem.gob.mx/slin01/">Escribe al Gobernador</a></li>
<li><a target="_blank" href="http://www.secogem.gob.mx/SAM/sit_atn_mex.asp">Quejas y denuncias - SAM</a></li>
<li><a target="_blank" href="http://www.sicosiem.org.mx/saimex/ciudadano/login.page">Solicitudes de Transparencia</a></li>
<li><a target="_blank" href="http://edomex.gob.mx/redes_sociales">Redes Sociales</a></li>
<li><a target="_blank" href="mailto:webmaster@edomex.gob.mx">Escribe al Webmaster</a></li>
	</ul>	
</div>
</div>
</footer>

<div class="footerbottom col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-bottom:10px; padding-bottom:10px;">
			<span class="bottom-header">Gobierno del Estado de México 2016</span><br><span>Esta página esta diseñada para verse mejor en resolución 1280 X 768 o superior, Firefox & Chrome V30, Safari V5, IE 10 </span><br> Este sitio esta optimizado para visualizarse en dispositivos moviles, smartphones  y tabletas</div>

</div>
</div>

CSS

.fondofooter {
    background-color: #7fad5a;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: #ffffff;
    font-size: 10px;
    margin-top: 30px;
    padding-top: 20px;
}
.fondofooter ul li {
    line-height: 2.2;
}
.fondofooter ul li a {
    color: #ffffff;
}
#bannersfooter {
    list-style: outside none;
    margin-left: -30px;
    margin-top: 3px;
}
.letrerofooter {
    border-bottom: thin solid #ffffff;
    color: #ffffff;
    font-size: 14px;
}
.footerbottom {
    background-color: #323c46;
    color: #ffffff;
    font-size: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.footerbottom {
    color: #ffffff;
    font-size: 10px;
    text-align: center;
}