Last active
February 17, 2026 14:11
-
Star
(91)
You must be signed in to star a gist -
Fork
(139)
You must be signed in to fork a gist
-
-
Save isdaviddong/23cc140c1780828b44f79397f737b95e to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title></title> | |
| <meta charset="utf-8" /> | |
| <script src="Scripts/jquery-1.9.1.min.js"></script> | |
| <link href="Content/bootstrap.min.css" rel="stylesheet" /> | |
| <script src="Scripts/isRockFx.js"></script> | |
| <script> | |
| $(function () { | |
| $('#ButtonCal').click( | |
| function () { | |
| //取得用戶輸入的參數 | |
| var para = { 'height': $('#txbHeight').val(), 'weight': $('#txbWeight').val() }; | |
| //呼叫API | |
| ExecuteAPI('Example', 'BMI', para, | |
| //呼叫WebAPI成功時運行的Call Back Function | |
| function (result) { | |
| alert(result.Data); | |
| } | |
| ); | |
| } | |
| ); | |
| }); | |
| </script> | |
| </head> | |
| <body> | |
| <div class="row" style="margin:10px"> | |
| <div class="col-md-12"> | |
| <div class="form-group"> | |
| 身高: | |
| <input id="txbHeight" class="form-control" placeholder="請輸入身高" /> | |
| 體重: | |
| <input id="txbWeight" class="form-control" placeholder="請輸入體重" /> | |
| <br /> | |
| <button class="btn btn-primary" id="ButtonCal">計算</button> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
Make a website
<title>For Amaan 🤍</title>
<!-- Romantic Music -->
<audio autoplay loop>
<source src="https://www2.cs.uic.edu/~i101/SoundFiles/ILoveYou.mp3" type="audio/mpeg">
</audio>
<style>
body {
margin: 0;
padding: 0;
font-family: 'Segoe UI', sans-serif;
background: linear-gradient(135deg, #f8d7da, #e6ccb2);
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
text-align: center;
overflow: hidden;
}
.card {
background: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(12px);
padding: 40px;
border-radius: 25px;
box-shadow: 0 8px 30px rgba(0,0,0,0.1);
max-width: 420px;
transition: 0.5s;
}
h1 {
font-size: 34px;
color: #b5838d;
}
p {
font-size: 18px;
color: #6d6875;
line-height: 1.6;
}
button {
margin-top: 20px;
padding: 12px 30px;
font-size: 18px;
border: none;
border-radius: 30px;
background-color: #b5838d;
color: white;
cursor: pointer;
transition: 0.3s;
}
button:hover {
background-color: #6d6875;
}
.heart {
position: absolute;
font-size: 18px;
animation: float 6s linear infinite;
color: #ff8fab;
}
@keyframes float {
0% { transform: translateY(100vh); opacity: 1; }
100% { transform: translateY(-10vh); opacity: 0; }
}
.finalMessage {
display: none;
}
</style>
<div class="card" id="mainCard">
<h1>Happy Valentine’s Day Amaan 🤍</h1>
<p>
You walked into my life so softly…
and somehow made everything feel warmer 🌸
With you, even ordinary days feel magical ✨
</p>
<button onclick="nextPage()">Click Here 💖</button>
</div>
<div class="card finalMessage" id="secondCard">
<h1>Amaan… 💍</h1>
<p>
On our very first Valentine’s Day,
I just want to say…
I choose you. Today. Tomorrow. Always. 🤍
<br><br>
Will you be my forever Valentine? 💌
<br><br>
<small>— From Ayra 🎀</small>
</p>
</div>
<script>
function nextPage() {
document.getElementById("mainCard").style.display = "none";
document.getElementById("secondCard").style.display = "block";
}
function createHeart() {
const heart = document.createElement("div");
heart.classList.add("heart");
heart.innerHTML = "🤍";
heart.style.left = Math.random() * 100 + "vw";
heart.style.fontSize = Math.random() * 20 + 10 + "px";
document.body.appendChild(heart);
setTimeout(() => {
heart.remove();
}, 6000);
}
setInterval(createHeart, 400);
</script>
Hello
Znznhgsvsbbbbs
How are you
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Elevate Your Style
Premium Streetwear Collection
Shop NowFeatured Products
Follow Us on Instagram
Customer Reviews
"Amazing quality and style. Perfect for streetwear lovers!"
- Alex, 25
"Elevated my wardrobe. Highly recommend!"
- Jordan, 28
"Clean designs and premium feel. Love it!"
- Taylor, 22
Stay Updated
Subscribe to our newsletter for the latest drops and exclusive offers.
Subscribe© 2023 Elevate Your Style. All rights reserved.