<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta viewport="width=device-width, initial-scale=1.0">
<title>Red Glow Image</title>
<style>
body {
margin: 0;
padding: 0;
}
.full-img {
width: 100%;
display: block;
}
.full-img img {
width: 100%;
display: block;
}
/* الشادو الأحمر تحت الصورة */
.red-shadow {
width: 100%;
height: 12px;
background: red;
border-radius: 0 0 90px 90px;
box-shadow: 0 0 10px red, 0 0 25px red, 0 0 40px red;
animation: glow 1.5s infinite alternate;
}
@keyframes glow {
from {
box-shadow: 0 0 5px red;
}
to {
box-shadow: 0 0 35px red, 0 0 70px red;
}
}
</style>
</head>
<body>
<div class="full-img">
<img src="" alt="">
<div class="red-shadow"></div>
</div>
<script>
// مش محتاج JavaScript هنا، بس ضيفته فاضي زي ما طلبت
console.log("Red glow image loaded!");
</script>
</body>
</html>
<img src="" alt style="
width: 350px;border-radius: 15px;
" />
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Reusable Popup</title>
<style>
body {
font-family: sans-serif;
}
.btn {
padding: 12px 20px;
background-color: #ffffff;
color: #000;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 16px;
margin-top: 10px;
margin-right: 110px;
}
.popup-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.6);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
}
.popup-box {
background: #fff;
padding: 20px;
width: 90%;
max-width: 400px;
border-radius: 12px;
position: relative;
animation: fadeIn 0.3s ease;
}
.close-btn {
position: absolute;
top: 10px;
right: 15px;
font-size: 24px;
cursor: pointer;
}
@keyframes fadeIn {
from { opacity: 0; transform: scale(0.9); }
to { opacity: 1; transform: scale(1); }
}
</style>
</head>
<body>
<div class="service">
<button class="btn open-popup">الامتيازات</button>
<div class="popup-overlay">
<div class="popup-box">
<span class="close-btn">×</span>
<h2 style="text-align: left;">امتيازات العضوية الحمراء</h2>
<p style="text-align: left;">حجم الطوبة: 10*20 سم -</p>
<p style="text-align: left;">نص على الحائط: سطر واحد بكلمتين -</p>
<p style="text-align: left;">صندوق الترحيب يشمل: درع، شهادة -</p>
</div>
</div>
</div>
<script>
document.addEventListener("click", function(e) {
if (e.target.classList.contains("open-popup")) {
const serviceBox = e.target.closest(".service");
serviceBox.querySelector(".popup-overlay").style.display = "flex";
}
});
document.addEventListener("click", function(e) {
if (e.target.classList.contains("close-btn")) {
const popup = e.target.closest(".popup-overlay");
popup.style.display = "none";
}
});
document.addEventListener("click", function(e) {
if (e.target.classList.contains("popup-overlay")) {
e.target.style.display = "none";
}
});
</script>
</body>
</html>
</br>
<li><a href="https://dream2000.com/ar/red-eternity-shield-immortalize-your-name.html" class="button outline small" style="margin-right: 90px;color: aliceblue;border-radius: 10px;">تسوق الآن</a></li>
<img src="" alt style="
width: 350px;border-radius: 15px;
" />
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Reusable Popup</title>
<style>
body {
font-family: sans-serif;
}
.btn {
padding: 12px 20px;
background-color: #ffffff;
color: #000;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 16px;
margin-top: 10px;
margin-right: 110px;
}
.popup-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.6);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
}
.popup-box {
background: #fff;
padding: 20px;
width: 90%;
max-width: 400px;
border-radius: 12px;
position: relative;
animation: fadeIn 0.3s ease;
}
.close-btn {
position: absolute;
top: 10px;
right: 15px;
font-size: 24px;
cursor: pointer;
}
@keyframes fadeIn {
from { opacity: 0; transform: scale(0.9); }
to { opacity: 1; transform: scale(1); }
}
</style>
</head>
<body>
<div class="service">
<button class="btn open-popup">الامتيازات</button>
<div class="popup-overlay">
<div class="popup-box">
<span class="close-btn">×</span>
<h2 style="text-align: left;">امتيازات العضوية الفضية</h2>
<p style="text-align: left;">حجم الطوبة: 10*20 سم -</p>
<p style="text-align: left;">نص على الحائط: سطر واحد بكلمتين -</p>
<p style="text-align: left;">صندوق الترحيب يشمل: درع، شهادة -</p>
<p style="text-align: left;">خصم تذكرة موسمية: 10% على تذكرة واحدة -</p>
<p style="text-align: left;">دخول مبكر (المباريات/الحفلات): قبل يوم واحد -</p>
<p style="text-align: left;">دعوة مجانية للمتحف: مرة واحدة -</p>
<p style="text-align: left;">زيارة حصة تدريبية: مرة واحدة -</p>
<p style="text-align: left;">جلسة تصوير مع الكأس: مرة واحدة في السنة -</p>
<p style="text-align: left;">دعوة لجولة في الاستاد: مرة واحدة في السنة -</p>
<p style="text-align: left;">خصم المتجر الرسمي: 10% خصم -</p>
</div>
</div>
</div>
<script>
document.addEventListener("click", function(e) {
if (e.target.classList.contains("open-popup")) {
const serviceBox = e.target.closest(".service");
serviceBox.querySelector(".popup-overlay").style.display = "flex";
}
});
document.addEventListener("click", function(e) {
if (e.target.classList.contains("close-btn")) {
const popup = e.target.closest(".popup-overlay");
popup.style.display = "none";
}
});
document.addEventListener("click", function(e) {
if (e.target.classList.contains("popup-overlay")) {
e.target.style.display = "none";
}
});
</script>
</body>
</html>
</br>
<li><a href="https://dream2000.com/ar/silver-eternity-shield-immortalize-your-name.html" class="button outline small" style="margin-right: 90px;color: aliceblue;border-radius: 10px;">تسوق الآن</a></li>
<img src="" alt style="
width: 350px;border-radius: 15px;
" />
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Reusable Popup</title>
<style>
body {
font-family: sans-serif;
}
.btn {
padding: 12px 20px;
background-color: #ffffff;
color: #000;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 16px;
margin-top: 10px;
margin-right: 110px;
}
.popup-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.6);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
}
.popup-box {
background: #fff;
padding: 20px;
width: 90%;
max-width: 400px;
border-radius: 12px;
position: relative;
animation: fadeIn 0.3s ease;
}
.close-btn {
position: absolute;
top: 10px;
right: 15px;
font-size: 24px;
cursor: pointer;
}
@keyframes fadeIn {
from { opacity: 0; transform: scale(0.9); }
to { opacity: 1; transform: scale(1); }
}
</style>
</head>
<body>
<div class="service">
<button class="btn open-popup">الفوائد</button>
<div class="popup-overlay">
<div class="popup-box">
<span class="close-btn">×</span>
<h2 style="text-align: left;">الفوائد الذهبية</h2>
<p style="text-align: left;">حجم الطوبة: 20*20 سم -</p>
<p style="text-align: left;">نص على الجدار: سطرين، كلمتان/سطر -</p>
<p style="text-align: left;">صندوق الترحيب يشمل: درع وشهادة -</p>
<p style="text-align: left;">خصم تذكرة الموسم: 15% خصم على تذكرة واحدة -</p>
<p style="text-align: left;">دخول مبكر (المباريات/الحفلات): قبل يومين -</p>
<p style="text-align: left;">دعوة مجانية للمتحف: 3 دعوات -</p>
<p style="text-align: left;">زيارة حصة تدريبية: 3 دعوات -</p>
<p style="text-align: left;">موقف سيارات مجاني (يوم المباراة): نعم -</p>
<p style="text-align: left;">موقف سيارات مجاني (أيام غير المباراة): نعم -</p>
<p style="text-align: left;">جلسة تصوير مع اللاعبين: مرة واحدة سنوياً -</p>
<p style="text-align: left;">جلسة تصوير مع الكأس: 2 -</p>
<p style="text-align: left;">تقديم لاعبين جدد: كأسان للاعبين/سنة -</p>
<p style="text-align: left;">حدث نهاية الموسم: مرتان -</p>
<p style="text-align: left;">دعوة لجولة في الملعب: 2 سنوياً -</p>
<p style="text-align: left;">خصم المتجر الرسمي: 15% خصم -</p>
</div>
</div>>
</div>
<script>
document.addEventListener("click", function(e) {
if (e.target.classList.contains("open-popup")) {
const serviceBox = e.target.closest(".service");
serviceBox.querySelector(".popup-overlay").style.display = "flex";
}
});
document.addEventListener("click", function(e) {
if (e.target.classList.contains("close-btn")) {
const popup = e.target.closest(".popup-overlay");
popup.style.display = "none";
}
});
document.addEventListener("click", function(e) {
if (e.target.classList.contains("popup-overlay")) {
e.target.style.display = "none";
}
});
</script>
</body>
</html>
</br>
<li><a href="https://dream2000.com/ar/gold-eternity-shield-immortalize-your-name.html" class="button outline small" style="margin-right: 90px;color: aliceblue;border-radius: 10px;">تسوق الآن</a></li>
<video autoplay muted loop playsinline style="
width: 100%;
height: 400px;
object-fit: cover;
display: block;
">
<source src="https://www.elqalaaelhamraa.com/cdn/shop/videos/c/vp/75d22f4044b44c90be93ceb5dbdd0f47/75d22f4044b44c90be93ceb5dbdd0f47.HD-1080p-7.2Mbps-42637538.mp4?v=0" type="video/mp4">
</video>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع سيتي ستارز - مدينة نصر</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">الدور الاول بوابه 4 بجوار فودافون</span></strong></span></p>
<li><a href="https://maps.app.goo.gl/Pch7FRcaTzs1iCLt6" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع الكوربة - مصر الجديدة</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">10 شارع ابراهيم امام ارابياتا </span></strong></span></p>
<li><a href="https://maps.app.goo.gl/eP3ZMPRnq4iUyDDG7" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع اربيلا مول - التجمع الثالث</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">مدخل 8 بجوار مطعم Bonni Caffe </span></strong></span></p>
<li><a href="https://maps.app.goo.gl/T6Y8NqVRpf3u9TCb8" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع الفيوم</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">مول سيتي بلازا</span></strong></span></p>
<li><a href="https://maps.app.goo.gl/7XP1wHWS8GgnBdtM9" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع مدينتي - التجمع الخامس</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">اوبين اير مول بجوار Rnscinemas</span></strong></span></p>
<li><a href="https://maps.app.goo.gl/zSFEPvBP8YvjuGtf8" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع السراى مول - حدائق القبة</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;"> حدائق القبة شارع ولى العهد </span></strong></span></p>
<li><a href="https://maps.app.goo.gl/ndggeoDyvBaEtugs8" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع ميامي - الاسكندرية</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">57 شارع جمال عبدالناصر </span></strong></span></p>
<li><a href="https://maps.app.goo.gl/x2L5bsnWFSZhZZd87" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع سوهاج</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">65 شارع 15 بجوار تاون تيم</span></strong></span></p>
<li><a href="https://maps.app.goo.gl/4byX4fqeB8meZyxL6" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع مول العرب - الجيزة</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">بوابة 23 وحدة رقم G-278</span></strong></span></p>
<li><a href="https://maps.app.goo.gl/xown1niAoW5ArhT69" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع منتزه الطاهرة - حدائق القبة</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">الطاهرة بجوار سنترال سراي القبة</span></strong></span></p>
<li><a href="https://maps.app.goo.gl/ujBGdgVw99uqhZBB8" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع جليم - الإسكندرية</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">مصطفى فهمي أمام بنك أبوظبي</span></strong></span></p>
<li><a href="https://maps.app.goo.gl/2cdff6nZYhciGGHR7" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع قنا</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">ميدان المحطة عمارة الأوقاف</span></strong></span></p>
<li><a href="https://maps.app.goo.gl/9hfsc9v4U65aCykk9" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع مول مصر - الجيزة</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">الدور الثاني بوابة C2</span></strong></span></p>
<li><a href="https://maps.app.goo.gl/7HHQRBQvz5tGPwv36" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع هاب 50 - زهراء المعادى</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">زهراء المعادى شارع الخمسين</span></strong></span></p>
<li><a href="https://maps.app.goo.gl/EcpTGiUj4DPr3wke8" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع جرين بلازا - الإسكندرية</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">جرين بلازا شارع النصر</span></strong></span></p>
<li><a href="https://maps.app.goo.gl/q47FrzDPccompQUx7" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع بنها</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">المركز التجاري أبراج النيل فيو</span></strong></span></p>
<li><a href="https://maps.app.goo.gl/MNM6WShqBvPyuHBTA" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع شهاب - الجيزة</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">3 شارع شهاب أمام مطعم جاد</span></strong></span></p>
<li><a href="https://maps.app.goo.gl/8XbBer7DVWRdSegD7" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع سموحة - الاسكندرية</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;"> 23 شارع فوزي معاذ برج العروبه </span></strong></span></p>
<li><a href="https://maps.app.goo.gl/q2hyjEJ4r5wWSCcs6" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع داندي مول - الجيزة</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;"> طريق اسكندريه الصحراوي </span></strong></span></p>
<li><a href="https://maps.app.goo.gl/S45xuZzkxJFqNSf4A" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع الأقصر</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;"> شارع التلفزيون بجوار كريزي تويز </span></strong></span></p>
<li><a href="https://maps.app.goo.gl/WxaoaJRgYbKSjf137" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع 6 أكتوبر - الجيزة</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;">ساحة الحصري أمام مسجد الحصري</span></strong></span></p>
<li><a href="https://maps.app.goo.gl/xhXqzwPKQf1DtZUD8" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع سان ستيفانو - الاسكندرية</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;"> سان ستيفانو الدور الأخير </span></strong></span></p>
<li><a href="https://maps.app.goo.gl/KVU2rPXUtT7tKFRZ9" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع الزقازيق</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;"> شارع طلبه عويضه بجوار المصرية </span></strong></span></p>
<li><a href="https://maps.app.goo.gl/abnGA6UCgCjveQ5FA" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>
<p id="Y0CI106" style="text-align: center;"><span style="font-size: 18px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-left: 25px;">فرع الغردقة</span></strong></span></p>
<div class="red-glow-line"></div>
<style>
.red-glow-line {
width: 93%;
height: 4px;
background: red;
box-shadow: 0 0 10px red;
animation: pulse 1.5s infinite ease-in-out;
border-radius: 4px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
50% {
box-shadow: 0 0 100px red;
opacity: 1;
}
100% {
box-shadow: 0 0 5px red;
opacity: 0.8;
}
}
</style>
<img src="" alt style="
width: 280px;
border-end-end-radius: 50px;
" />
<p id="Y0CI106" style="text-align: center;margin-left: 45px;"><span style="font-size: 16px;"><strong><span style="color: #ffffff;font-family: 'Cairo';padding-right: 8px;"> شارع النصر امام جو باص </span></strong></span></p>
<li><a href="https://maps.app.goo.gl/cvtxufTB7jcosZEb8" class="button simple small" style="
margin-right: 60px;
border-radius: 5px;
">الموقع</a></li>