forked from Sanskar1123/aakritisbirthday.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
184 lines (149 loc) · 7.79 KB
/
Copy pathindex.html
File metadata and controls
184 lines (149 loc) · 7.79 KB
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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Happy Birthday</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<link rel="stylesheet" type="text/css" href="box.css">
<link rel="stylesheet" type="text/css" href="text.css">
<link rel="stylesheet" type="text/css" href="familyCard.css">
<link rel="stylesheet" type="text/css" href="hover.css">
<link rel="stylesheet" type="text/css" href="cssEyesAnimation.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<style>
</style>
</head>
<body onkeydown="keyFunction(event)">
<div class="parallax1" style="overflow: hidden;">
<div class="quotePadding"></div>
<h1 class="quote">“A wish for you on your birthday, whatever you ask may you receive, whatever you seek may you find, whatever you wish
may it be fulfilled on your birthday and always. <br>Happy Birthday Aakriti!”</h1>
<i onclick="scrollWin(0, 877)" class="fas fa-chevron-circle-down" style="position: fixed; left:93%; top: 92%; font-size: 40px; cursor: pointer;"></i>
<script>
function scrollWin(x, y)
{
window.scrollBy(x, y);
}
</script>
</div>
<div class="paraForEyes">
<div class="wrapper">
<div class="eye left"><span></span></div>
<div class="eye right"><span></span></div>
</div>
<div class="nose"></div>
<h1 class="line">"Damnn, You are Beautiful"</h1>
</div>
<div>
<div class="cri"></div>
<h1 class="cringe">"But your taste in music is cringy"</h1>
<video autoplay muted loop id="myVideo" width="890" heigth="870">
<source src="media/bts.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
</div>
<div class="photos">
<div class="cri1"></div>
<h1 class="cringe1"><b>"And you're a bit too clingy"</b></h1>
</div>
<div class="cloud">
<div class="cri1"></div>
<h1 class="changes">"But today we are celebrating the first race you ever won and it's incomplete without wishes from your friends and family"</h1>
</div>
<div class="familyQuote">
<div class="image">
<div class="text">
<h2 style="letter-spacing: 3px; font-size: 40px;">A Message for you</h2>
<p>
<br>
To the one who is "papa ka guroor" and "maa ki laadli". Happiest birthday! Trying the level best ki tu is baar na roe birthday pe. Making ur parents proud since day 1. A daughter truly is a Gift from God. She helps her parents in every possible manner. She is always caring, helping and courteous.You are a blessing to your families and a hope for the future. You shouldn’t allow anything deter you from being the best you can be. For you are made to be outstanding.
<br>Happiest Birthday.... Enjoy your day to the fullest.
</p>
</div>
<div class="box"></div>
</div>
</div>
<!-- INDIVIDUAL FAMILY CARD -->
<div class="familyMsg">
<h1 class="familyRight">"To the beginning of life and never ending love,<br>
Truly a blessing from above,<br>
To the laughter or fights,<br>
They make everything right!"</h1>
<div class="container1">
<!-- Card Box 1 -->
<div id="cardBox_1">
<div class="card" onclick="transFunction()">
<div class="front"><img src="media/uncle.jpeg" style="width:100%;height: 100%;" /></div>
</div>
<div class="card" onclick="transFunction()">
<div class="back word1_back">
<p>While wishing a very very happy birthday to you my sweet little daughter Aakriti, my heart is
filled with all the fond
memories right from the day you came into our world and filled it with happiness and joy
forever.
<br>
I feel proud, greatful & blessed having a daughter like you, who has always been my princess &
will remain the ruler of
my heart.
<br>
No one will ever be as precious to me as you are.
<br>
On your birthday, I pray God to bestow his choicest blessings & shower your life with ever
increasing happiness and
success.
<br>
With lots of love and blessings,
<br>
Your proud father😊</p>
</div>
</div>
</div>
<!-- Card Box 2 -->
<div id="cardBox_2">
<div class="card" onclick="transFunction()">
<div class="front word1_front"><img src="media/aunty.jpeg" style="width:100%;height: 100%;" /></div>
</div>
<div class="card" onclick="transFunction()">
<div class="back word1_back">
<p>Happiest birthday to my doll. May God always bless you Enjoy Your day. You are my heart and soul.
You always bring
smiles on my face. waise kuchh bhi bolu aapne toh ye hee kehna hai ki mumma aap bhai ko jayda
pyaar karte ho..biased ho
etc. but i love you with all my heart and always will 😘</p>
</div>
</div>
</div>
<i id="back_arrow" onclick="backFunction()" class="fas fa-chevron-circle-left"></i>
<i id="next_arrow" onclick="nextFunction()" class="fas fa-chevron-circle-right"></i>
</div>
</div>
<div class="card1"><iframe src="https://sanskar1123.github.io/iframe.github.io/" class="card1"></iframe>></div>
<div class="videobg">
<video class="endVideo" controls>
<source src="media/video1.mp4" type="video/mp4">
Unable to Play
</video>
</div>
<div class="parallax">
<h1 class="cubetext">"To all the memories, we made with you" </h1>
<h1 class="ml3">Thank You for those!!!</h1>
<div id="container">
<div id="box">
<div class="face1 color1"><img src="media/c1.jpeg" style="width:100%;"/></div>
<div class="face2 color1"><img src="media/c2.jpeg"></div>
<div class="face3 color2"><img src="media/c4.jpeg"></div>
<div class="face4 color2"><img src="media/c3.jpeg"></div>
<div class="face5 color3"><img src="media/c5.jpeg"></div>
<div class="face6 color3"><img src="media/c2.jpeg"></div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
<script src="text.js"></script>
<script src="familyCard.js"></script>
</body>
</html>