<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="main2.css">
<title>Documento</title>
</head>
<body background="https://fondosanimados.com/wp-content/uploads/2023/03/Chill-Time_wallpaper-1920x1080.jpg">
</body>
<body>
<style>
h1,h2,h5{
font-family: 'Courier New', Courier, monospace;
}
</style>
<header>
</div>
</header>
<img src="https://colegiocalasanz.edu.do/wp-content/uploads/2022/01/logo-calasanz-fondo-transparente-1-875x1024.png" width="150" height="150">
<h1 align="center">POLITECNICO CALASANZ, SAN EDUARDO</h1>
<h2 align="center">Calle guacanagarix # 18, Ensanchez Quisqueya, La Romana, Rep Dom.</h2>
<h5 align="center"><p style="color:rgb(255,0,0);">Telefono: (809)556-8610, (809)556-9507</p></h5>
<hr size="8px" color="blue">
<marquee><h4 style="align-content: center;">Lema institucional "Piedad Y Letras":Oferta academica: Comunicacion, Enfermeria, Informatica, Turismo... Calle Guacanagarix</h4></marquee>
<hr size="8px" color="white">
<h5 align="right">
<form action="resultados" method="get">resultados</form>
<input type="search"><button>buscar</button>
</h5>
<iframe width="300" height="130" src="https://www.youtube.com/embed/PM60XecG6zs" title="Graduación Calasanz La Romana 2020" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="300" height="130" src="https://www.youtube.com/embed/oy37_ZfK1jE" title="Lanzamiento del nuevo año escolar 2020-2021... Politécnico Calasanz La Romana." frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="300" height="130" src="https://www.youtube.com/embed/kEFg7wSON2E" title="Politécnico calasanz San eduardo Realizan con éxito en sus instalaciones el Simulacro." frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="300" height="130" src="https://www.youtube.com/embed/rhqmGFcLAuM" title="Acto de celebración del día de Independencia Dominicana." frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<h6>copyright@ Todos los derechos reservados</h6>
<h6>Politecnico Calasanz</h6>
<section></section>
</head>
<body>
<div class="slider-container">
<div class="slides" >
<div class="slide"><img src="https://centroamericaribeschp.files.wordpress.com/2014/08/10646732_10204422567985824_7998492010409491240_n.jpg?w=640" ></div>
<div class="slide"><img src="https://serie26.com/wp-content/uploads/2022/04/politecnico-calasanz-campeones.jpg" alt="Slide 2"></div>
<div class="slide"><img src="https://i.ytimg.com/vi/PM60XecG6zs/mqdefault.jpg" alt=""></div>
<style>
h1{
font-size: 40px;
}
.slider-container {
width: 80%;
margin: auto;
overflow: hidden;
}
.slides {
display: flex;
transition: transform 0.5s ease-in-out;
}
.slide {
min-width: 100%;
box-sizing: border-box;
}
.slide img {
width: 100%;
height: auto;
}
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
</style>
</div>
<a class="prev" onclick="changeSlide(-1)">❮</a>
<a class="next" onclick="changeSlide(1)">❯</a>
</div>
<script>
let slideIndex = 1;
function showSlides(index) {
const slides = document.querySelector('.slides');
if (index > slides.children.length) {
slideIndex = 1;
}
if (index < 1) {
slideIndex = slides.children.length;
}
slides.style.transform = `translateX(${-100 * (slideIndex - 1)}%)`;
}
function changeSlide(n) {
showSlides(slideIndex += n);
}
showSlides(slideIndex);
</script>
</body>
</html>
No hay comentarios.:
Publicar un comentario