أكواد خصم عين للبصريات
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>الأكواد المتاحة حاليًا | عين للبصريات</title>
<style>
body {
font-family: 'Tajawal', sans-serif;
background-color: #f9f9f9;
margin: 0;
padding: 0;
direction: rtl;
}
header {
background-color: white;
color: black;
text-align: center;
padding: 40px 0 20px 0;
}
.title-box {
background-color: #e9f5ef;
color: #006b4e;
display: inline-block;
padding: 12px 24px;
border-radius: 8px;
font-size: 24px;
font-weight: bold;
box-shadow: 0 2px 8px rgba(0, 107, 78, 0.15);
}
.container {
max-width: 900px;
margin: 40px auto;
padding: 0 15px;
}
.coupon-box {
position: relative;
background: white;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
margin-bottom: 35px;
padding: 15px;
overflow: hidden;
}
.coupon-box img {
width: 100%;
border-radius: 10px;
margin-bottom: 10px;
transform: scale(1.1);
transition: transform 0.3s ease;
}
.coupon-box img:hover { transform: scale(1.13); }
.coupon-box p {
color: #000;
font-size: 18px;
line-height: 1.6;
}
.coupon-code {
background-color: #f2f2f2;
font-weight: bold;
font-size: 20px;
padding: 8px 14px;
border-radius: 6px;
display: inline-block;
margin-top: 10px;
}
.copy-btn {
background-color: #000;
color: white;
border: none;
padding: 8px 14px;
border-radius: 6px;
cursor: pointer;
font-size: 16px;
margin-right: 10px;
transition: 0.2s;
}
.copy-btn:hover { opacity: 0.8; }
/* الأشرطة */
.ribbon {
position: absolute;
top: 10px;
border-radius: 30px;
font-weight: bold;
font-size: 15px;
box-shadow: 0 2px 6px rgba(0,0,0,0.25);
z-index: 10;
color: #fff;
white-space: nowrap;
text-align: center;
}
/* لطلبك الأول */
.ribbon-try {
background: linear-gradient(45deg,#e74c3c,#c0392b);
left: 50%;
transform: translateX(-50%);
width: 160px; /* عرض ثابت */
height: 38px; /* ارتفاع الشريط */
line-height: 38px; /* تمركز النص عمودياً */
}
/* مميز */
.ribbon-crux {
background: linear-gradient(45deg,#f9d65d,#f6c343);
right: 20px;
color:#fff;
padding: 8px 20px;
}
/* تهيئة للجوال */
@media (max-width:600px){
.ribbon {
font-size: 12px;
}
.ribbon-try {
width: 140px;
height: 34px;
line-height: 34px;
}
.title-box {
font-size: 20px;
padding: 10px 18px;
}
.coupon-box p {
font-size: 16px;
}
}
</style>
</head>
<body>
الأكواد المتاحة حاليًا
<!-- TRY -->
<!-- eyenn10 -->
<!-- CRUX -->
btn.innerText="نسخ الكود",2000);
}
</body>
</html>
لطلبك الأول ️
<!-- eyen5 -->
تفضل هذا الكود [ TRY ] يخصم لك 50 ريال لطلبك الأول .. لمنتجاتنا (النظارات الطبية و الشمسية والحماية الزرقاء وعدسات النظارات للطلبات اعلى من 99 ريال).
TRY
<button class="copy-btn"TRY', this)">نسخ الكود</button>
هذا الكود [ eyen5 ] يخصم 5 ٪ للنظارات الشمسية والطبية وعدسات النظارات وعدسات لاصقة. لا يشمل المحاليل (متوقف مؤقتًا).
eyen5
<button class="copy-btn"eyen5', this)">نسخ الكود</button>
هذا الكود [ eyenn10 ] يخصم 10 ريال للنظارات الشمسية والطبية وعدسات النظارات وعدسات لاصقة. لا يشمل المحاليل (متوقف مؤقتًا).
eyenn10
<button class="copy-btn"eyenn10', this)">نسخ الكود</button>
⭐ مميز
إليك كود [ CRUX ] لنظارات كركس CRUX يخصم 25 ٪ للنظارات الشمسية والطبية عند استخدامك لهذا الكود.
CRUX
<button class="copy-btn"CRUX', this)">نسخ الكود</button>