-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (151 loc) · 6.03 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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HAPPE - The Happiest Memcoin!</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<style>
body {
margin: 0;
font-family: 'Roboto', sans-serif;
background-color: #ffffff;
color: #0478d3;
}
header {
background-color: #ffffff;
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
color: #0478d3;
}
.header-logo {
display: flex;
align-items: center;
}
.header-logo img {
height: 50px;
margin-right: 15px;
}
.header-buttons {
display: flex;
gap: 15px;
}
.header-buttons a {
text-decoration: none;
color: #ffffff;
background-color: #0478d3;
padding: 10px 20px;
border-radius: 20px;
font-weight: bold;
transition: background-color 0.3s;
}
.header-buttons a:hover {
background-color: #007bb5;
}
.hero {
text-align: center;
padding: 80px 20px;
background-color: #0478d3;
color: #ffffff;
}
.hero h1 {
font-size: 3em;
margin: 0;
}
.hero p {
font-size: 1.2em;
margin-top: 20px;
}
.features {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 50px 20px;
}
.feature {
width: 30%;
min-width: 250px;
background-color: #ffffff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
margin: 10px;
border-radius: 10px;
text-align: center;
color: #0478d3;
}
.feature img {
width: 80px;
height: 80px;
}
.cta {
text-align: center;
padding: 50px 20px;
background-color: #0478d3;
color: #ffffff;
}
.cta button {
padding: 15px 30px;
font-size: 1em;
background-color: #ffffff;
color: #0478d3;
border: none;
border-radius: 30px;
cursor: pointer;
transition: 0.3s;
}
.cta button:hover {
background-color: #e0f7ff;
}
footer {
text-align: center;
padding: 20px;
background-color: #0478d3;
color: #ffffff;
}
</style>
</head>
<body>
<header>
<div class="header-logo">
<img src="https://photos.pinksale.finance/file/pinksale-logo-upload/1730029779892-e19bb53c1fa537b7ba433ed2bfbb313b.png" alt="HAPPE">
<h1>Happy APE</h1>
</div>
<div class="header-buttons">
<a href="https://x.com/HappyApeMeme" target="_blank">Twitter</a>
</div>
</header>
<section class="hero">
<div style="padding: 50px 20px; text-align: center;">
<h1>HAPPE's Legend</h1>
<p>
Once upon a time, in the deep jungle of the crypto world, there lived a group of joyful apes. They believed that the secret to happiness was sharing laughter, fun, and prosperity. But they noticed the crypto jungle was becoming full of gloom and fear due to market fluctuations and greedy predators.
So, they decided to create a new coin that would change everything - a coin that wasn't just about money, but about joy, community, and an adventure together. And thus, HAPPE was born - a memecoin with a mission to make every ape in the crypto jungle happy again!
HAPPE was designed to be more than just a coin; it was a promise of positivity and unity. The community grew rapidly, filled with apes who wanted to bring back the fun and go to the moon together. With fun rewards and a strong community spirit, HAPPE quickly became a symbol of hope in the crypto jungle. The more they HODLed, the more bananas they earned, and soon the forest echoed with laughter, and the apes were dancing in delight.
Now, it's your turn to be part of this amazing journey. Join HAPPE, bring a smile to your portfolio, and let's get to the moon together - because a happy ape is an unstoppable ape!
</p>
</div>
</section>
<section class="features">
<div class="feature">
<img src="https://img.icons8.com/ios-filled/100/0478d3/banana.png" alt="Banana Token">
<h2>Fun Rewards</h2>
<p>As you continue holding HAPPE, you'll experience joyful surprises in the form of fun, collectible banana tokens. These rewards symbolize growth and prosperity, keeping our community entertained and engaged!</p>
</div>
<div class="feature">
<img src="https://img.icons8.com/ios-filled/100/0478d3/network.png" alt="Community">
<h2>Strong Community</h2>
<p>We believe that the power of a community comes from genuine bonds, shared laughter, and common goals. With regular events, giveaways, and friendly competition, our community stays connected and grows stronger every day!</p>
</div>
<div class="feature">
<img src="https://img.icons8.com/ios-filled/100/0478d3/rocket.png" alt="To the Moon">
<h2>To The Moon!</h2>
<p>We're on a mission to spread joy and positivity while striving for financial success. By supporting HAPPE, you are contributing to a movement that aims to bring smiles, not just to wallets, but to everyone involved. Let's reach for the stars together!</p>
</div>
</section>
<footer>
<p>Copyright © 2024 HAPPE Memcoin. All Rights Reserved.</p>
</footer>
</body>
</html>