%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : E:/nuevo/htdocs/segae/
Upload File :
Create Path :
Current File : E:/nuevo/htdocs/segae/index.html

<!DOCTYPE html> <html class="ltr" dir="ltr" lang="es-ES"> 
<head> <title>Inicio - Secretaria Distrital de Ambiente</title> 
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />  
 
<style type="text/css">
.slides{padding:0;width:650px;height:360px;display:block;margin:0 auto;position:relative;}
.slides *{user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
.slides input{display:none;}.slide-container{display:block;}.slide{top:0;opacity:0;width:650px;height:360px;display:block;position:absolute;transform:scale(0);transition:all .3s ease-in-out;}.slide img{width:100%;height:100%;}.nav label{width:50px;height:100%;display:none;position:absolute;opacity:0;z-index:9;cursor:pointer;transition:opacity .2s;color:#FFF;font-size:100pt;text-align:center;line-height:400px;font-family:"Varela Round",sans-serif;background-color:rgba(255,255,255,.3);text-shadow:0 0 15px #777;}.slide:hover+.nav label{opacity:.5;}.nav label:hover{opacity:1;}.nav .next{right:0;}input:checked+.slide-container .slide{opacity:1;transform:scale(1);transition:opacity 1s ease-in-out;}input:checked+.slide-container .nav label{display:block;}.nav-dots{width:100%;bottom:9px;height:11px;display:block;position:absolute;text-align:center;}.nav-dots .nav-dot{top:-px;width:11px;height:11px;margin:0 4px;position:relative;border-radius:100%;display:inline-block;background-color:rgba(0,0,0,0.6);}.nav-dots .nav-dot:hover{cursor:pointer;background-color:rgba(0,0,0,0.8);}input#img-1:checked ~ .nav-dots label#img-dot-1,input#img-2:checked ~ .nav-dots label#img-dot-2,input#img-3:checked ~ .nav-dots label#img-dot-3,input#img-4:checked ~ .nav-dots label#img-dot-4,input#img-5:checked ~ .nav-dots label#img-dot-5,input#img-6:checked ~ .nav-dots label#img-dot-6{background:rgba(0,0,0,0.8);}figcaption{position:absolute;bottom:1;background:rgba(0,90,0,.5);color:#fff;width:96.2%;font-size:.7rem;padding:.8rem;}</style> </head> <body> 

<ul class="slides"> 

 <input type="radio" name="radio-btn" id="img-1" checked /> 
<li class="slide-container"> <div class="slide"> <A HREF="http://www.ambientebogota.gov.co/es/web/gae/pre-inscripcion1" target="_top"> <img src="http://www.ambientebogota.gov.co/image/image_gallery?uuid=8a9024a2-0e81-4fd1-9a14-b5c49d770164&groupId=24732&t=1487864877329" /></a> <figcaption><BIG><BIG>Clic sobre la imagen para encontrar más información</BIG></BIG> <BR> <A HREF=""><font color="blue"> <SMALL></SMALL></font></a> </figcaption> </div> <div class="nav"> <label for="img-6" class="prev">&#x2039;</label> <label for="img-2" class="next">&#x203a;</label> </div> </li>

<input type="radio" name="radio-btn" id="img-2" /> 
<li class="slide-container"> <div class="slide"> <A HREF="http://www.ambientebogota.gov.co/es/web/gae/pre-inscripcion1" target="_top"> <img src="http://www.ambientebogota.gov.co/image/image_gallery?uuid=65da0806-7be5-41b0-87aa-296faa5cfda8&groupId=24732&t=1462370081622" /></a> <figcaption><BIG><BIG>Clic sobre la imagen para encontrar más información</BIG></BIG> <BR> <A HREF="" target="_top"><font color="blue"> <SMALL></SMALL></font></a> </figcaption> </div> <div class="nav"> <label for="img-1" class="prev">&#x2039;</label> <label for="img-3" class="next">&#x203a;</label> </div> </li> 

<input type="radio" name="radio-btn" id="img-3" /> <li class="slide-container"> <div class="slide"> <A HREF= "http://ambientebogota.gov.co/es/web/gae/postulacion-al-nivel-iv" target="_top"/> <img src="http://www.ambientebogota.gov.co/image/image_gallery?uuid=a81c15f1-c4ef-4d0d-85b7-9f8af27ab72d&groupId=24732&t=1461699389981"/> </a><figcaption><BIG><BIG>Postulación PREAD</BIG></BIG> <BR> <A HREF="http://ambientebogota.gov.co/es/web/gae/postulacion-al-nivel-iv" target="_top"><font color="blue"> <SMALL>Ceremonia de Clausura GAE</SMALL></font></a> </figcaption> </div> <div class="nav"> <label for="img-2" class="prev">&#x2039;</label> <label for="img-4" class="next">&#x203a;</label> </div> </li> 

<input type="radio" name="radio-btn" id="img-4" /> <li class="slide-container"> <div class="slide"> <A HREF="http://ambientebogota.gov.co/es/web/gae/postulacion-al-nivel-iv" target="_top"> <img src="http://www.ambientebogota.gov.co/image/image_gallery?uuid=f9974744-3c48-4c3b-bd8a-369d3567fb3b&groupId=24732&t=1466693392986" /></a><figcaption><BIG><BIG>¿En que consiste Gestión Ambiental Empresarial?</BIG></BIG> <BR> <A HREF= "http://ambientebogota.gov.co/es/web/gae/10" target="_top"><font color="blue"> <SMALL>Los invitamos a participar, clic sobre la imagen para encontrar más información</SMALL></font></a> </figcaption> </div> <div class="nav"> <label for="img-3" class="prev">&#x2039;</label> <label for="img-5" class="next">&#x203a;</label> </div> </li> 

<input type="radio" name="radio-btn" id="img-5" /> <li class="slide-container"> <div class="slide"> <A HREF="http://ambientebogota.gov.co/es/web/gae/10" target="_top"> <img src="http://ambientebogota.gov.co/image/image_gallery?uuid=0dd321c7-2a46-4d60-b658-21bb698e26c2&groupId=24732&t=1441657832520.jpg" /></a> <figcaption><BIG><BIG>¿Como participar?</BIG></BIG> <BR> <A HREF= "http://ambientebogota.gov.co/es/web/gae/37" target="_top"><font color="blue"> <SMALL>Clic sobre la imagen para encontrar más información</SMALL></font></a> </figcaption> </div> <div class="nav"> <label for="img-4" class="prev">&#x2039;</label> <label for="img-6" class="next">&#x203a;</label> </div> </li> 

<input type="radio" name="radio-btn" id="img-6" /> <li class="slide-container"> <div class="slide"> <A HREF= "http://www.ambientebogota.gov.co/es/web/gae/pre-inscripcion1" target="_top"> <img src="http://ambientebogota.gov.co/image/image_gallery?uuid=bd04e3e2-ebe6-42b8-aea2-db7dc506ac22&groupId=24732&t=1429812935645.jpg" /></a> <figcaption><BIG><BIG>Clic en la imagen para obtener mayor información</BIG></BIG> <BR> <A HREF= "http://www.ambientebogota.gov.co/es/web/gae/pre-inscripcion1" target="_top"><font color="blue"> <SMALL>Clic sobre la imagen para encontrar más información</SMALL></font></a> </figcaption> </div> <div class="nav"> <label for="img-5" class="prev">&#x2039;</label> <label for="img-1" class="next">&#x203a;</label> </div> </li> 

<li class="nav-dots"> <label for="img-1" class="nav-dot" id="img-dot-1"></label> <label for="img-2" class="nav-dot" id="img-dot-2"></label> <label for="img-3" class="nav-dot" id="img-dot-3"></label> <label for="img-4" class="nav-dot" id="img-dot-4"></label> <label for="img-5" class="nav-dot" id="img-dot-5"></label> <label for="img-6" class="nav-dot" id="img-dot-6"></label></li> </ul> </div> </div> </div> </div> </div></div></div></div>
</html>

Zerion Mini Shell 1.0