| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Aab Collection - Modest Fashion Online</title> |
| | <script src="https://cdn.tailwindcss.com"></script> |
| | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| | <style> |
| | @font-face { |
| | font-family: 'Narin'; |
| | src: url('fonts/Narin-Regular.ttf') format('truetype'); |
| | font-weight: 400; |
| | font-style: normal; |
| | } |
| | |
| | body { |
| | font-family: 'Narin', sans-serif; |
| | font-weight: 400; |
| | color: rgb(37, 36, 35); |
| | font-size: 16px; |
| | line-height: 24px; |
| | } |
| | |
| | .dropdown:hover .dropdown-menu { |
| | display: block; |
| | } |
| | .nav-link:hover { |
| | color: #000; |
| | border-bottom: 2px solid #000; |
| | } |
| | .product-card:hover .product-overlay { |
| | opacity: 1; |
| | } |
| | .product-overlay { |
| | transition: opacity 0.3s ease; |
| | } |
| | </style> |
| | </head> |
| | <body class="font-sans text-gray-800"> |
| | |
| | <div class="bg-black text-white text-center py-2 text-sm"> |
| | Free Shipping on all orders over $175 |
| | </div> |
| |
|
| | |
| | <header class="border-b border-gray-200"> |
| | <div class="container mx-auto px-4"> |
| | |
| | <div class="flex justify-between items-center py-4"> |
| | <div class="flex items-center space-x-4"> |
| | <a href="#" class="text-sm font-medium">New Arrivals</a> |
| | <a href="#" class="text-sm font-medium">Special Prices</a> |
| | </div> |
| | |
| | <div class="text-center"> |
| | <a href="#" class="text-2xl font-serif font-bold">Modestus</a> |
| | </div> |
| | |
| | <div class="flex items-center space-x-4"> |
| | <div class="relative group"> |
| | <button class="flex items-center"> |
| | <img src="https://cdn.shopify.com/static/images/flags/us.svg" alt="US" class="w-5 h-5 mr-1"> |
| | <span class="text-sm">us</span> |
| | </button> |
| | <div class="hidden group-hover:block absolute right-0 mt-2 w-48 bg-white shadow-lg rounded-md z-10"> |
| | <a href="#" class="block px-4 py-2 text-sm hover:bg-gray-100"> |
| | <img src="https://cdn.shopify.com/static/images/flags/uk.svg" alt="UK" class="w-5 h-5 inline mr-2"> |
| | United Kingdom |
| | </a> |
| | <a href="#" class="block px-4 py-2 text-sm hover:bg-gray-100"> |
| | <img src="https://cdn.shopify.com/static/images/flags/eu.svg" alt="EU" class="w-5 h-5 inline mr-2"> |
| | Europe |
| | </a> |
| | <a href="#" class="block px-4 py-2 text-sm hover:bg-gray-100"> |
| | <img src="https://us.aabcollection.com/cdn/shop/t/2/assets/flag-int.svg" alt="International" class="w-5 h-5 inline mr-2"> |
| | International |
| | </a> |
| | </div> |
| | </div> |
| | <a href="#" class="text-sm"><i class="far fa-heart"></i> (0)</a> |
| | <a href="#" class="text-sm"><i class="fas fa-shopping-bag"></i> (0)</a> |
| | </div> |
| | </div> |
| | |
| | |
| | <nav class="hidden md:flex justify-center py-4 space-x-8"> |
| | <a href="#" class="nav-link pb-2 text-sm font-medium">New in</a> |
| | <a href="#" class="nav-link pb-2 text-sm font-medium">Clothing</a> |
| | <a href="#" class="nav-link pb-2 text-sm font-medium">Hijabs</a> |
| | <a href="#" class="nav-link pb-2 text-sm font-medium">Mens</a> |
| | <a href="#" class="nav-link pb-2 text-sm font-medium">Journal</a> |
| | <a href="#" class="nav-link pb-2 text-sm font-medium">Lookbook</a> |
| | </nav> |
| | |
| | |
| | <div class="md:hidden flex justify-center py-4"> |
| | <button class="text-gray-700"> |
| | <i class="fas fa-bars text-xl"></i> |
| | </button> |
| | </div> |
| | </div> |
| | </header> |
| |
|
| | |
| | <section class="relative"> |
| | <div class="flex flex-col md:flex-row"> |
| | <div class="w-full md:w-1/2"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/Website_-_Hero_Desktop_3000_x_1400_px_12_small.jpg" alt="Sale Banner" class="w-full h-full object-cover"> |
| | </div> |
| | <div class="w-full md:w-1/2"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/Destop_-_Hero_Banner_small.jpg" alt="New Arrivals" class="w-full h-full object-cover"> |
| | </div> |
| | </div> |
| | <div class="absolute inset-0 flex items-center justify-center"> |
| | <div class="text-center text-white bg-black bg-opacity-50 p-8"> |
| | <h1 class="text-3xl md:text-5xl font-serif mb-4">MODERN MODESTY, TIMELESS STYLE</h1> |
| | <p class="text-lg">Designed in London, worn worldwide. Elegant silhouettes, ethical craftsmanship, and a commitment to quality since 2009.</p> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="bg-gray-100 py-8"> |
| | <div class="container mx-auto px-4 text-center"> |
| | <img src="https://assets.reviews.io/img/all-global-assets/logo/reviewsio-logo--inverted.svg" alt="REVIEWS.io" class="h-8 mx-auto mb-4"> |
| | <h3 class="text-lg font-medium mb-2">Our customers say</h3> |
| | <div class="flex justify-center items-center mb-4"> |
| | <div class="text-yellow-400 text-xl mr-2"> |
| | ★ ★ ★ ★ ★ |
| | </div> |
| | <span class="font-bold">4.3</span> |
| | <span class="text-gray-600 ml-1">Based on 1,463 reviews</span> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-12 container mx-auto px-4"> |
| | <h2 class="text-2xl font-serif text-center mb-8">SHOP BY CATEGORY</h2> |
| | <div class="grid grid-cols-2 md:grid-cols-4 gap-4"> |
| | <div class="relative group"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/1_0211ea73-05f1-40b0-b80f-4dad4a4540ef_small.jpg" alt="Abayas" class="w-full"> |
| | <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300 flex items-end justify-center pb-4"> |
| | <h3 class="text-white font-medium text-lg">Abayas</h3> |
| | </div> |
| | </div> |
| | <div class="relative group"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/2_176a0642-02e6-498a-bee1-595b17a99066_small.jpg" alt="Co-Ords" class="w-full"> |
| | <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300 flex items-end justify-center pb-4"> |
| | <h3 class="text-white font-medium text-lg">Co-Ords</h3> |
| | </div> |
| | </div> |
| | <div class="relative group"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/3_small.jpg" alt="Summer Hijabs" class="w-full"> |
| | <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300 flex items-end justify-center pb-4"> |
| | <h3 class="text-white font-medium text-lg">Summer Hijabs</h3> |
| | </div> |
| | </div> |
| | <div class="relative group"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/4_c48b79c6-6864-45cc-922d-9c206b040750_small.jpg" alt="Maxi Dresses" class="w-full"> |
| | <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300 flex items-end justify-center pb-4"> |
| | <h3 class="text-white font-medium text-lg">Maxi Dresses</h3> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-12 bg-gray-50"> |
| | <div class="container mx-auto px-4"> |
| | <h2 class="text-2xl font-serif text-center mb-8">Just Landed</h2> |
| | <div class="grid grid-cols-2 md:grid-cols-4 gap-6"> |
| | |
| | <div class="product-card relative"> |
| | <div class="relative"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/Ruffled_Sleeve_Maxi_1_190x.jpg" alt="Ruffled Sleeve Maxi" class="w-full"> |
| | <div class="product-overlay absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-10 flex flex-col justify-between p-4 opacity-0"> |
| | <div class="flex justify-between w-full"> |
| | <span class="bg-white px-2 py-1 text-xs">New in</span> |
| | <button class="bg-white rounded-full w-8 h-8 flex items-center justify-center"> |
| | <i class="far fa-heart"></i> |
| | </button> |
| | </div> |
| | <button class="bg-black text-white py-2 text-sm w-full">Quick View</button> |
| | </div> |
| | </div> |
| | <div class="mt-2"> |
| | <h3 class="text-sm">Ruffled Sleeve Maxi</h3> |
| | <p class="font-medium">$146.00</p> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="product-card relative"> |
| | <div class="relative"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/AB6A9926_190x.jpg" alt="Two Piece Open Abaya With Slip Mint" class="w-full"> |
| | <div class="product-overlay absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-10 flex flex-col justify-between p-4 opacity-0"> |
| | <div class="flex justify-between w-full"> |
| | <span class="bg-white px-2 py-1 text-xs">New in</span> |
| | <button class="bg-white rounded-full w-8 h-8 flex items-center justify-center"> |
| | <i class="far fa-heart"></i> |
| | </button> |
| | </div> |
| | <button class="bg-black text-white py-2 text-sm w-full">Quick View</button> |
| | </div> |
| | </div> |
| | <div class="mt-2"> |
| | <h3 class="text-sm">Two Piece Open Abaya With Slip Mint</h3> |
| | <p class="font-medium">$86.00</p> |
| | <div class="flex flex-wrap mt-1"> |
| | <div class="w-4 h-4 rounded-full bg-purple-800 mr-1 mb-1"></div> |
| | <div class="w-4 h-4 rounded-full bg-black mr-1 mb-1"></div> |
| | <div class="w-4 h-4 rounded-full bg-blue-600 mr-1 mb-1"></div> |
| | <div class="w-4 h-4 rounded-full bg-red-900 mr-1 mb-1"></div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="product-card relative"> |
| | <div class="relative"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/UntitledCapture22180_190x.jpg" alt="Two Piece Open Abaya With Slip Olive Green" class="w-full"> |
| | <div class="product-overlay absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-10 flex flex-col justify-between p-4 opacity-0"> |
| | <div class="flex justify-between w-full"> |
| | <span class="bg-white px-2 py-1 text-xs">New in</span> |
| | <button class="bg-white rounded-full w-8 h-8 flex items-center justify-center"> |
| | <i class="far fa-heart"></i> |
| | </button> |
| | </div> |
| | <button class="bg-black text-white py-2 text-sm w-full">Quick View</button> |
| | </div> |
| | </div> |
| | <div class="mt-2"> |
| | <h3 class="text-sm">Two Piece Open Abaya With Slip Olive Green</h3> |
| | <p class="font-medium">$86.00</p> |
| | <div class="flex flex-wrap mt-1"> |
| | <div class="w-4 h-4 rounded-full bg-purple-800 mr-1 mb-1"></div> |
| | <div class="w-4 h-4 rounded-full bg-black mr-1 mb-1"></div> |
| | <div class="w-4 h-4 rounded-full bg-blue-600 mr-1 mb-1"></div> |
| | <div class="w-4 h-4 rounded-full bg-red-900 mr-1 mb-1"></div> |
| | </div> |
| | </div> |
| | </div> |
| | |
| | |
| | <div class="product-card relative"> |
| | <div class="relative"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/Monet_Kaftan_1_190x.jpg" alt="Monet Kaftan" class="w-full"> |
| | <div class="product-overlay absolute inset-0 bg-black bg-opacity-0 hover:bg-opacity-10 flex flex-col justify-between p-4 opacity-0"> |
| | <div class="flex justify-between w-full"> |
| | <span class="bg-white px-2 py-1 text-xs">New in</span> |
| | <button class="bg-white rounded-full w-8 h-8 flex items-center justify-center"> |
| | <i class="far fa-heart"></i> |
| | </button> |
| | </div> |
| | <button class="bg-black text-white py-2 text-sm w-full">Quick View</button> |
| | </div> |
| | </div> |
| | <div class="mt-2"> |
| | <h3 class="text-sm">Monet Kaftan</h3> |
| | <p class="font-medium">$106.00</p> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-12 bg-white"> |
| | <div class="container mx-auto px-4"> |
| | <div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center"> |
| | <div> |
| | <div class="text-3xl mb-2">📦</div> |
| | <h3 class="font-medium mb-2">Easy returns</h3> |
| | <p class="text-gray-600">Paperless returns, no fuss, no drama</p> |
| | </div> |
| | <div> |
| | <div class="text-3xl mb-2">✈️</div> |
| | <h3 class="font-medium mb-2">WORLDWIDE DELIVERY</h3> |
| | <p class="text-gray-600">We deliver quickly, no matter where you are in the world</p> |
| | </div> |
| | <div> |
| | <div class="text-3xl mb-2">❤️</div> |
| | <h3 class="font-medium mb-2">MADE WITH LOVE</h3> |
| | <p class="text-gray-600">Modesty at the core of every design</p> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-12 bg-gray-50"> |
| | <div class="container mx-auto px-4"> |
| | <h2 class="text-2xl font-serif text-center mb-8">NEW IN HIJABS</h2> |
| | <div class="grid grid-cols-2 md:grid-cols-4 gap-4"> |
| | <div class="relative group"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/premium_jersey_small.png" alt="Premium Jersey Hijabs" class="w-full"> |
| | <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300 flex items-end justify-center pb-4"> |
| | <h3 class="text-white font-medium text-lg">PREMIUM JERSEY HIJABS</h3> |
| | </div> |
| | </div> |
| | <div class="relative group"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/chiffon_silk_20179c9c-3b1c-4356-a89f-f0509c35447b_small.png" alt="Chiffon Silk Hijabs" class="w-full"> |
| | <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300 flex items-end justify-center pb-4"> |
| | <h3 class="text-white font-medium text-lg">CHIFFON SILK HIJABS</h3> |
| | </div> |
| | </div> |
| | <div class="relative group"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/12FebEcom_Hijabs18336_0f223a1e-16a1-4e4d-896a-2ebd25f51ab1_small.jpg" alt="Limited Edition Print Hijabs" class="w-full"> |
| | <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300 flex items-end justify-center pb-4"> |
| | <h3 class="text-white font-medium text-lg">LIMITED EDITION PRINT HIJABS</h3> |
| | </div> |
| | </div> |
| | <div class="relative group"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/modal_802da819-051c-436f-8f2d-d0ee309aa713_small.png" alt="Premium Modal Hijabs" class="w-full"> |
| | <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300 flex items-end justify-center pb-4"> |
| | <h3 class="text-white font-medium text-lg">PREMIUM MODAL HIJABS</h3> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <section class="py-12 bg-white"> |
| | <div class="container mx-auto px-4"> |
| | <h2 class="text-2xl font-serif text-center mb-8">DISCOVER MORE</h2> |
| | <div class="grid grid-cols-2 md:grid-cols-4 gap-4"> |
| | <div class="relative group"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/Discover_More_-_Girls_Abaya_small.jpg" alt="Girls Abayas" class="w-full"> |
| | <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300 flex items-end justify-center pb-4"> |
| | <h3 class="text-white font-medium text-lg">Girls Abayas</h3> |
| | </div> |
| | </div> |
| | <div class="relative group"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/hijab_magnets2q_small.png" alt="HIJAB MAGNETS" class="w-full"> |
| | <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300 flex items-end justify-center pb-4"> |
| | <h3 class="text-white font-medium text-lg">HIJAB MAGNETS</h3> |
| | </div> |
| | </div> |
| | <div class="relative group"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/A57_e6c4c6ca-4901-4777-8535-3bfadac1b17f_small.jpg" alt="bakhoor" class="w-full"> |
| | <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300 flex items-end justify-center pb-4"> |
| | <h3 class="text-white font-medium text-lg">bakhoor</h3> |
| | </div> |
| | </div> |
| | <div class="relative group"> |
| | <img src="https://us.aabcollection.com/cdn/shop/files/swimwear_banner_8f8d3eb9-d2a8-4606-a115-81ded493bd15_small.png" alt="Modest Swimwear" class="w-full"> |
| | <div class="absolute inset-0 bg-black bg-opacity-0 group-hover:bg-opacity-20 transition duration-300 flex items-end justify-center pb-4"> |
| | <h3 class="text-white font-medium text-lg">Modest Swimwear</h3> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </section> |
| |
|
| | |
| | <footer class="bg-gray-100 py-12"> |
| | <div class="container mx-auto px-4"> |
| | <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> |
| | <div> |
| | <h4 class="font-medium mb-4">Delivery & Returns</h4> |
| | <p class="text-gray-600 mb-4">Free shipping for orders over $175.00</p> |
| | <ul class="space-y-2"> |
| | <li><a href="#" class="text-gray-600 hover:text-black">Shipping information</a></li> |
| | <li><a href="#" class="text-gray-600 hover:text-black">Track your order</a></li> |
| | <li><a href="#" class="text-gray-600 hover:text-black">Returns</a></li> |
| | </ul> |
| | </div> |
| | |
| | <div> |
| | <h4 class="font-medium mb-4">About us</h4> |
| | <ul class="space-y-2"> |
| | <li><a href="#" class="text-gray-600 hover:text-black">Our story</a></li> |
| | <li><a href="#" class="text-gray-600 hover:text-black">Visit us</a></li> |
| | <li><a href="#" class="text-gray-600 hover:text-black">Careers</a></li> |
| | <li><a href="#" class="text-gray-600 hover:text-black">Journal</a></li> |
| | <li><a href="#" class="text-gray-600 hover:text-black">Loyalty</a></li> |
| | </ul> |
| | </div> |
| | |
| | <div> |
| | <h4 class="font-medium mb-4">Customer Care</h4> |
| | <ul class="space-y-2"> |
| | <li><a href="#" class="text-gray-600 hover:text-black">Size guide</a></li> |
| | <li><a href="#" class="text-gray-600 hover:text-black">Care & repair</a></li> |
| | <li><a href="#" class="text-gray-600 hover:text-black">Frequently asked questions</a></li> |
| | <li><a href="#" class="text-gray-600 hover:text-black">Contact us</a></li> |
| | <li><a href="#" class="text-gray-600 hover:text-black">Privacy policy</a></li> |
| | <li><a href="#" class="text-gray-600 hover:text-black">Terms & conditions</a></li> |
| | </ul> |
| | </div> |
| | |
| | <div> |
| | <h4 class="font-medium mb-4">Get in touch</h4> |
| | <p class="text-gray-600 mb-2">Call us Mon-Fri 10am-4:30pm</p> |
| | <a href="tel:+442038237768" class="text-gray-600 hover:text-black block mb-4">+44 (0) 0203 823 7768</a> |
| | |
| | <p class="text-gray-600 mb-2">Chat with us on Whatsapp</p> |
| | <a href="https://wa.me/message/6YKFKHMUAHQ3G1" class="text-gray-600 hover:text-black block mb-4">+44 (0) 203 823 7768</a> |
| | |
| | <p class="text-gray-600 mb-2">Email us</p> |
| | <a href="mailto:admin@aabcollection.com" class="text-gray-600 hover:text-black block mb-4">admin@aabcollection.com</a> |
| | |
| | <h4 class="font-medium mb-2">JOIN OUR COMMUNITY</h4> |
| | <p class="text-gray-600 mb-2 text-sm">Exclusive offers and sneak peeks are reserved for those on our mailing list.</p> |
| | <div class="flex mb-4"> |
| | <input type="email" placeholder="Your email" class="border border-gray-300 px-3 py-2 text-sm w-full"> |
| | <button class="bg-black text-white px-4 py-2 text-sm">SIGN UP</button> |
| | </div> |
| | |
| | <h4 class="font-medium mb-2">Follow us</h4> |
| | <div class="flex space-x-4"> |
| | <a href="#" class="text-gray-600 hover:text-black"><i class="fab fa-facebook-f"></i></a> |
| | <a href="#" class="text-gray-600 hover:text-black"><i class="fab fa-instagram"></i></a> |
| | <a href="#" class="text-gray-600 hover:text-black"><i class="fab fa-youtube"></i></a> |
| | <a href="#" class="text-gray-600 hover:text-black"><i class="fab fa-pinterest"></i></a> |
| | </div> |
| | </div> |
| | </div> |
| | </div> |
| | </footer> |
| |
|
| | <script> |
| | |
| | document.addEventListener('DOMContentLoaded', function() { |
| | |
| | }); |
| | </script> |
| | <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=ikhlaspv/modestus" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| | </html> |
