COOKIE NOTICE

We use cookies on our site to track certain metrics. Read our privacy policy here to see how we keep your personal data confidential and secure.

<style>
.notice-bar {
left: 0;
width: 100%;
background: linear-gradient(135deg, #0079c1, #212529);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
padding: 6px 5px;
z-index: 1000;
animation: slideDown 0.5s ease-out;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin-bottom: 2px;
}
.notice-bar::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="50" cy="50" r="1.5" fill="rgba(255,255,255,0.2)"/></svg>');
opacity: 0.3;
pointer-events: none;
}
@keyframes slideDown {
from {
transform:translateY(-100%);
}
to {
transform:translateY(0);
}
}
@keyframes slideUp {
from {
transform:translateY(0);
}
to {
transform:translateY(-100%);
}
}
.notice-bar .notice-content {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 0.75rem;
max-width: 1200px;
width: 100%;
margin: 0 auto;
position: relative;
padding-right: 30px;
}
.notice-bar.message-row {
display: flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
width: 100%;
white-space: nowrap;
}
.notice-bar .message {
font-weight: 600;
color: white;
display: flex;
align-items: center;
gap: 0.75rem;
font-size: 1.1rem;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.notice-bar .emoji-container {
display: flex;
gap: 0.5rem;
align-items: center;
}
.notice-bar .emoji {
font-size: 1.4em;
animation: bounce 1.5s infinite alternate ease-in-out;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
.notice-bar .emoji:nth-child(2) {
animation-delay: 0.2s;
}
.notice-bar .emoji:nth-child(3) {
animation-delay: 0.4s;
}
@keyframes bounce {
from {
transform:translateY(0);
}
to {
transform:translateY(-4px)scale(1.1);
}
}
.notice-bar .countdown {
display: flex;
gap: 1rem;
align-items: center;
justify-content: center;
width: 100%;
}
.notice-bar .unit {
display: flex;
align-items: center;
gap: 0.5rem;
background: rgba(255, 255, 255, 0.15);
padding: 1px 6px;
border-radius: 12px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(255, 255, 255, 0.2);
transition: all 0.3s ease;
}
.notice-bar .unit:hover {
transform: translateY(-2px);
background: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.notice-bar .number {
font-weight: bold;
min-width: 2rem;
text-align: center;
font-size: 1.1rem;
background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0.8));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.notice-bar .label {
font-size: 0.75rem;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.9);
font-weight: 600;
letter-spacing: 0.5px;
}
.notice-bar .close-button {
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.2);
color: white;
width: 28px;
height: 28px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
padding: 0;
font-size: 1.2rem;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.notice-bar .close-button:hover {
background: rgba(255, 255, 255, 0.25);
transform: translateY(-50%) scale(1.1);
border-color: rgba(255, 255, 255, 0.3);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
.notice-bar .notice-content {
flex-direction:row;
gap:2rem;
}
.notice-bar .message-row {
width:auto;
justify-content:flex-start;
}
.notice-bar .countdown {
width:auto;
justify-content:flex-end;
}
}
@media (max-width: 767px) {
.notice-bar .notice-bar {
padding:0.75rem1rem0.5rem;
}
.notice-bar .message {
font-size:0.9rem;
justify-content:center;
width:100%;
}
.notice-bar .countdown {
gap:0.5rem;
}
.notice-bar .unit {
padding:0.35rem0.5rem;
}
.notice-bar .number {
font-size:0.9rem;
}
.notice-bar .label {
font-size:0.6rem;
}
.notice-bar .emoji {
font-size:1.2em;
}
}
@media (max-width: 390px) {
.notice-bar .unit {
padding:0.25rem0.4rem;
}
.notice-bar .label {
font-size:0.5rem;
}
}
</style>
<div class="notice-bar" id="notice">
<div class="notice-content">
<div class="message">
<divclass="emoji-container">
<spanclass="emoji">🚀</span>
<spanclass="emoji">✨</span>
<spanclass="emoji">🎉</span>
</div>
<span>The legendary tech party starts in</span>
</div>
<div class="countdown">
<divclass="unit">
<divclass="number"id="days">00</div>
<divclass="label">Days</div>
</div>
<divclass="unit">
<divclass="number"id="hours">00</div>
<divclass="label">Hrs</div>
</div>
<divclass="unit">
<divclass="number"id="minutes">00</div>
<divclass="label">Min</div>
</div>
<divclass="unit">
<divclass="number"id="seconds">00</div>
<divclass="label">Sec</div>
</div>
</div>
<button class="close-button" id="closeButton">×</button>
</div>
</div>
<script>
const targetDate = new Date('May 23, 2025 00:00:00').getTime();
const intervalId = setInterval(updateCountdown, 1000);
function updateCountdown() {
const now = new Date().getTime();
const distance = targetDate - now;
if (!document.getElementById('notice')) {
clearInterval(intervalId);
return;
}
if (distance < 0) {
document.getElementById('notice').innerHTML = `
<div class="notice-content">
<div class="message">
<div class="emoji-container">
<span class="emoji">🎉</span>
<span class="emoji">🚀</span>
<span class="emoji">✨</span>
</div>
<span>Party Started! The legend has begun!</span>
</div>
<button class="close-button" id="closeButton">×</button>
</div>
`;
return;
}
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById('days').textContent = String(days).padStart(2, '0');
document.getElementById('hours').textContent = String(hours).padStart(2, '0');
document.getElementById('minutes').textContent = String(minutes).padStart(2, '0');
document.getElementById('seconds').textContent = String(seconds).padStart(2, '0');
}
document.getElementById('closeButton').addEventListener('click', () => {
document.getElementById('notice').style.animation = 'slideUp 0.5s ease-out forwards';
setTimeout(() => {
document.getElementById('notice').remove();
}, 500);
});
setInterval(updateCountdown, 1000);
updateCountdown();
</script>
[["Online Shopping","https:\/\/egypt.sharafdg.com"],["Computing","https:\/\/egypt.sharafdg.com\/c\/computing\/"],["Computing Accessories","https:\/\/egypt.sharafdg.com\/c\/computing\/computing_accessories\/"],["Smart Flexi Laptop Stand Aluminium Alloy",""]]
Smart Flexi Laptop Stand Aluminium Alloy
Roll over image to zoom in Click to expand
Smart Flexi Laptop Stand Aluminium Alloy

Smart

Smart Flexi Laptop Stand Aluminium Alloy

3
2 Reviews
Item S200736402
Secure Transaction
Key Information
  • Color: Aluminium
Product Specifications
Reviews

People also viewed

Recently viewed items

S200736402
array(4) { ["state_code"]=> string(8) "EGY_GIZA" ["city_code"]=> string(28) "EGY_GIZA_6TH_OF_OCTOBER_CITY" ["state_name"]=> string(4) "Giza" ["city_name"]=> string(19) "6th of October City" }
Added to cart
Cart Total EGP