-
Notifications
You must be signed in to change notification settings - Fork 1
/
slideshow.html
82 lines (74 loc) · 3.57 KB
/
slideshow.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" type="text/css" href="background.css">
<head>
<style>
body {
background: lightblue url("img.jpeg") no-repeat fixed center;
}
</style>
</head>
<style>
.mySlides {display:none}
</style>
<body>
<div class="w3-container">
<div style="font-family:'Times New Roman', Times, serif:20px;text-align: center">
<h1>KASHMIR</h1></div>
<h2><div style="text-align:center ; color:maroon;text-decoration: underline;"><b>PARADISE ON EARTH</b></div></h2>
<div style="font-family: cursive; font-size: 20px; margin:20px;">
<p> "Gar firdaus bar-rue zamin ast, hami asto, hamin asto, hamin ast.” “If there is a heaven on earth, it's here, it's here, it's here.” Mughal Emperor Jehangir said it all when he visited Kashmir in
the 17th century.<br/>(J & K) consists of three divisions: Jammu, the Kashmir Valley and Ladakh.Kashmir is the paradise of tourists: Its scenic beauty and salubrious climate have given it the aptitude of “Tourists Paradise.”
With its lakes and mountains, its luxurious chinars and tall slender poplars, delicious fruits ancient monuments, its placid rivers and murmuring streams swarming with Himalayan trout, and a host of innumerable natural attractions Kashmir,
as G.T. Vigne prophesied in 1885, has become the sine qua non of the traveller to the East.</p></div>
</div>
<div class="w3-content" >
<a href="www.google.com"><img class="mySlides" src="dallakesri.JPG" style="width:100% height: 100%;"></a>
<a href="www.google.com"><img class="mySlides" src="gulmarg.JPG" style="width:100% height: 100%;"></a>
<a href="www.google.com"><img class="mySlides" src="patnitop1.JPG" style="width:100% height: 100%;"></a>
<a href="www.google.com"><img class="mySlides" src="sonmarg1.JPG" style="width:100% height: 100%;"></a>
<a href="www.google.com"><img class="mySlides" src="lehladhak.JPG" style="width:100% height: 100%;"></a>
<a href="www.google.com"> <img class="mySlides" src="pahalgam.JPG" style="width:100% height: 100%;"></a>
</div>
<div class="w3-center">
<div class="w3-section">
<button class="w3-button w3-light-grey" onclick="plusDivs(-1)">❮ Prev</button>
<button class="w3-button w3-light-grey" onclick="plusDivs(1)">Next ❯</button>
</div>
<button class="w3-button demo" onclick="currentDiv(1)">1</button>
<button class="w3-button demo" onclick="currentDiv(2)">2</button>
<button class="w3-button demo" onclick="currentDiv(3)">3</button>
<button class="w3-button demo" onclick="currentDiv(4)">4</button>
<button class="w3-button demo" onclick="currentDiv(5)">5</button>
<button class="w3-button demo" onclick="currentDiv(6)">6</button>
</div>
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function currentDiv(n) {
showDivs(slideIndex = n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("demo");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" w3-red", "");
}
x[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " w3-red";
}
</script>
</body>
</html>