-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
133 lines (113 loc) · 6.35 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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Diwali Wishes</title>
<meta name="author" content="Sonu kumar kushwaha" />
<meta name="email" content="flyingsonu736@gmail.com" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Happy Diwali" />
<meta property="og:description" content="This Diwali, may you be blessed with good fortune as long as Ganesha’s trunk, wealth and prosperity as big as his stomach, happiness as sweet as his ladoos and may your trouble be as small as his mouse. ― Happy Diwali!" />
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<div class="main">
<center>
<br />
<h2>Diwali Wishes</h2>
<div class="wish-text">
<h3 id="demo">Happy Diwali</h3>
</div>
<br /><br />
<button class="btn btn-lg btn-yellow" id="btn">Another Wish</button>
<div class="tooltip">
<button onclick="myFunction()" onmouseout="outFunc()" class="btn btn-lg btn-gold">
<span class="tooltiptext" id="myTooltip">Copy wish to clipboard</span>Copy Wish
</button>
</div>
<br /><br />
<!-- Sharingbutton WhatsApp -->
<a id="whatsapp" class="resp-sharing-button__link" href="" target="_blank" rel="noopener" aria-label="Share on WhatsApp">
<div class="
resp-sharing-button
resp-sharing-button--whatsapp
resp-sharing-button--large
">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M20.1 3.9C17.9 1.7 15 .5 12 .5 5.8.5.7 5.6.7 11.9c0 2 .5 3.9 1.5 5.6L.6 23.4l6-1.6c1.6.9 3.5 1.3 5.4 1.3 6.3 0 11.4-5.1 11.4-11.4-.1-2.8-1.2-5.7-3.3-7.8zM12 21.4c-1.7 0-3.3-.5-4.8-1.3l-.4-.2-3.5 1 1-3.4L4 17c-1-1.5-1.4-3.2-1.4-5.1 0-5.2 4.2-9.4 9.4-9.4 2.5 0 4.9 1 6.7 2.8 1.8 1.8 2.8 4.2 2.8 6.7-.1 5.2-4.3 9.4-9.5 9.4zm5.1-7.1c-.3-.1-1.7-.9-1.9-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.1-.2.2-.3.2-.6.1s-1.2-.5-2.3-1.4c-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.1-.6s.3-.3.4-.5c.2-.1.3-.3.4-.5.1-.2 0-.4 0-.5C10 9 9.3 7.6 9 7c-.1-.4-.4-.3-.5-.3h-.6s-.4.1-.7.3c-.3.3-1 1-1 2.4s1 2.8 1.1 3c.1.2 2 3.1 4.9 4.3.7.3 1.2.5 1.6.6.7.2 1.3.2 1.8.1.6-.1 1.7-.7 1.9-1.3.2-.7.2-1.2.2-1.3-.1-.3-.3-.4-.6-.5z"
/>
</svg>
</div>
Share on WhatsApp
</div>
</a>
<!-- Sharingbutton Twitter -->
<a id="twt" class="resp-sharing-button__link" href="" target="_blank" rel="noopener" aria-label="Share on Twitter">
<div class="
resp-sharing-button
resp-sharing-button--twitter
resp-sharing-button--large
">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M23.44 4.83c-.8.37-1.5.38-2.22.02.93-.56.98-.96 1.32-2.02-.88.52-1.86.9-2.9 1.1-.82-.88-2-1.43-3.3-1.43-2.5 0-4.55 2.04-4.55 4.54 0 .36.03.7.1 1.04-3.77-.2-7.12-2-9.36-4.75-.4.67-.6 1.45-.6 2.3 0 1.56.8 2.95 2 3.77-.74-.03-1.44-.23-2.05-.57v.06c0 2.2 1.56 4.03 3.64 4.44-.67.2-1.37.2-2.06.08.58 1.8 2.26 3.12 4.25 3.16C5.78 18.1 3.37 18.74 1 18.46c2 1.3 4.4 2.04 6.97 2.04 8.35 0 12.92-6.92 12.92-12.93 0-.2 0-.4-.02-.6.9-.63 1.96-1.22 2.56-2.14z"
/>
</svg>
</div>
Share on Twitter
</div>
</a>
<!-- Sharingbutton E-Mail -->
<a id="mail" class="resp-sharing-button__link" href="http%3A%2F%2Fsharingbuttons.io" target="_self" rel="noopener" aria-label="Share by E-Mail">
<div class="
resp-sharing-button
resp-sharing-button--email
resp-sharing-button--large
">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M22 4H2C.9 4 0 4.9 0 6v12c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM7.25 14.43l-3.5 2c-.08.05-.17.07-.25.07-.17 0-.34-.1-.43-.25-.14-.24-.06-.55.18-.68l3.5-2c.24-.14.55-.06.68.18.14.24.06.55-.18.68zm4.75.07c-.1 0-.2-.03-.27-.08l-8.5-5.5c-.23-.15-.3-.46-.15-.7.15-.22.46-.3.7-.14L12 13.4l8.23-5.32c.23-.15.54-.08.7.15.14.23.07.54-.16.7l-8.5 5.5c-.08.04-.17.07-.27.07zm8.93 1.75c-.1.16-.26.25-.43.25-.08 0-.17-.02-.25-.07l-3.5-2c-.24-.13-.32-.44-.18-.68s.44-.32.68-.18l3.5 2c.24.13.32.44.18.68z"
/>
</svg>
</div>
Share by E-Mail
</div>
</a>
<!-- Sharingbutton Facebook -->
<a id="fb" class="resp-sharing-button__link" href="" target="_blank" rel="noopener" aria-label="Share on Facebook">
<div class="
resp-sharing-button
resp-sharing-button--facebook
resp-sharing-button--large
">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M18.77 7.46H14.5v-1.9c0-.9.6-1.1 1-1.1h3V.5h-4.33C10.24.5 9.5 3.44 9.5 5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4z"
/>
</svg>
</div>
Share on Facebook
</div>
</a>
<br /><br />
<div id="copyright">
<hr />
<span class="github-logo1">Made by
<span class="lookbook"
><a href="https://singlebucks.blogspot.com" target="_blank"
>Sonu Kushwaha</a
>
</div>
</center>
</div>
</body>
<script src="./main.js"></script>
<script src="./clip.js"></script>
<!--- Made with love by Sonu kumar kushwaha -->
</html>