Linux ip-172-26-7-228 5.4.0-1103-aws #111~18.04.1-Ubuntu SMP Tue May 23 20:04:10 UTC 2023 x86_64
Your IP : 3.128.168.219
Current Path : /kop/ |
| Current File : //kop/phyedu.php |
<!DOCTYPE html>
<html lang="en">
<?php
include("header.php")
?>
<head>
<style>
@media (max-width: 768px) {
.response {
width: 100%;
height: auto;
}
}
.card-text{
color: black;
border: black 2px solid;
border-radius: 15px;
text-align: justify;
font-weight: 700;
font-style: italic;
background-color: whitesmoke;
padding: 30px;
}
</style>
</head>
<body>
<br>
<h4 style=" color: black;"> Physical Education and Sports</h4>
<hr>
<div class="container">
<div class="row justify-content-md-center">
<div class="col col-lg-2">
</div>
<div class="col-md-auto">
<div class="col-md-12" style="text-align:center;">
<div class="slides" >
<img class="mySlides" src="assets/images/ps1.JPG" >
<img class="mySlides" src="assets/images/ps2.JPG" >
<img class="mySlides" src="assets/images/ps3.JPG" >
<img class="mySlides" src="assets/images/ps4.JPG" >
<img class="mySlides" src="assets/images/ps5.JPG" >
<img class="mySlides" src="assets/images/ps6.JPG" >
<img class="mySlides" src="assets/images/ps7.JPG" >
<img class="mySlides" src="assets/images/ps8.JPG" >
<img class="mySlides" src="assets/images/ps9.JPG" >
<img class="mySlides" src="assets/images/ps10.JPG" >
<img class="mySlides" src="assets/images/ps11.JPG" >
<img class="mySlides" src="assets/images/ps12.JPG" >
<img class="mySlides" src="assets/images/ps13.JPG" >
<img class="mySlides" src="assets/images/ps14.JPG" >
<img class="mySlides" src="assets/images/ps15.JPG" >
<img class="mySlides" src="assets/images/ps16.JPG" >
<img class="mySlides" src="assets/images/ps17.JPG" >
<img class="mySlides" src="assets/images/ps18.JPG" >
<img class="mySlides" src="assets/images/ps19.JPG" >
<img class="mySlides" src="assets/images/ps20.JPG" >
</div>
</div>
</div>
<div class="col col-lg-2">
</div>
</div>
</div>
<br>
</body>
<script>
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 3000); // Change image every 2 seconds
}
</script>
<?php
include("footer.php")
?>
</html>
|