<title> BMS اكتتاب</title>
<meta charset="UTF-8">
<meta name="vi wport" content="width=device-width, initial-scale=1.0">
<title>اكتتاب عملة BMS</title>
<link rel ="icon" href="blob:https://web.whatsapp.com/65968f30-99f9-423f-bf0b-83641ad3fc3e">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<link rel="stylesheet" href="styles.css">
</div>
<div class="content">
<img src="n.jpg" alt="شعار BMS" class="logo"><STYle>SIZE</STYle>
<BACKGROUND-IMAGE:URL('https://www.wallpapertip.com/wmimgs/1-19111_4k-abstract-wallpaper-4k-wallpaper-abstract.jpg');>
<h1>مرحـبًا بك في <span class="highlight">اكتتاب BMS</span></h1>
<p>استثمر الآن في العملة الرقمية الأكثر نموًا وأمانًا!</p>
<a href="#" class="btn">شراء الآن <i class="fas fa-coins"></i></a>
</div> </header><section class="hero">
<h2 class="title">انضم إلى مستقبل العملات الرقمية</h2>
BMS تفتح لك أبواب العالم الرقمي بتكنولوجيا غير مسبوقة بعملة
السعر الحالي: $0.015
<h1>Welcome to BMS Token</h1>
<p>
BMS Token is the next-generation cryptocurrency focused on decentralization and financial freedom.
Our platform is designed to integrate blockchain technology with innovative solutions in the digital finance space.
</p>
<h2>Lithium Batteries Project</h2>
<p>
Lithium batteries are a pioneering technological innovation that has revolutionized a wide range of applications...
</p>
<h2>Why Choose BMS?</h2>
<ul>
<li>🌟 Decentralized & Secure</li>
<li>⚡ Fast Transactions</li>
<li>💰 Low Fees & High ROI</li>
<li>🌍 Global Access & Utility</li>
</ul>
<h2>Start Investing Now</h2>
<p>Join the future of digital currency and be part of the revolution. Click below to start your investment.</p>
<a href="#" class="btn">Get Started</a>
</div>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lithium Batteries & BMS Project</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Poppins', sans-serif;
background-color: #121212;
color: #f1c217;
margin: 0;
padding: 0;
line-height: 1.8;
}
.container {
max-width: 1000px;
margin: 40px auto;
background: #1e1e1e;
padding: 30px;
box-shadow: 0 0 15px rgba(255, 140, 0, 0.3);
border-radius: 20px;
border-left: 5px solid #ff8c00;
}
.container {
background-color: #222;
padding: 40px;
border-radius: 15px;
width: 320px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
text-align: center;
display: flex;
flex-direction: column; /* ترتيب العناصر عموديًا */
justify-content: center;
}
h2 {
margin-bottom: 20px;
color: #ff8c00;
}
label {
font-size: 16px;
margin-bottom: 10px;
display: block;
}
input {
padding: 10px;
margin: 10px 0;
width: 100%;
border-radius: 8px;
border: 2px solid #ff8c00;
background-color: #333;
color: #fff;
font-size: 16px;
}
.total-price {
margin-top: 20px;
font-size: 18px;
color: #ff8c00;
}
button {
padding: 12px;
background-color: #ff8c00;
color: #111;
border: none;
width: 100%;
border-radius: 8px;
font-size: 18px;
cursor: pointer;
margin-top: 20px;
transition: background-color 0.3s ease;
}
button:hover {
background-color: #e07b00;
}
.footer {
margin-top: 30px;
font-size: 14px;
color: #ff6347;
}
</style>
<canvas id="bgCanvas"></canvas>
<div class="content">
<a href="#" class="btn">اكتتب الآن</a>
<div class="container">
<h2>للاشتراك في اكتتاب BMS</h2>
<label for="quantity">الكمية (BMS):</label>
<input type="number" id="quantity" placeholder="أدخل الكمية" min="1" />
<div class="total-price">
<p>السعر الإجمالي: <span id="totalPrice">0.0</span> USDT</p>
</div>
<button onclick="proceedToPayment()">اكتتاب</button>
<div class="footer">
<p> BMS coin = 0.015 USDT</p>
</div><script>
const pricePerToken = 0.015 // سعر العملة BMS بـ USDT
// تحديث السعر الإجمالي عند تغيير الكمية
document.getElementById('quantity').addEventListener('input', function() {
const quantity = this.value;
const totalPrice = (quantity * pricePerToken).toFixed(0); // حساب السعر الإجمالي
document.getElementById('totalPrice').textContent = totalPrice;
});
// التوجيه إلى صفحة طرق الدفع عند الضغط على "اكتتاب"
function proceedToPayment() {
const quantity = document.getElementById('quantity').value;
if (quantity > 0) {
const totalPrice = (quantity * pricePerToken).toFixed(0.0);
alert("إجمالي المبلغ: " + totalPrice + " USDT. سيتم تحويلك إلى صفحة الدفع.");
window.location.href = "payment-page.html"; // التوجيه إلى صفحة الدفع (تحتاج إلى صفحة حقيقية)
} else {
alert("من فضلك أدخل كمية صالحة.");
}
}
</script><!DOCTYPE html>
/* شريط التمرير */
.crypto-bar {
width: 100%;
overflow: hidden;
background-color: #111;
padding: 5px 0;
position: relative;
}
/* العناصر المتحركة */
.crypto-content {
display: flex;
align-items: center;
gap: 20px;
white-space: nowrap;
animation: scroll 15s linear infinite;
}
/* حركة سلسة */
@keyframes scroll {
0% { transform: translateX(100%); }
100% { transform: translateX(-100%); }
}
/* تنسيق كل عنصر */
.crypto-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 3px;
padding: 5px;
background-color: rgba(255, 140, 0, 0.1);
border-radius: 8px;
transition: transform 0.3s ease;
}
.crypto-item:hover {
transform: scale(1.1);
}
.crypto-item img {
width: 25px; /* حجم مصغر */
height: 25px;
border-radius: 50%;
}
.crypto-name {
font-size: 12px; /* حجم النص المصغر */
font-weight: bold;
color: #ff8c00;
}
</style>
<!-- شريط منصات العملات الرقمية -->
<div class="crypto-bar">
<div class="crypto-content">
<!-- Binance -->
<div class="crypto-item">
<img src="https://cryptologos.cc/logos/binance-coin-bnb-logo.png" alt="Binance">
<span class="crypto-name">Binance</span>
</div>
<!--coinbase -->
<div class="crypto-item">
<img src="ww.jpg" alt="--coinbase">
<span class="crypto-name">--coinbase</span>
</div>
<!-- BYBIT -->
<div class="crypto-item">
<img src="v.jpg" alt="BYBIT">
<span class="crypto-name">BAYBIT</span>
</div>
<!-- MEXC -->
<div class="crypto-item">
<img src="p.jpg" alt="MEXC">
<span class="crypto-name">MEXC</span>
</div>
<!-- KUCOIN -->
<div class="crypto-item">
<img src="r.jpg" alt="KUCOIN">
<span class="crypto-name">KUCOIN</span>
</div>
<!-- GATE.IO -->
<div class="crypto-item">
<img src="PP.jpg" alt="GATE.IO">
<span class="crypto-name"><GATE.IO</span>
</div>
<div class="crypto-item">
<img src="EE.jpg" alt="MEXC">
</style>
</head>
<body>
</html>
</div>
</style>
<body>
</div>
</div>
<script src="script.js"></script>
</body>
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مميزات BMS</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<style>
body {
font-family: 'Poppins', sans-serif;
background-color: #121212;
color: #fff;
margin: 0;
padding: 0;
text-align: center;
}
.features {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
padding: 10px;
flex-wrap: wrap;
}
.feature {
background: #1e1e1e;
padding: 20px;
width: 200px;
border-radius: 3%;
box-shadow: 0 0 010px rgba(200, 140, 0, 0.3);
text-align: center;
transition: transform 0.2s, box-shadow 0.0s;
border-top: 2px solid #ff8c00;
}
.feature:hover {
transform: translateY(-15px);
box-shadow: 0 0 20px rgba(255, 140, 0, 0.6);
}
.feature i {
font-size: 40px;
color: #ff8c00;
margin-bottom: 5px;
}
.feature h3 {
font-size: 22px;
color: #ff8c00;
margin-bottom: 0%;
}
.feature p {
font-size: 20px;
color: #ddd;
}
</style>
</head>
<body>
</html></STYle>
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>طرق الدفع - BMS</title>
<link rel="stylesheet" href="styles.css">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
</head>
<body>
</div>
body {
font-family: 'Orbitron', sans-serif;
background: #000;
color: white;
text-align: center;
margin: 0;
padding: 0;
}
.subscription-container {
width: 10%;
margin: 10% auto;
padding: 20px;
background: rgba(0, 255, 255, 0.1);
border: 2px solid #0ff;
border-radius: 15px;
box-shadow: 0 0 20px #0ff;
}
h2 {
font-size: 2em;
text-shadow: 0 0 20px #0ff, 0 0 40px #00f;
}
h2 span {
color: #ff0;
}
.input-group {
margin: 20px 0;
}
label {
font-size: 1.2em;
}
input[type="number"], input[type="range"] {
width: 80%;
padding: 10px;
margin-top: 10px;
font-size: 1.2em;
text-align: center;
border: 2px solid #0ff;
background: #111;
color: #0ff;
border-radius: 5px;
box-shadow: 0 0 10px #0ff;
}
p {
font-size: 1.5em;
text-shadow: 0 0 15px #0ff;
}
.buy-btn {
background: #0ff;
color: #000;
padding: 15px 30px;
font-size: 1.2em;
border: none;
cursor: pointer;
border-radius: 5px;
transition: 0.3s;
box-shadow: 0 0 20px #0ff;
}
.buy-btn:hover {
background: #ff0;
color: #000;
box-shadow: 0 0 30px #ff0, 0 0 60px #0ff;
}
.payment-options {
display: none;
margin-top: 20px;
}
.payment-options h3 {
font-size: 1.5em;
color: #0ff;
text-shadow: 0 0 10px #0ff;
}
.icons {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
margin-top: 20px;
}
.icon-box {
background: rgba(0, 255, 255, 0.1);
border: 2px solid #0ff;
padding: 15px;
border-radius: 10px;
width: 100px;
text-align: center;
transition: 0.3s;
box-shadow: 0 0 15px rgb(242, 211, 11);
text-decoration: none;
color: white;
}
.icon-box img {
width: 50px;
height: 50px;
transition: 0.1s;
}
.icon-box p {
margin-top: 10px;
font-size: 1.1em;
text-shadow: 0 0 10px #0ff;
}
.icon-box:hover {
background: #0ff;
color: #000;
transform: scale(1.1);
box-shadow: 0 0 30px #0ff, 0 0 60px #00f;
}
.icon-box:hover img {
transform: rotate(15deg);
}
body { font-family: 'Orbitron', sans-serif; background: #000; color: white; text-align: center; margin: 0; padding: 0; }
.subscription-container { width: 20%; margin: 1000% auto; padding: 20px; background: rgba(0, 255, 255, 0.1); border: 2px solid #0ff; border-radius: 15px; box-shadow: 0 0 20px #0ff; }
h2 { font-size: 2em; text-shadow: 0 0 20px #0ff, 0 0 40px #00f; }
h2 span { color: #ff0; }
.input-group { margin: 20px 0; }
label { font-size: 1.2em; }
input[type="number"], input[type="range"] { width: 80%; padding: 10px; margin-top: 10px; font-size: 1.2em; text-align: center; border: 2px solid #0ff; background: #111; color: #0ff; border-radius: 5px; box-shadow: 0 0 10px #0ff; }
p { font-size: 1.5em; text-shadow: 0 0 15px #0ff; }
.buy-btn { background: #0ff; color: #000; padding: 15px 30px; font-size: 1.2em; border: none; cursor: pointer; border-radius: 5px; transition: 0.3s; box-shadow: 0 0 20px #0ff; }
.buy-btn:hover { background: #ff0; color: #000; box-shadow: 0 0 30px #ff0, 0 0 60px #0ff; }
.payment-options { display: none; margin-top: 20px; }
.payment-options h3 { font-size: 1.5em; color: #0ff; text-shadow: 0 0 10px #0ff; }
.icons { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-top: 20px; }
.icon-box { background: rgba(0, 255, 255, 0.1); border: 2px solid #0ff; padding: 15px; border-radius: 10px; width: 100px; text-align: center; transition: 0.3s; box-shadow: 0 0 15px #0ff; text-decoration: none; color: white; }
.icon-box img { width: 50px; height: 50px; transition: 0.3s; }
.icon-box p { margin-top: 10px; font-size: 1.1em; text-shadow: 0 0 10px #0ff; }
.icon-box:hover { background: #0ff; color: #000; transform: scale(1.1); box-shadow: 0 0 30px #0ff, 0 0 60px #00f; }
.icon-box:hover img { transform: rotate(15deg); }
<style> .animated-bg { width: 100%; height: 800px; background: linear-gradient(-45deg, #ff8c00, #1e1e1e, #292929, #ff8c00); background-size: 400% 400%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: rgb(243, 239, 6); animation: moveBg 6s infinite linear; } @keyframes moveBg { 0% { background-position: 0% 0%; } 50% { background-position: 5% 50%; } 100% { background-position: 0% 50%; } } </style> <title>BMS Crypto</title> <title>اكتتاب عملة BMS</title></section>
}
/* الشريط الجانبي */
.sidebar {
width: 250px;
height: 100vh; /* ليغطي الشاشة بالكامل */
background: linear-gradient(135deg, #007bff, #6610f2);
padding: 20px;
color: white;
box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2);
position: fixed;
left: 0;
top: 0;
}
.sidebar h2 {
font-size: 20px;
text-align: center;
}
.sidebar ul {
list-style: none;
padding: 0;
}
.sidebar ul li {
margin: 15px 0;
}
.sidebar ul li a {
display: block;
text-decoration: none;
color: white;
font-weight: bold;
padding: 10px;
border-radius: 5px;
transition: background 0.3s, transform 0.2s;
}
.sidebar ul li a:hover {
background: rgba(255, 255, 255, 0.2);
transform: translateX(5px);
}
</style>
<!-- محتوى الصفحة -->
<div class="container">
<div class="main-content">
<h1>BMS </h1>
<p>اكتتاب مفتوح الآن لعام 2025! استثمر في العملة الرقمية القادمة بقوة.</p>
</div>
<!-- المقالة الجانبية -->
<h2>مستقبل عملة BMS</h2>
<img src="AS.jpg" alt="مستقبل العملات الرقمية">
<p>
تشهد العملات الرقمية تطورًا سريعًا، حيث أصبحت جزءًا أساسيًا من مستقبل الاقتصاد الرقمي.
تتميز عملة <strong>BMS</strong> بأمانها وسرعتها، مما يجعلها استثمارًا واعدًا لعام 2025.
</style>
</aside>
</div>
</div><style> </style>
<!-- فوتر -->
<div class="footer">
</div>
</body>
</html>
انضم الآن إلى عالم العملات الرقمية والطاقة المتجددة.
<title>أيقونة الرئيسية</title> <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script> <style> /* ضبط الصفحة بالكامل */ * { margin: 100; padding: 0; box-sizing: border-box; font-family: Arial, sans-serif; } /* أيقونة الرئيسية بجانب الشاشة */
.home-icon {
position: fixed;
top: 5%;
right: 10px; /* يمكن تغييره إلى left: 10px لوضعه على اليسار */
transform: translateY(-50%);
background: #ff6600;
color: white;
padding: 10px 15px;
border-radius: 25px;
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
transition: 0.3s;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
.home-icon i {
font-size: 20px;
}
.home-icon:hover {
background: #ff4500;
transform: translateY(-50%) scale(1.1);
}
/* تحديد موقع النص بجانب الأيقونة */
.home-icon::after {
content: attr(title);
position: absolute;
top: 1000%;
right: 60px;
transform: translateY(-50%);
background: #ff6600;
color: white;
padding: 5px 10px;
border-radius: 5px;
font-size: 14px;
font-weight: normal;
opacity: 0;
transition: 0.3s;
pointer-events: none;
}
</style>
<!-- أيقونة الرئيسية بجانب الشاشة -->
<a href="#" class="home-icon">
<i class="fas fa-home"></i> الرئيسية
</a>
<style>
body {
background-image: url('nnnn.jpg'); /* ضع رابط الصورة هنا */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;عت
height: 100vh; /* يضمن أن الخلفية تغطي الشاشة */
margin: 0; /* إزالة الهوامش لضمان الامتداد الكامل */
<STYle>@import url('https://fonts.google.com/specimen/Noto+Serif');
body {
font-family: 'Orbitron', sans-serif;
background: #000;
color: white;
text-align: center;
margin: 0;
padding: 0;
z-index: 999;
}
.payment-container {
margin-top: 10px;
padding: 0%
align-items: center;
h2 {
font-size: 2em;
color: #0ff;
text-shadow: 0 0 20px #0ff, 0 0 40px #00f;
}
h2 span {
color: #ff0;
}
.icons {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
margin-top: 20px;
}
.icon-box {
background: rgba(0, 255, 200, 0.1);
border: 2px solid #0ff;
padding: 20px;
border-radius: 10px;
width: 120px;
text-align: center;
transition: 0.3s;
box-shadow: 0 0 15px #0ff;
}
.icon-box img {
width: 40px;
height: 50px;
transition: 0.1s;
}
.icon-box p {
margin-top: 5px;
font-size: 1.1em;
text-shadow: 0 0 10px rgb(215, 254, 253);
}
.icon-box:hover {
background: rgb(99, 241, 241);
color: #000;
transform: scale(1.1);
box-shadow: 0 0 10px #0ff, 0 0 60px #00f;
}
.icon-box:hover img {
transform: rotate(15deg);
}</STYle><!DOCTYPE html>




