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.145.72.55
<!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;"> Red Cross</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/red1.JPG" >
<img class="mySlides" src="assets/images/red2.JPG" >
<img class="mySlides" src="assets/images/red3.JPG" >
<img class="mySlides" src="assets/images/red4.JPG" >
<img class="mySlides" src="assets/images/red5.JPG" >
<img class="mySlides" src="assets/images/red6.JPG" >
<img class="mySlides" src="assets/images/red7.JPG" >
<img class="mySlides" src="assets/images/red8.JPG" >
<img class="mySlides" src="assets/images/red9.JPG" >
<img class="mySlides" src="assets/images/red10.JPG" >
<img class="mySlides" src="assets/images/red11.JPG" >
<img class="mySlides" src="assets/images/red12.JPG" >
<img class="mySlides" src="assets/images/red13.JPG" >
<img class="mySlides" src="assets/images/red14.JPG" >
<img class="mySlides" src="assets/images/red15.JPG" >
<img class="mySlides" src="assets/images/red16.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>
|