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 : 18.119.109.60
<!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;"> Rangers and Rovers</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/rr1.JPG" >
<img class="mySlides" src="assets/images/rr2.JPG" >
<img class="mySlides" src="assets/images/rr3.JPG" >
<img class="mySlides" src="assets/images/rr4.JPG" >
<img class="mySlides" src="assets/images/rr5.JPG" >
<img class="mySlides" src="assets/images/rr6.JPG" >
<img class="mySlides" src="assets/images/rr7.JPG" >
<img class="mySlides" src="assets/images/rr8.JPG" >
<img class="mySlides" src="assets/images/rr9.JPG" >
<img class="mySlides" src="assets/images/rr10.JPG" >
<img class="mySlides" src="assets/images/rr11.JPG" >
<img class="mySlides" src="assets/images/rr12.JPG" >
<img class="mySlides" src="assets/images/rr13.JPG" >
<img class="mySlides" src="assets/images/rr14.JPG" >
<img class="mySlides" src="assets/images/rr15.JPG" >
<img class="mySlides" src="assets/images/rr16.JPG" >
<img class="mySlides" src="assets/images/rr17.JPG" >
<img class="mySlides" src="assets/images/rr18.JPG" >
<img class="mySlides" src="assets/images/rr19.JPG" >
<img class="mySlides" src="assets/images/rr20.JPG" >
<img class="mySlides" src="assets/images/rr21.JPG" >
<img class="mySlides" src="assets/images/rr22.JPG" >
<img class="mySlides" src="assets/images/rr23.JPG" >
<img class="mySlides" src="assets/images/rr24.JPG" >
<img class="mySlides" src="assets/images/rr25.JPG" >
<img class="mySlides" src="assets/images/rr26.JPG" >
<img class="mySlides" src="assets/images/rr27.JPG" >
<img class="mySlides" src="assets/images/rr28.JPG" >
<img class="mySlides" src="assets/images/rr29.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>
|