This repository has been archived by the owner on Mar 1, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
33 lines (30 loc) · 1.38 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width = device-width" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/png" sizes="32x32" href="./images/icon.png">
<link rel="stylesheet" href="style.css" />
<title>Inspire Me!</title>
</head>
<body>
<main class="main">
<button class="show-modal">Inspire Me! ✨</button>
<section class="modal hidden">
<button class="close-modal">×</button>
<h1>Hey You</h1>
<p>
Yes, you. Stop being unhappy with yourself. You are perfect. Stop wishing you looked like someone else or
wishing people liked you as much as they like someone else. Stop trying to get attention from those who hurt
you. Stop hating your body, your face, your personality, and your quirks. Love them! Without those things, you
would not be you. And why would you want to be anyone else? Be confident with who you are. Smile! It will draw
people in. If anyone hates you because you are happy with yourself then stuff them. Your happiness will not
depend on others anymore. Say to them, "I am happy because I love who I am. I love my flaws. I love my
imperfections. They make me me. And that "me" is awesome!
</p>
</section>
</main>
<script src="script.js"></script>
</body>
</html>