Skip to content

Instantly share code, notes, and snippets.

@isdaviddong

isdaviddong/index.html

Last active February 17, 2026 14:11
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save isdaviddong/23cc140c1780828b44f79397f737b95e to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save isdaviddong/23cc140c1780828b44f79397f737b95e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!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>
@sahilarora5859-cloud
Copy link

sahilarora5859-cloud commented Feb 13, 2026

Make a website

@iamayra2010-rgb
Copy link

iamayra2010-rgb commented Feb 14, 2026

<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>

@qurbanovnicat871-rgb
Copy link

qurbanovnicat871-rgb commented Feb 14, 2026

Hello

@qurbanovnicat871-rgb
Copy link

qurbanovnicat871-rgb commented Feb 14, 2026

Znznhgsvsbbbbs

@noobgamingng8368360-maker
Copy link

noobgamingng8368360-maker commented Feb 16, 2026

How are you

@noobgamingng8368360-maker
Copy link

noobgamingng8368360-maker commented Feb 16, 2026

Uploading 10064.jpg…

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment