Created
January 15, 2017 06:30
-
-
Save isdaviddong/36046c2a398cb8e943fc520f79c28c4c 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> | |
| function Auth() { | |
| var URL = 'https://login.microsoftonline.com/common/oauth2/v2.0/authorize?'; | |
| URL += 'response_type=code'; | |
| URL += '&client_id={請換成您的Client id}'; //請換成您的App Client id | |
| URL += '&redirect_uri=http://localhost:13555/index.html'; //請換成您的URL | |
| URL += '&scope=openid https://graph.microsoft.com/user.read'; //請換成您要索取的權限 | |
| URL += '&response_mode=query'; | |
| URL += '&state=12345'; | |
| URL += '&nonce=678910'; | |
| window.location.href = URL; | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <button onclick="Auth();">點選這裡連結AAD 2.0 Login</button> | |
| </body> | |
| </html> |
gxzhjjnm2y-blip
commented
Nov 21, 2025
<title>智慧分帳計算機</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
/* 讓輸入欄位文字靠右對齊，符合金額輸入習慣 */
#totalBill {
text-align: right;
}
/* 隱藏 Chrome/Safari 的數字輸入框上下箭頭 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* 隱藏 Firefox 的數字輸入框上下箭頭 */
input[type=number] {
-moz-appearance: textfield;
}
</style>
<script>
// 設定 Tailwind CSS 配置，使用一個現代高對比配色
tailwind.config = {
theme: {
extend: {
colors: {
'primary': '#2563EB', // 藍色
'secondary': '#10B981', // 綠色
'background': '#F3F4F6', // 淺灰背景
'card-bg': '#FFFFFF', // 卡片背景
'dark-bg': '#1F2937', // 深色區塊背景
'dark-text': '#F3F4F6', // 深色區塊文字
}
}
}
}
</script>
<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