-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (109 loc) · 6.51 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
<!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="[email protected]" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta property="og:url" content="https://www.sonu.live/diwali-wishes/" />
<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 class="flexbox">
<section class="flexbox">
<div class="heading flexbox">
<h2>
<span style="--i:1;">D</span>
<span style="--i:2;">i</span>
<span style="--i:3;">w</span>
<span style="--i:4;">a</span>
<span style="--i:5;">l</span>
<span style="--i:6;">i</span>
<span style="--i:8; margin-left: 30px;">W</span>
<span style="--i:9;">i</span>
<span style="--i:10;">s</span>
<span style="--i:11;">h</span>
<span style="--i:12;">e</span>
<span style="--i:13;">s</span>
</h2>
</div>
<div class="wish-text">
<h3 id="demo">Happy Diwali</h3>
</div>
<div class="flexbox buttons">
<button class="btn" id="btn">Another Wish</button>
<div class="tooltip">
<button onclick="myFunction()" onmouseout="outFunc()" class="btn">
<span class="tooltiptext" id="myTooltip">Copy to clipboard</span>Copy Wish
</button>
</div>
</div>
<div class="sharing_button flexbox">
<!-- Sharing WhatsApp -->
<a id="whatsapp" class="sharing-button__link" href="" target="_blank" rel="noopener"
aria-label="Share on WhatsApp">
<div class="sharing-button sharing-button--whatsapp">
<div aria-hidden="true" class="sharing-button__icon">
<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>
<!-- Sharing Twitter -->
<a id="twt" class="sharing-button__link" href="" target="_blank" rel="noopener"
aria-label="Share on Twitter">
<div class="sharing-button sharing-button--twitter">
<div aria-hidden="true" class="sharing-button__icon">
<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>
<!-- Sharing E-Mail -->
<a id="mail" class="sharing-button__link" href="http%3A%2F%2Fsharingbuttons.io" target="_self"
rel="noopener" aria-label="Share by E-Mail">
<div class="sharing-button sharing-button--email">
<div aria-hidden="true" class="sharing-button__icon">
<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>
<!-- Sharing Facebook -->
<a id="fb" class="sharing-button__link" href="" target="_blank" rel="noopener"
aria-label="Share on Facebook">
<div class="sharing-button sharing-button--facebook">
<div aria-hidden="true" class="sharing-button__icon">
<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>
</div>
<div id="copyright" class="footer flexbox">
<span class="footer_text">Made by
<span class="lookbook"><a href="https://github.com/flyingsonu122" target="_blank">Sonu</a></span>
© 2021
</span>
</div>
</section>
</body>
<script src="./main.js"></script>
<script src="./clip.js"></script>
</html>