Skip to main content
Diok

Recover Password

If you forgot your password, recover it by entering your email address.

Back to sign In ? Sign In

© Copyright 2026, . All rights reserved. Developed by TTS

// Add Font Awesome CDN for icons (if not already included in your HTML) const fontAwesome = document.createElement("link"); fontAwesome.rel = "stylesheet"; fontAwesome.href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"; document.head.appendChild(fontAwesome); // Create the sticky bar const stickyBar = document.createElement("div"); stickyBar.className = "sticky-bar"; stickyBar.textContent = "Same day delivery for orders made before 5pm!"; // Create the social media container const socialMediaContainer = document.createElement("div"); socialMediaContainer.className = "social-media-container"; // Add individual social media links with icons socialMediaContainer.innerHTML = ` `; // Add styles for the sticky bar and social media floating icons const style = document.createElement("style"); style.textContent = ` /* Sticky Bar Styles */ .sticky-bar { position: sticky; top: 0; width: 100%; background-color: #040c3c; color: white; text-align: center; padding: 10px 0; font-size: 1rem; font-weight: bold; z-index: 1000; transition: padding 0.3s ease; } /* Social Media Container Styles */ .social-media-container { position: fixed; right: 0; top: 40%; display: flex; flex-direction: column; gap: 10px; z-index: 1000; } /* Social Media Icon Link Styles */ .social-media-link { display: flex; align-items: center; justify-content: center; background-color: #333; color: white; width: 40px; height: 40px; border-radius: 50%; text-align: center; font-size: 1.2rem; transition: background-color 0.3s ease; text-decoration: none; } /* Hover effect */ .social-media-link:hover { background-color: #555; } /* Responsiveness for Sticky Bar */ @media (max-width: 600px) { .sticky-bar { font-size: 0.9rem; padding: 8px 0; } } /* Responsiveness for Social Media Icons */ @media (max-width: 600px) { .social-media-container { top: 30%; } .social-media-link { width: 35px; height: 35px; font-size: 1rem; } } `; // Append the styles, sticky bar, and social media container to the document document.head.appendChild(style); document.body.prepend(stickyBar); document.body.appendChild(socialMediaContainer);