-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
177 lines (169 loc) · 8.02 KB
/
Copy pathindex.html
File metadata and controls
177 lines (169 loc) · 8.02 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>The Sweet Messenger | Some Beautiful Message For You</title>
<!-- ===== Styles ===== -->
<link rel="stylesheet" href="./CSS/style.css">
<script src="https://kit.fontawesome.com/9e70a9ae5c.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- Title -->
<div class="title">
<h2> 🐦 The Sweet Messenger 🕊️</h2>
</div>
<!-- Questions -->
<section class="questions">
<!-- Question-01 -->
<!-- Question Title -->
<article class="question">
<div class="question-title">
<h4> <span class="msg-off">Open To See The Secret Message 👉</span> <span class="msg-on">Here Is a Message From Pritam 👇</span></h4>
<button type="button" class="question-btn">
<span class="plus-icon">
🙈
</span>
<span class="minus-icon">
🙊
</span>
</button>
</div>
<!-- Qustion Answer -->
<div class="answer">
<p> You know I love ice cream, a good book, great music, and walking through a beautiful forest. But having you as a friend is like having all those things, and more, rolled up into one life-sized package! </p>
</div>
</article>
<!-- Question-02 -->
<!-- Question Title -->
<article class="question">
<div class="question-title">
<h4> <span class="msg-off">Open To See The Secret Message 👉</span> <span class="msg-on">Here Is a Message From Pritam 👇</span></h4>
<button type="button" class="question-btn">
<span class="plus-icon">
🙈
</span>
<span class="minus-icon">
🙊
</span>
</button>
</div>
<!-- Qustion Answer -->
<div class="answer">
<p>Thank you for always being there for me and lifting me up when I fall. Friendships like ours are hard to find. For that, I will be eternally grateful and forever give thanks.</p>
</div>
</article>
<!-- Question-03 -->
<!-- Question Title -->
<article class="question">
<div class="question-title">
<h4> <span class="msg-off">Open To See The Secret Message 👉</span> <span class="msg-on">Here Is a Message From Pritam 👇</span></h4>
<button type="button" class="question-btn">
<span class="plus-icon">
🙈
</span>
<span class="minus-icon">
🙊
</span>
</button>
</div>
<!-- Qustion Answer -->
<div class="answer">
<p> I don’t care about having the perfect profile pic or getting lots of likes on my posts. What I care about is having you as a friend. Thank you for being a real person who is genuine, honest, and great fun!</p>
</div>
</article>
<!-- Question-04 -->
<!-- Question Title -->
<article class="question">
<div class="question-title">
<h4> <span class="msg-off">Open To See The Secret Message 👉</span> <span class="msg-on">Here Is a Message From Pritam 👇</span></h4>
<button type="button" class="question-btn">
<span class="plus-icon">
🙈
</span>
<span class="minus-icon">
🙊
</span>
</button>
</div>
<!-- Qustion Answer -->
<div class="answer">
<p>I can’t wait for us to grow old and become cranky, weird friends together, lecturing kids on what real friendship looks like. If I can make this wish come true, then nothing else will matter.</p>
</div>
</article>
<!-- Question-05 -->
<!-- Question Title -->
<article class="question">
<div class="question-title">
<h4> <span class="msg-off">Open To See The Secret Message 👉</span> <span class="msg-on">Here Is a Message From Pritam 👇</span></h4>
<button type="button" class="question-btn">
<span class="plus-icon">
🙈
</span>
<span class="minus-icon">
🙊
</span>
</button>
</div>
<!-- Qustion Answer -->
<div class="answer">
<p>Thanks for all the Sunday sessions full of good wine, good music, and your great company. They are the highlight of my week and keep me feeling happy for days afterward. Let’s never stop!</p>
</div>
</article>
<!-- Question-06 -->
<!-- Question Title -->
<article class="question">
<div class="question-title">
<h4> <span class="msg-off">Open To See The Secret Message 👉</span> <span class="msg-on">Here Is a Message From Pritam 👇</span></h4>
<button type="button" class="question-btn">
<span class="plus-icon">
🙈
</span>
<span class="minus-icon">
🙊
</span>
</button>
</div>
<!-- Qustion Answer -->
<div class="answer">
<p> You are the perfect partner in crime who everyone needs. Our memories, both good and bad, have made us stronger together and have brought us to where we are today. I hope this journey never ends</p>
</div>
</article>
<!-- Question-07 -->
<!-- Question Title -->
<article class="question">
<div class="question-title">
<h4> <span class="msg-off">Open To See The Secret Message 👉</span> <span class="msg-on">Here Is a Message From Pritam 👇</span></h4>
<button type="button" class="question-btn">
<span class="plus-icon">
🙈
</span>
<span class="minus-icon">
🙊
</span>
</button>
</div>
<!-- Qustion Answer -->
<div class="answer">
<p>“A true friend is someone who thinks that you are a good egg even though he knows that you are slightly cracked.”
Bernard Meltzer</p>
</div>
</article>
</section>
<section class="footer">
<div class="mail">
<a href="mailto:photography.pritambera@outlook.com"><span>✍</span> Somthing Here </a>
</div >
<div class="social-links">
<ul class="social-links">
<li><a href="https://facebook.com/pritamlovesphotography" class="fa fa-instagram"></a> </li>
<li> <a href="https://github.com/pritambera2000" class="fa fa-github"></a></li>
<li><a href="https://twitter.com/pritamhacks" class="fa fa-twitter"></a></li>
</ul>
</div>
<h3>Practiced With <span>☕</span> by Pritam</h3>
</section>
<script src="./JavaScript/script.js"></script>
</body>
</html>