-
Star
(65)
You must be signed in to star a gist -
Fork
(101)
You must be signed in to fork a gist
-
-
Save isdaviddong/23cc140c1780828b44f79397f737b95e to your computer and use it in GitHub Desktop.
| <!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> |
yassineamine566-byte
commented
Dec 10, 2025










Bmw
/* 1. قسم المقدمة لـ BMW M5 (البارز) */
.m5-hero {
position: relative;
height: 100vh; /* يغطي الشاشة بالكامل */
background: url('https://via.placeholder.com/1920x1080/000000/FFFFFF?text=BMW+M5+NEW+MODEL+IMAGE') no-repeat center center/cover;
display: flex;
align-items: center;
justify-content: flex-end;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
padding-left: 5%;
}
.m5-content {
background: rgba(0, 0, 0, 0.6);
padding: 40px;
border-radius: 10px;
max-width: 500px;
margin-right: 5%;
border-right: 5px solid #007bff; /* لون أزرق BMW */
}
.m5-content h1 {
color: #ffffff;
font-size: 3em;
margin-bottom: 10px;
}
.m5-content p {
font-size: 1.2em;
color: #cccccc;
}
.btn-discover {
display: inline-block;
background-color: #007bff;
color: white;
padding: 12px 30px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
margin-top: 20px;
transition: background-color 0.3s;
}
.btn-discover:hover {
background-color: #0056b3;
}
/* 2. قسم سلسلة BMW (الفهرس) */
.series-section {
padding: 80px 5%;
text-align: center;
background-color: #111111;
}
.series-section h2 {
font-size: 2.5em;
color: #007bff;
margin-bottom: 50px;
}
.series-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
text-align: center;
}
.series-card {
background: #2a2a2a;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
transition: transform 0.3s, box-shadow 0.3s;
}
.series-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.7);
}
.series-card img {
width: 100%;
height: 180px;
object-fit: cover;
display: block;
}
.series-info {
padding: 20px;
}
.series-info h3 {
margin-top: 0;
color: #007bff;
font-size: 1.5em;
}
.series-info p {
color: #bbbbbb;
font-size: 0.9em;
}
</style>
<div class="m5-hero">
<div class="m5-content">
<h1>BMW M5 - القوة المطلقة</h1>
<p>شاهد الجيل الجديد من سيارة الصالون عالية الأداء. تكنولوجيا هجينة (Plug-in Hybrid) تجمع بين الفخامة والأداء الذي لا يُضاهى.</p>
<a href="#" class="btn-discover">اكتشف M5 الجديدة</a>
</div>
</div>
<div class="series-section">
<h2>اكتشف عائلات BMW</h2>
<div class="series-grid">
<div class="series-card">
<img src="https://via.placeholder.com/300x180/2980b9/FFFFFF?text=Series+1" alt="BMW Series 1">
<div class="series-info">
<h3>الفئة الأولى (1 Series)</h3>
<p>الأناقة الرياضية لحياة المدينة، بداية ممتازة لتجربة القيادة الديناميكية.</p>
</div>
</div>
<div class="series-card">
<img src="https://via.placeholder.com/300x180/3498db/FFFFFF?text=Series+3" alt="BMW Series 3">
<div class="series-info">
<h3>الفئة الثالثة (3 Series)</h3>
<p>المزيج المثالي بين الأداء، الراحة، والتصميم الكلاسيكي لسيارة الصالون.</p>
</div>
</div>
<div class="series-card">
<img src="https://via.placeholder.com/34495e/FFFFFF?text=Series+5" alt="BMW Series 5">
<div class="series-info">
<h3>الفئة الخامسة (5 Series)</h3>
<p>الأعمال والفخامة تلتقي في سيارة صالون تجمع بين التكنولوجيا المتقدمة والراحة القصوى.</p>
</div>
</div>
<div class="series-card">
<img src="https://via.placeholder.com/4a2977/FFFFFF?text=Series+7" alt="BMW Series 7">
<div class="series-info">
<h3>الفئة السابعة (7 Series)</h3>
<p>قمة الفخامة والابتكار. تجربة القيادة الأكثر تطوراً وراحة في سيارات الصالون الكبيرة.</p>
</div>
</div>
<div class="series-card">
<img src="https://via.placeholder.com/007bff/FFFFFF?text=BMW+X+Models" alt="BMW X Models">
<div class="series-info">
<h3>سلسلة X (SUV)</h3>
<p>القيادة في كل التضاريس. من X1 المدمجة إلى X7 الفاخرة.</p>
</div>
</div>
<div class="series-card">
<img src="https://via.placeholder.com/c0392b/FFFFFF?text=BMW+Z4" alt="BMW Z Models">
<div class="series-info">
<h3>سلسلة Z (Roadster)</h3>
<p>متعة القيادة الرياضية المكشوفة، تصميم جذاب وأداء يخطف الأنفاس.</p>
</div>
</div>
</div>
</div>
ظ…ط±طط¨ظ‹ط§ ط¨ظƒ ظپظٹ ظ…ظˆظ‚ط¹ معتصم م_S
ظ…ظˆظ‚ط¹ ظ…ط®طμطμ ظظ„ط £ ظ„ط¹ط§ط¨ ظˆط§ظ„ط¨ط±ظ…ط¬ط© - ط¨ظ†ط§ظ‡ معتصم M_S
ط§ظ„ط£ظ„ط¹ط§ط¨
ط¬ط±ط¨ ظ„ط¹ط¨ط© طھط®ظ…ظٹظ† ط§ظ„ط±ظ‚ظ… ط £ط¯ظ†ط§ظ‡!
طھطظ‚ظ‚ط§ظ„ط¨ط±ظ…ط¬ط©
ظ…ط«ط§ظ„ ظƒظˆط¯ بايثون:
print("Hello from Moatasem M_S!"),
&نسخ; 2023 معتصم م_س. ط¬ظ…ظٹط¹ ط§ظ„طظ‚ظˆظ‚ ظ…طظپظˆط¸ط©.
<script> let randomNumber = Math.floor(Math.random() * 100) + 1; دالة التحقق من التخمين() { let guess = document.getElementById('guess').value; let result = document.getElementById('result'); إذا كانت قيمة التخمين تساوي رقمًا عشوائيًا { result.textContent = "ظ…ظ…طھط§ط²! ط £ظ†طھ ظپط²طھ."; } else if (guess < randomNumber) { result.textContent = "ط £ط¹ظ„ظ‰!"; } آخر { result.textContent = "ط£ظ‚ظ„!"; } } </script>Carrosserie Pro
Peinture & réparation automobile
Accueil Services À propos ContactCarrosserie professionnelle
Qualité & confiance
Nos services
À propos
Nous sommes une carrosserie spécialisée dans la réparation et la peinture automobile. Travail propre, rapide et prix raisonnables.
Contact
📞 Téléphone : 06 00 00 00 00
📍 Adresse : Votre ville
Appeler maintenant
<title>AI Website - by Rafi</title> <style> body { font-family: Arial, Helvetica, sans-serif; background: linear-gradient(135deg, #1e3c72, #2a5298); min-height: 100vh; margin: 0; display: flex; align-items: center; justify-content: center; color: #fff; } .container { background: rgba(0,0,0,0.4); padding: 24px; border-radius: 16px; width: 100%; max-width: 420px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); } h1 { text-align: center; } textarea { width: 100%; height: 100px; border-radius: 10px; border: none; padding: 10px; } button { width: 100%; margin-top: 12px; padding: 10px; border: none; border-radius: 10px; background: #00c6ff; font-weight: bold; cursor: pointer; } .output { margin-top: 16px; background: rgba(255,255,255,0.1); padding: 12px; border-radius: 10px; min-height: 60px; } .watermark { position: fixed; bottom: 10px; right: 10px; font-size: 12px; opacity: 0.6; } </style>
AI Sungguhan
<textarea id="input" placeholder="Tulis pertanyaan kamu..."></textarea> Tanya AIINFORYS
Beyond Information • Beyond Limits
Home News Tech Education About <إنشاء تطبيق
// نظام ذكاء اصطناعي للتنبؤ بالأخطاء
class AIPredictor {
constructor() {
this.errorPatterns = [
{ pattern: 'network', probability: 0.15 },
{ pattern: 'timeout', probability: 0.08 },
{ pattern: 'data_validation', probability: 0.22 }
];
}
predictNextError() {
const rand = Math.random();
let cumulative = 0;
for (const error of this.errorPatterns) {
cumulative += error.probability;
if (rand < cumulative) {
return error.pattern;
}
}
return 'unknown';
}
suggestFix(errorType) {
const suggestions = {
network: 'تحقق من اتصال الإنترنت',
timeout: 'زاد مهلة الانتظار للخادم',
data_validation: 'تحقق من صحة البيانات المدخلة'
};
return suggestions[errorType] || 'أعد تشغيل التطبيق';
}
}
// نظام ذكاء اصطناعي لتحسين الأداء
class AIOptimizer {
optimizeResources() {
// محاكاة تحسين الموارد
const optimizations = [
'ضغط الصور بنسبة 40%',
'تفعيل التخزين المؤقت',
'تحسين استعلامات قاعدة البيانات'
];
return optimizations[Math.floor(Math.random() * optimizations.length)];
}
}
// استخدام الأنظمة الذكية
const aiPredictor = new AIPredictor();
const aiOptimizer = new AIOptimizer();
// أضف هذه الدالة للاختبار
function testAIFeatures() {
const predictedError = aiPredictor.predictNextError();
const suggestion = aiPredictor.suggestFix(predictedError);
const optimization = aiOptimizer.optimizeResources();
alert(التنبؤ بالخطأ: ${predictedError}\nالحل المقترح: ${suggestion}\nتحسين الأداء: ${optimization});
}
Hey You 💕
Some people make life brighter without even trying. Your smile, your presence, and your kindness mean a lot.
I don’t know what the future holds, but I do know that having you by my side would make everything feel more special.
Will you be mine?
<iframe src="https://www.youtube.com/embed?listType=search&list=lucky%20to%20lucky%20me%20song&autoplay=1&mute=1"> </iframe>📸 Kamera testi
Davom etish uchun kameraga ruxsat bering
Rasm olish
@Joni2013_bot
@Joni2013_bot
Joni
Bu hali ishlamayaoti yordam bera olasizmi
header {
background-color: #2c3e50;
color: white;
padding: 20px;
text-align: center;
}
.container {
width: 80%;
margin: auto;
overflow: hidden;
padding: 20px;
}
.hero {
background: #fff;
padding: 40px;
text-align: center;
border-bottom: 3px solid #3498db;
margin-bottom: 20px;
}
.services {
display: flex;
justify-content: space-around;
gap: 20px;
margin-top: 20px;
}
.service-box {
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
flex: 1;
text-align: center;
}
button {
background-color: #3498db;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
button:hover {
background-color: #2980b9;
}
footer {
text-align: center;
padding: 20px;
background: #2c3e50;
color: white;
position: fixed;
bottom: 0;
width: 100%;
}
</style>
<header>
<h1>مرحباً بكم في شركتنا</h1>
</header>
<div class="container">
<section class="hero">
<h2>نحن نصنع المستقبل الرقمي</h2>
<p>نقدم أفضل الحلول البرمجية والتقنية لتطوير أعمالكم وزيادة إنتاجيتكم.</p>
<button onclick="alert('شكراً لاهتمامك! سنتواصل معك قريباً.')">اطلب استشارة الآن</button>
</section>
<h3 style="text-align: center;">خدماتنا</h3>
<div [class="services">](url)
<div class="service-box">
<h4>تطوير المواقع</h4>
<p>بناء مواقع سريعة ومتوافقة مع جميع الأجهزة.</p>
</div>
<div class="service-box">
<h4>تطبيقات الجوال</h4>
<p>تصميم وتطوير تطبيقات أندرويد و آيفون.</p>
</div>
<div class="service-box">
<h4>الاستشارات التقنية</h4>
<p>نساعدك في اختيار التكنولوجيا المناسبة لمشروعك.</p>
</div>
</div>
</div>
<footer>
<p>جميع الحقوق محفوظة © 2024</p>
</footer>
nav {
background-color: #333;
padding: 10px;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
}
nav ul li {
margin: 0 15px;
}
nav ul li a {
color: white;
text-decoration: none;
font-size: 18px;
}
section {
padding: 20px;
margin: 20px;
background-color: white;
border-radius: 8px;
}
img {
width: 200px;
border-radius: 10px;
margin: 10px;
}
form input, form textarea {
width: 100%;
padding: 10px;
margin: 5px 0;
}
form button {
background-color: #333;
color: white;
padding: 10px;
border: none;
cursor: pointer;
}
</style>
مرحباً بكم في موقعي الشخصي
هذا الموقع يتحدث عن شخصية مؤثرة أعجبتني.
نبذة عن الشخصية
هذه الشخصية تُعد من الشخصيات المؤثرة بسبب إنجازاتها وأعمالها التي ساهمت في تطوير المجتمع وإلهام الآخرين.
الأعمال والإنجازات
- الإنجاز الأول
- الإنجاز الثاني
- الإنجاز الثالث
معرض الصور
تواصل معنا
الاسم: <label>البريد الإلكتروني:</label>
<input type="email" placeholder="اكتب بريدك الإلكتروني">
<label>الرسالة:</label>
<textarea rows="5" placeholder="اكتب رسالتك"></textarea>
<button type="submit">إرسال</button>
</form>
gym-website/
│── index.html
│── style.css
│── script.js
Grow Your Business With a Royal Touch 👑
We are a digital marketing agency specialized in paid advertising and content management, helping restaurants, fashion brands, and startups grow and achieve real results.
Book a Free Strategy Call Contact Us on WhatsAppWho We Are
At Royal Touch Agency, we believe every brand deserves to stand out. Our mission is to help businesses grow through smart advertising strategies and premium content.
Our Services
🔥 Paid Advertising
- Facebook & Instagram Ads
- TikTok Ads
- Lead Generation Campaigns
Goal: Increase sales, attract new customers, and maximize ROI.
<div class="card">
<h3>🎨 Content Management</h3>
<ul>
<li>Custom content strategy</li>
<li>Professional posts & reels</li>
<li>Monthly content calendar</li>
<li>Account management & engagement</li>
</ul>
<p><strong>Goal:</strong> Build a strong brand presence and loyal audience.</p>
</div>
</div>
About Us
Royal Touch Agency is a digital marketing agency focused on growing brands through social media.
We work with restaurants, fashion brands, and startups to help them scale using a powerful
combination of paid ads and high-quality content.
Vision: To become a trusted marketing partner for brands aiming for growth and excellence.
Mission: Turning brands into royal success stories.
Contact Us
Ready to grow your business?
📲 Contact us via WhatsApp
📧 Reach us by email
🌍 We work remotely – serving clients worldwide
Your Brand, Our Royal Touch ⭐
© 2025 Royal Touch Agency
zor chiqibdi
ha to'g'ri zo'r

































































