Categories
Store locator
Dream2000 Test2
<style>
.section-wrapper {
position: relative;
padding-top: 30px;
margin: 50px auto;
max-width: 1250px;
}
.main-section-title {
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
background-color: #000;
color: #fff;
padding: 10px 30px;
border-radius: 50px;
font-family: 'Cairo', sans-serif;
font-size: 20px;
z-index: 10;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
white-space: nowrap;
}
.magento-cat-container {
background-color: #f2f2f2;
padding: 50px 20px 30px 20px;
border-radius: 20px;
direction: rtl;
position: relative;
}
.magento-cat-grid {
display: flex;
gap: 15px;
justify-content: center;
flex-wrap: nowrap;
}
.magento-cat-item {
flex: 1;
display: flex;
flex-direction: column;
text-decoration: none;
transition: transform 0.3s ease;
border-radius: 20px;
overflow: hidden;
}
.magento-cat-item:hover {
transform: scale(1.03);
}
.magento-cat-img-box {
width: 100%;
line-height: 0;
}
.magento-cat-img-box img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.magento-cat-label {
background-color: #000000;
color: #ffffff;
text-align: center;
padding: 15px 5px;
font-family: 'Cairo', sans-serif;
font-size: 14px;
}
@media (max-width: 1024px) {
.magento-cat-grid { flex-wrap: wrap; }
.magento-cat-item { flex: 0 0 calc(33.33% - 15px); }
.main-section-title { font-size: 18px; top: 15px; }
}
@media (max-width: 600px) {
.magento-cat-item { flex: 0 0 calc(50% - 15px); }
.magento-cat-container { border-radius: 15px; padding: 40px 15px 15px 15px; }
.main-section-title { font-size: 16px; padding: 8px 20px; }
}
</style>
<div class="section-wrapper">
<div class="main-section-title">أقسام جديدة</div>
<div class="magento-cat-container">
<div class="magento-cat-grid">
<a href="https://dream2000.com/corporate/handheld-fan.html" class="magento-cat-item">
<div class="magento-cat-img-box">
<img src="" alt="مراوح يد" />
</div>
<div class="magento-cat-label">مراوح يد</div>
</a>
<a href="https://dream2000.com/corporate/smart-door-accessories/door-viewer.html" class="magento-cat-item">
<div class="magento-cat-img-box">
<img src="" alt="جرس باب ذكى" />
</div>
<div class="magento-cat-label">جرس باب ذكى</div>
</a>
<a href="https://dream2000.com/corporate/instant-cameras.html" class="magento-cat-item">
<div class="magento-cat-img-box">
<img src="" alt="كاميرات فورية" />
</div>
<div class="magento-cat-label">كاميرات فورية</div>
</a>
<a href="https://dream2000.com/corporate/smart-tag.html" class="magento-cat-item">
<div class="magento-cat-img-box">
<img src="" alt="سمارت تاج" />
</div>
<div class="magento-cat-label">سمارت تاج</div>
</a>
<a href="https://dream2000.com/corporate/sound-system.html" class="magento-cat-item">
<div class="magento-cat-img-box">
<img src="" alt="أنظمة صوت" />
</div>
<div class="magento-cat-label">أنظمة صوت</div>
</a>
<a href="https://dream2000.com/corporate/smart-door-accessories/intercom.html" class="magento-cat-item">
<div class="magento-cat-img-box">
<img src="" alt="قفل باب ذكى" />
</div>
<div class="magento-cat-label">قفل باب ذكى</div>
</a>
<a href="https://dream2000.com/corporate/landline-telephone.html" class="magento-cat-item">
<div class="magento-cat-img-box">
<img src="" alt="تليفونات أرضى" />
</div>
<div class="magento-cat-label">تليفونات أرضى</div>
</a>
</div>
</div>
</div>
<div class="brand-search-wrapper">
<input type="text" id="brandSearchInput" placeholder="ابحث عن براند (مثلاً: Apple)..." onkeyup="filterBrands()">
</div>
<div class="brands-grid-container" id="brandsGrid">
<a href="https://dream2000.com/catalogsearch/result/?q=*&brands=6308" class="brand-card" data-name="samsung سامسونج">
<div class="brand-logo-box">
<img src="https://r2media.horizondm.com/wysiwyg/smartwave/homepage/PRODUCTS/OTHER/Samsung.jpg" alt="Samsung">
</div>
<div class="brand-name-footer">
<span>SAMSUNG</span>
</div>
</a>
<a href="https://dream2000.com/catalogsearch/result/?q=*&brands=ID_HERE" class="brand-card" data-name="apple ابل">
<div class="brand-logo-box">
<img src="https://r2media.horizondm.com/wysiwyg/smartwave/homepage/PRODUCTS/OTHER/Apple.jpg" alt="Apple">
</div>
<div class="brand-name-footer">
<span>APPLE</span>
</div>
</a>
<a href="https://dream2000.com/catalogsearch/result/?q=*&brands=ID_HERE" class="brand-card" data-name="oppo اوبو">
<div class="brand-logo-box">
<img src="https://r2media.horizondm.com/wysiwyg/smartwave/homepage/PRODUCTS/OTHER/OPPO.jpg" alt="Oppo">
</div>
<div class="brand-name-footer">
<span>OPPO</span>
</div>
</a>
<a href="https://dream2000.com/catalogsearch/result/?q=*&brands=ID_HERE" class="brand-card" data-name="honor هونر">
<div class="brand-logo-box">
<img src="https://r2media.horizondm.com/wysiwyg/smartwave/homepage/PRODUCTS/OTHER/Honor-Logo.jpg" alt="Honor">
</div>
<div class="brand-name-footer">
<span>HONOR</span>
</div>
</a>
<a href="https://dream2000.com/catalogsearch/result/?q=*&brands=ID_HERE" class="brand-card" data-name="huwawei هواوى">
<div class="brand-logo-box">
<img src="https://r2media.horizondm.com/wysiwyg/smartwave/homepage/PRODUCTS/OTHER/Huwawei.jpg" alt="huwawei">
</div>
<div class="brand-name-footer">
<span>HUWAWEI</span>
</div>
</a>
<a href="https://dream2000.com/catalogsearch/result/?q=*&brands=ID_HERE" class="brand-card" data-name="xiaomi شاومى">
<div class="brand-logo-box">
<img src="https://r2media.horizondm.com/wysiwyg/smartwave/homepage/PRODUCTS/OTHER/Xiaomi.jpg" alt="Xiaomi">
</div>
<div class="brand-name-footer">
<span>XIAOMI</span>
</div>
</a>
<a href="https://dream2000.com/catalogsearch/result/?q=*&brands=ID_HERE" class="brand-card" data-name="vivo فيفو">
<div class="brand-logo-box">
<img src="https://r2media.horizondm.com/catalog/category/Vivo_1_2.png" alt="Vivo">
</div>
<div class="brand-name-footer">
<span>VIVO</span>
</div>
</a>
<a href="https://dream2000.com/catalogsearch/result/?q=*&brands=ID_HERE" class="brand-card" data-name="Realme ريلمى">
<div class="brand-logo-box">
<img src="https://r2media.horizondm.com/catalog/category/Realme_1_4.png" alt="Realme">
</div>
<div class="brand-name-footer">
<span>REALME</span>
</div>
</a>
<a href="https://dream2000.com/catalogsearch/result/?q=*&brands=ID_HERE" class="brand-card" data-name="Nokia نوكيا">
<div class="brand-logo-box">
<img src="https://r2media.horizondm.com/catalog/category/Nokia_3.png" alt="Nokia">
</div>
<div class="brand-name-footer">
<span>NOKIA</span>
</div>
</a>
<a href="https://dream2000.com/catalogsearch/result/?q=*&brands=ID_HERE" class="brand-card" data-name="Itel ايتل">
<div class="brand-logo-box">
<img src="https://r2media.horizondm.com/Backend-developer/BrandLogo/itel.jpg" alt="itel">
</div>
<div class="brand-name-footer">
<span>ITEL</span>
</div>
</a>
<a href="https://dream2000.com/catalogsearch/result/?q=*&brands=ID_HERE" class="brand-card" data-name="Infinix انفينكس">
<div class="brand-logo-box">
<img src="https://r2media.horizondm.com/wysiwyg/smartwave/homepage/PRODUCTS/OTHER/Infinix-2.jpg" alt="INFINIX">
</div>
<div class="brand-name-footer">
<span>INFINIX</span>
</div>
</a>
<a href="https://dream2000.com/catalogsearch/result/?q=*&brands=ID_HERE" class="brand-card" data-name="Tecno تكنو">
<div class="brand-logo-box">
<img src="https://r2media.horizondm.com/Backend-developer/BrandLogo/Tecno.jpg" alt="tecno">
</div>
<div class="brand-name-footer">
<span>TECNO</span>
</div>
</a>
<a href="https://dream2000.com/catalogsearch/result/?q=*&brands=ID_HERE" class="brand-card" data-name="nothing نوثينج">
<div class="brand-logo-box">
<img src="https://r2media.horizondm.com/Backend-developer/BrandLogo/nothing.jpg" alt="nothing">
</div>
<div class="brand-name-footer">
<span>NOTHING</span>
</div>
</a>
<a href="https://dream2000.com/catalogsearch/result/?q=*&brands=ID_HERE" class="brand-card" data-name="HMD">
<div class="brand-logo-box">
<img src="https://r2media.horizondm.com/Backend-developer/BrandLogo/HMD.jpg" alt="hmd">
</div>
<div class="brand-name-footer">
<span>HMD</span>
</div>
</a>
</div>
<style>
.brand-search-wrapper {
margin-bottom: 30px;
text-align: center;
}
#brandSearchInput {
width: 100%;
max-width: 400px;
padding: 12px 20px;
border: 2px solid #eee;
border-radius: 25px;
font-size: 16px;
outline: none;
transition: 0.3s;
direction: rtl;
}
#brandSearchInput:focus {
border-color: #000;
}
.brands-grid-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: 15px;
direction: rtl;
padding: 10px;
}
.brand-card {
display: flex;
flex-direction: column;
text-decoration: none !important;
border: 1px solid #eee;
border-radius: 10px;
overflow: hidden;
background: #fff;
height: 170px;
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.brand-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.15), 0 6px 6px rgba(0,0,0,0.10);
border-color: #000;
}
.brand-logo-box {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
}
.brand-logo-box img {
max-width: 85%;
max-height: 60px;
object-fit: contain;
}
.brand-name-footer {
background: #000;
color: #fff;
padding: 8px 5px;
text-align: center;
}
.brand-name-footer span {
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
}
@media (max-width: 600px) {
.brands-grid-container {
grid-template-columns: repeat(2, 1fr);
}
}
</style>
<script>
function filterBrands() {
var input = document.getElementById("brandSearchInput");
var filter = input.value.toLowerCase();
var grid = document.getElementById("brandsGrid");
var cards = grid.getElementsByClassName("brand-card");
for (var i = 0; i < cards.length; i++) {
var brandName = cards[i].getAttribute("data-name");
if (brandName.toLowerCase().indexOf(filter) > -1) {
cards[i].style.display = "flex";
} else {
cards[i].style.display = "none";
}
}
}
</script>
<!DOCTYPE html>
<html>
<head>
<title>أحسب قسطك</title>
</head>
<body>
<h1>أحسب قسطك الشهرى</h1>
<form>
<input type="text" id="num1" placeholder="ضع القيمة الاجمالية">
<input id="num2" placeholder style="border-color: white;border-top-style: hidden;border-width: inherit;">
<br>
<br>
<button type="button" onclick="add()" style="border-radius: 10px;">6 شهور</button>
<button type="button" onclick="subtract()" style="border-radius: 10px;">12 شهر</button>
<button type="button" onclick="multiply()" style="border-radius: 10px;">18 شهر</button>
<button type="button" onclick="divide()" style="border-radius: 10px;">24 شهر</button>
</form>
<br>
<br>
<h2>القسط الشهري:</h2><h2><span id="result"></span></h2>
<script>
function add() {
var num1 = parseFloat(document.getElementById("num1").value);
var result = Math.floor(num1 / 5.5053974484789);
document.getElementById("result").innerHTML = result;
}
function subtract() {
var num1 = parseFloat(document.getElementById("num1").value);
var result = Math.floor(num1 / 10.433333333333333);
document.getElementById("result").innerHTML = result;
}
function multiply() {
var num1 = parseFloat(document.getElementById("num1").value);
var result = Math.floor(num1 / 15);
document.getElementById("result").innerHTML = result;
}
function divide() {
var num1 = parseFloat(document.getElementById("num1").value);
var result = Math.floor(num1 / 19.177777777777777);
document.getElementById("result").innerHTML = result;
}
</script>
</body>
</html>
<h1 id="HNJB1XC" style="text-align: center;background: crimson;border-radius: 20px;box-shadow: 1px 20px 10px;"><span style="color: #ffffff;">Dream 2000 PROMO CODES</span>
<br/>
<span style="font-size: 18px; color: #ffffff;">The Codes available for limited quantity </span></h1>
<p id="QQ82197" style="text-align: center;"><strong><span style="color: #000000;font-size: 20px;background: #dced00;padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;border-radius: 10px; box-shadow: 1px 5px 15px;">Mobile and Accessories Promo Codes</span></strong></p>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 300px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;border: dashed;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على الموبايل <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">DREAMMOB100</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 300px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;border: dashed;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على الموبايل <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">DREAMMOB100</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 300px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;border: dashed;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على الموبايل <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">DREAMMOB100</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 300px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;border: dashed;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على الموبايل <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">DREAMMOB100</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<p id="QQ82197" style="text-align: center;"><strong><span style="color: #000000;font-size: 20px;background: #dced00;padding-left: 10px;padding-right: 10px;padding-top: 5px;padding-bottom: 5px;border-radius: 10px; box-shadow: 1px 5px 15px;">Laptop Promo Codes</span></strong></p>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 250px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على الموبايل <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">SM250</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 250px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على التابلت <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">ST250</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 250px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على الاكسسوار <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">SA250</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 250px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 26px; font-family: 'Cairo';">خصم على الاب توب <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">SL400</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.flip-card {
background-color: transparent;
width: 250px;
height: 300px;
perspective: 1000px;
}
.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flip-card-front {
background-color: #bbb;
color: black;
}
.flip-card-back {
background-color: #96c84c;
color: white;
transform: rotateY(180deg);
}
</style>
</head>
<body>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="" alt="Avatar" style="width:300px;height:300px;">
</div>
<div class="flip-card-back" style="border: dashed;">
<p><br></p>
<p style="text-align: center;"><span style="color: #ffffff; font-size: 24px; font-family: 'Cairo';">خصم على الأجهزة المنزلية <br>لما تستخدم كود الخصم <br><br><strong><span id="I65WUH9" style="font-size: 28px;color: #000000;background: white;border-radius: 10px;border: dashed;padding-left: 5px;padding-right: 5px;">SH250</span></strong></span></p>
</div>
</div>
</div>
</body>
</html>
<div class="row no-spacing" style="background:#f4f4f4; border-radius: 20px;">
<div class="col-lg-7" style=" padding:30px 5% 0;">
<p style="text-align: center; margin-bottom: 0px;"><span class="" style="color: #000000; font-weight: bold; font-size: 16px;">Limited quantity discounts</span></p>
<h1 style="border-start-start-radius: 60px;background: #ff3535;color: aliceblue;padding-bottom: 7px;padding-top: 7px;border-end-end-radius: 60px;text-align: center;margin-bottom: 20px;font-size: 35px;">Offers start from 24EGP</h1>
<div class="block-align">
<div class="row">
<div class="col-12 a-center">
</div>
<div class="col-4 a-center">
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/en/rockrose-charger-home-adapter-inside-powercube-iii-g65-black.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">Shop Now</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">Rockrosr Charger III G65<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">960EGP</span></span> 524EGP<br></span></p>
</div>
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/en/marley-earphone-wired-je041-rae-rasta.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">Shop Now</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">Marly Earphone JE041-RAE<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">440EGP</span></span> 224EGP<br></span></p>
</div>
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/en/cable-hp-usb-c-to-usb-c-v3-0-1-0m-black.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">Shop Now</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">Hp Cable USB C 1M<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">310EGP</span></span> 224EGP<br></span></p>
</div>
</div>
<div class="col-4 a-center">
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/en/wekome-holder-car-charging-10w-touch-sensitve-usb-type-c-wp-u87.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">Shop Now</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">Wekome Holder WP-U87<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">370EGP</span></span> 324EGP<br></span></p>
</div>
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/en/proda-earphone-wireless-pd-bn103-black.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">Shop Now</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">Proda Earphone PD-BN103 <br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">640EGP</span></span> 324EGP<br></span></p>
</div>
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/en/devia-wireless-charger-2-in-1-for-smart-phone-apple-watch-12w-white.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">Shop Now</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">Devia Wireless Charger 2in1<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">480EGP</span></span> 224EGP<br></span></p>
</div>
</div>
<div class="col-4 a-center">
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/en/riversong-speaker-jazz-s-6-watt-black.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">Shop Now</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">Riversong Speaker 6 Watt<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">910EGP</span></span> 724EGP<br></span></p>
</div>
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/en/coteetcl-holder-car-bracket-charger-magsafe-ws-28.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">Shop Now</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">Coteetcl Holder WS-28<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">710EGP</span></span> 324EGP<br></span></p>
</div>
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/en/yesido-cleaner-car-wireless-mini-portable-6000a-vc02.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">Shop Now</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">Yesido Cleaner Car VC02<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">1800EGP</span></span> 1224EGP<br></span></p>
</div>
</div>
<p style="text-align: center;"><a class="button outline " tabindex="0" href="https://dream2000.com/en/offers/24egp-offers.html">More Products</a></p>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="ox-banner banner-stretch banner-stretch-vertical image-cover ox-banner-animated-text">
<a class="ox-banner-link" href="https://dream2000.com/en/offers/24egp-offers.html">
<img src="" alt style=" border-end-end-radius: 20px; border-start-end-radius: 20px;" />
</a>
</div>
</div>
</div>
<div class="row no-spacing" style="background:#f4f4f4; border-radius: 20px;">
<div class="col-lg-7" style=" padding:30px 5% 0;">
<p style="text-align: center; margin-bottom: 0px;"><span class="" style="color: #000000; font-weight: bold; font-size: 16px;">خصومات بكمية محدودة</span></p>
<h1 style="border-start-start-radius: 60px;background: #ff3535;color: aliceblue;padding-bottom: 7px;padding-top: 7px;border-end-end-radius: 60px;text-align: center;margin-bottom: 20px;font-size: 35px;">عروض تبدأ من 24 جنية</h1>
<div class="block-align">
<div class="row">
<div class="col-12 a-center">
</div>
<div class="col-4 a-center">
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/rockrose-charger-home-adapter-inside-powercube-iii-g65-black.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">اشترى الأن</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">روك روز III G65 شاحن منزلي<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">960EGP</span></span> 524EGP<br></span></p>
</div>
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/marley-earphone-wired-je041-rae-rasta.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">اشترى الأن</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">مارلي سماعة JE041-RAE <br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">440EGP</span></span> 224EGP<br></span></p>
</div>
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/cable-hp-usb-c-to-usb-c-v3-0-1-0m-black.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">اشترى الأن</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">كابل Hp تايب سي 1 متر<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">310EGP</span></span> 224EGP<br></span></p>
</div>
</div>
<div class="col-4 a-center">
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/wekome-holder-car-charging-10w-touch-sensitve-usb-type-c-wp-u87.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">اشترى الأن</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">ويكومي WP U87 هولدر<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">370EGP</span></span> 324EGP<br></span></p>
</div>
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/proda-earphone-wireless-pd-bn103-black.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">اشترى الأن</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">برودا سماعة PD-BN103<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">640EGP</span></span> 324EGP<br></span></p>
</div>
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/devia-wireless-charger-2-in-1-for-smart-phone-apple-watch-12w-white.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">اشترى الأن</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">ديفيا شاحن لاسلكي 2 في 1<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">480EGP</span></span> 224EGP<br></span></p>
</div>
</div>
<div class="col-4 a-center">
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/riversong-speaker-jazz-s-6-watt-black.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">اشترى الأن</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">ريفر سونج اسبيكر 6 وات<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">910EGP</span></span> 724EGP<br></span></p>
</div>
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/coteetcl-holder-car-bracket-charger-magsafe-ws-28.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">اشترى الأن</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">كوتيكل WS-28 هولدر<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">710EGP</span></span> 324EGP<br></span></p>
</div>
<div class="ox-banner ox-banner-content-overlay h-center v-center">
<a class="ox-banner-link" href="https://dream2000.com/yesido-cleaner-car-wireless-mini-portable-6000a-vc02.html">
<img src="" alt="" />
<span class="ox-banner-container">
<span class="button primary small-wide ox-show-hover ox-moveup-hover">اشترى الأن</span>
</span>
</a>
<p style="text-align: center;"><span id="FUWORNY" style="font-size: 14px;font-weight: bold;">يسيدو منظف السيارة<br><span style="text-decoration: line-through;"><span style="color: #ff0000; text-decoration: line-through;">1800EGP</span></span> 1224EGP<br></span></p>
</div>
</div>
<p style="text-align: center;"><a class="button outline " tabindex="0" href="https://dream2000.com/offers/24egp-offers.html">المزيد من المنتجات</a></p>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="ox-banner banner-stretch banner-stretch-vertical image-cover ox-banner-animated-text">
<a class="ox-banner-link" href="https://dream2000.com/offers/24egp-offers.html">
<img src="" alt style=" border-end-end-radius: 20px; border-start-end-radius: 20px;" />
</a>
</div>
</div>
</div>
- Choosing a selection results in a full page refresh.
- Opens in a new window.