-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
110 lines (94 loc) · 4.31 KB
/
index.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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css"></link>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Timmy</title>
</head>
<style>
img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 0%;
filter: brightness(100%);
filter: contrast(100%);
filter: drop-shadow(10px 10px 10px rgb(0, 0, 0));
}
</style>
<body style="background-color:powderblue;">
<h1 id="wel" align="center" style="color:#6B5B95; font-family:verdana">Welcome to My Website</h1>
<h1 id="tim" align="center" style="color:#DD4124; font-family:verdana;border:2px solid Violet; margin-bottom: 0%;"><b>I am timmy!</b></h1>
<!-- <img src="timmy.jpg" onclick="this.src='qr.png'" class="justify" height="400" width="500"> -->
<div class="slider">
<img src="images/timmy.jpg" alt="image">
<button class="prev" onclick="prevImage()"><</button>
<button class="next" onclick="nextImage()">></button>
</div>
<script>
var images = ["images/timmy.jpg", "images/tim1.jpg","images/tim2.jpg","images/tim3.jpg"];
var currentIndex = 0;
var imgElement = document.querySelector('.slider img');
function prevImage() {
currentIndex = (currentIndex === 0) ? images.length - 1 : currentIndex - 1;
imgElement.src = images[currentIndex];
}
function nextImage() {
currentIndex = (currentIndex === images.length - 1) ? 0 : currentIndex + 1;
imgElement.src = images[currentIndex];
}
</script>
<p style="text-align: center"><b>RIP Timmy</p>
<p style="text-align: center"><b>25 September 2022 - 21 May, 2023 (12:13 PM)</p>
<p style="text-align: center; font-size: larger; font-family: Candara; padding: 10px; background-color: antiquewhite;"><b>This is little <cite>timmy</b></cite></p>
<p style="border: 2px solid #6B5B95">
<p style="font-family: Verdana, Geneva, Tahoma, sans-serif; text-align: center;"> Please Donate to help me recover from my illness</p>
<p style="position: relative; text-align: center;">
<a target="_blank" href="https://paypal.me/aryan0913?country.x=IN&locale.x=en_GB"> Paypal Link 🙏</a>
</p>
<p style="position: relative; text-align: center;">
<a href="qr.png">For QR Payments</a>
</p>
<img src="https://media.tenor.com/9TsiJq--SsEAAAAi/doge-dance.gif">
<p style="border: 2px solid #6B5B95;"></p>
</p>
<br>
<br>
<hr>
<h3 align="center" style="color:rgb(43, 56, 235); font-family:sans-serif;" title="Yes 'sure' I do 😋"><u>TIMMY DOG</u></h3>
<pre align="center" style="font-family: candara;">
My Timmy lies over the ocean.
My Timmy lies over the sea.
My Timmy lies over the ocean.
<em>
Oh, bring back my Timmy to me.
</em>
</pre>
<video width="320" height="240" controls id="vid">
<source src="images/tim4.mp4" type="video/mp4">
</video>
<p style="font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color:#0072B5; font-size: large;text-align: center;">Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
<pre style="font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; text-align: center;color: MediumSeaGreen;">
For 60 years, WWF has worked to help people and nature thrive.
As the world's leading conservation organization, WWF works in
nearly 100 countries. At every level, we collaborate with people
around the world to develop and deliver innovative solutions
that protect communities, wildlife, and the places in which they live.
</pre>
</blockquote>
<hr>
<hr>
<address>
Written by ARYAN .<br>
Visit us at: Our Home<br>
Reach Us At:<a id="one" href="mailto:[email protected]" target="_blank" style="font-family: Arial, Helvetica, sans-serif;">Email</a> <br>
Help Timmy<br>
Wishing for her speedy recovery<br>
Jai Bharat!
</address>
<a id="top" href="#wel">Jump To Top</a>
</body>
</html>