CINXE.COM
Alamal
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="author" content="Alamal"> <meta name="description" content="was founded in 1965 for the purpose of trading in agricultural crops. The main transactions for the company were inside the Arab Republic of Egypt; including selling, buying, storing, and manufacturing crops."> <meta name="keywords" content="Alamal"> <link rel="canonical" href="https://www.alamal.com/" /> <title>Alamal</title> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="./alamal-logo.png" /> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="./alamal-logo.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./alamal-logo.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./alamal-logo.png" /> <link rel="apple-touch-icon-precomposed" sizes="60x60" href="./alamal-logo.png" /> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="./alamal-logo.png" /> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="./alamal-logo.png" /> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="./alamal-logo.png" /> <link rel="icon" type="image/png" href="./alamal-logo.png" sizes="196x196" /> <link rel="icon" type="image/png" href="./alamal-logo.png" sizes="96x96" /> <link rel="icon" type="image/png" href="./alamal-logo.png" sizes="32x32" /> <link rel="icon" type="image/png" href="./alamal-logo.png" sizes="16x16" /> <link rel="icon" type="image/png" href="./alamal-logo.png" sizes="128x128" /> <meta name="application-name" content="Alamal" /> <meta name="msapplication-TileColor" content="#72b930" /> <meta name="msapplication-TileImage" content="./alamal-logo.png" /> <meta name="msapplication-square70x70logo" content="./alamal-logo.png" /> <meta name="msapplication-square150x150logo" content="./alamal-logo.png" /> <meta name="msapplication-wide310x150logo" content="./alamal-logo.png" /> <meta name="msapplication-square310x310logo" content="./alamal-logo.png" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@coasted"> <meta name="twitter:creator" content="@coasted"> <meta name="twitter:title" content="Alamal"> <meta name="twitter:description" content="was founded in 1965 for the purpose of trading in agricultural crops. The main transactions for the company were inside the Arab Republic of Egypt; including selling, buying, storing, and manufacturing crops."> <meta name="twitter:image" content="./alamal-logo.png"> <meta name="robots" content="INDEX,FOLLOW" /> <meta name="robots" content="all" /> <meta name="language=" content="Arabic" /> <meta name="country" content="Egypt" /> <meta name="distribution" content="global" /> <meta name="copyright" content="Alamal" /> <meta name="revisit-after" content="1 days" /> <meta property='og:title' content="Alamal"> <meta property="og:description" content="was founded in 1965 for the purpose of trading in agricultural crops. The main transactions for the company were inside the Arab Republic of Egypt; including selling, buying, storing, and manufacturing crops."> <meta property='og:image' content="./alamal-logo.png"> <meta property='og:image:type' content="image/jpeg"> <meta property='og:image:width' content="1024"> <meta property='og:image:height' content="1024"> <meta property='og:url' content="https://www.alamal.com/"> <link rel="shortcut icon" href="./alamal-logo.png" /> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"> <style> /* Inline CSS */ body, html { height: 100%; margin: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #fff; background: url('./alamal-bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .coming-soon-wrapper { height: 100vh; color: #fff; background: rgba(0, 0, 0, 0.5); } .logo { height: 150px; margin-bottom: 20px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } p.lead { font-size: 1.5rem; margin-bottom: 60px; } h2 { color: #72b930; font-size: 1.9rem; font-weight: normal; } #countdown { display: flex; justify-content: center; gap: 15px; } .box { width: 70px; height: 70px; color: #fff; background-color: #72b930; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 8px; } .box span { font-size: 1.5rem; font-weight: bold; } .box small { font-size: 0.75rem; } </style> </head> <body> <div class="coming-soon-wrapper d-flex justify-content-center align-items-center text-center"> <div class="content"> <img src="./alamal-logo.png" loading="lazy" alt="Hathuor" class="img-fluid mx-auto logo" /> <p class="lead">We're working hard to bring you an amazing experience!</p> <h2 class="mb-4">Coming Soon</h2> <div id="countdown" class="mb-5"> <!-- The countdown boxes will be dynamically generated here --> </div> </div> </div> <script> // Inline JavaScript for Countdown Timer with Boxed Layout const countdown = () => { const countDate = new Date("Dec 30, 2024 23:59:59").getTime(); const now = new Date().getTime(); const gap = countDate - now; const second = 1000; const minute = second * 60; const hour = minute * 60; const day = hour * 24; const textDay = Math.floor(gap / day); const textHour = Math.floor((gap % day) / hour); const textMinute = Math.floor((gap % hour) / minute); const textSecond = Math.floor((gap % minute) / second); document.getElementById('countdown').innerHTML = ` <div class="box"> <span>${textDay}</span> <small>Days</small> </div> <div class="box"> <span>${textHour}</span> <small>Hours</small> </div> <div class="box"> <span>${textMinute}</span> <small>Minutes</small> </div> <div class="box"> <span>${textSecond}</span> <small>Seconds</small> </div>`; if (gap < 0) { document.getElementById('countdown').innerHTML = "We have launched!"; } }; setInterval(countdown, 1000); </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script> </body> </html>