trAvis Anonymous File Manager
Edit File: masimuj.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="icon" href="MasimujLogo.jpg" type="image/png"> <title>Masimuj Global Investment Limited</title> <!-- Bootstrap CSS CDN --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <!-- Tailwind CSS CDN (for additional utility classes and rounded corners) --> <script src="https://cdn.tailwindcss.com"></script> <!-- Inter Font --> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <!-- Font Awesome for icons --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-pVf3bF0Sc3k6CW0m6J0r+5HE3GaxY8C1aS90hjECpEjxKZ8dnAtcp1KXrClw3v5UanP+JVuVJ0CQR9X0gZ7MTw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <style> /* General Body and Font Styles */ body { font-family: 'Inter', sans-serif; background-color: #f8f9fa; /* Light background */ margin: 0; padding: 0; } /* Navigation Bar */ nav { background: #006a44; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } .menu-container { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 0 24px; height: 60px; } .logo { color: #fff; font-size: 1.6em; font-weight: bold; text-decoration: none; } .menu-list { list-style: none; display: flex; margin: 0; padding: 0; } .menu-list li { margin-left: 32px; } .menu-list a { color: #fff; text-decoration: none; font-size: 1em; padding: 10px 5px; transition: color 0.2s; } .menu-list a:hover { color: #ffe082; border-bottom: 2px solid #ffe082; } /* Burger Menu Icon (for mobile) */ .burger-menu { display: none; /* Hidden on desktop */ border: none; background: transparent; cursor: pointer; padding: 0; width: 30px; height: 24px; position: relative; z-index: 100; } .burger-menu .line { display: block; width: 100%; height: 3px; background-color: #fff; margin: 5px 0; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; } /* Section Heading Underline */ .section-heading { position: relative; margin-bottom: 2.5rem; color: #4f46e5; font-weight: 600; } .section-heading:after { content: ''; display: block; width: 80px; height: 4px; background: linear-gradient(90deg, #4f46e5 0%, #006a44 100%); border-radius: 6px; margin: 1rem auto 0; } /* Hero Section with Background Gradient */ .hero-section { background: linear-gradient(120deg, #4f46e5 60%, #006a44 100%); color: white; padding: 90px 0 80px; border-radius: 0 0 2.5rem 2.5rem; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.10); position: relative; overflow: hidden; } .hero-section::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('MasimujLogo.jpg') no-repeat right bottom/120px auto; opacity: .07; pointer-events: none; } /* Card and Button Styles */ .card { border-radius: 1.25rem; box-shadow: 0 4px 24px rgba(79, 70, 229, 0.10); transition: transform 0.3s cubic-bezier(.4, 2, .6, 1), box-shadow 0.3s; } .card:hover { transform: translateY(-8px) scale(1.03) rotate(-1deg); box-shadow: 0 10px 32px rgba(70, 140, 100, 0.17); } .btn-primary { background: linear-gradient(93deg, #4f46e5, #006a44); border: none; border-radius: 0.75rem; box-shadow: 0 2px 6px rgba(79, 70, 229, .12); } .btn-primary:hover { background: #4338ca; transform: translateY(-2px) scale(1.08); } /* Footer Styles */ .footer { background-color: #343a40; /* Dark footer */ color: white; padding: 40px 0; border-top-left-radius: 2rem; border-top-right-radius: 2rem; } /* Icon and Truncation Styles */ .icon-large { font-size: 3rem; color: #4f46e5; margin-bottom: 1rem; transition: color 0.3s ease; } .card:hover .icon-large { color: #6366f1; } .text-truncate-3-lines { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /* Scroll Animation Styles */ .fade-in-hidden { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .fade-in-visible { opacity: 1; transform: translateY(0); } /* Responsive Mobile Styles */ @media (max-width: 700px) { .burger-menu { display: block; /* Show on mobile */ } .menu-list { display: none; /* Hide the menu links by default */ position: absolute; top: 60px; left: 0; width: 100%; background-color: #006a44; flex-direction: column; align-items: center; padding-top: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: all 0.3s ease-in-out; } .menu-list.active { display: flex; /* Show the menu when the 'active' class is added */ } .menu-list li { width: 100%; text-align: center; margin: 0; } .menu-list a { padding: 15px 0; display: block; width: 100%; } /* Burger menu icon animation */ .burger-menu.active .line:nth-child(2) { opacity: 0; } .burger-menu.active .line:first-child { transform: translateY(8px) rotate(45deg); } .burger-menu.active .line:last-child { transform: translateY(-8px) rotate(-45deg); } } </style> </head> <body> <!-- Modern Navigation Bar --> <!-- <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm py-3 rounded-b-xl"> <div class="container"> <a class="navbar-brand d-flex align-items-center gap-2 fw-bold" href="#"> <img src="MasimujLogo.jpg" alt="Masimuj Logo" class="rounded-circle" style="height:50px;width:50px;"> Masimuj Global Investment Ltd. </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse justify-content-end" id="navbarNav"> <ul class="navbar-nav gap-2"> <li class="nav-item"><a class="nav-link" href="#company-profile">Profile</a></li> <li class="nav-item"><a class="nav-link" href="#products">Products</a></li> <li class="nav-item"><a class="nav-link" href="#services">Services</a></li> <li class="nav-item"><a class="nav-link" href="#objectives">Objectives</a></li> <li class="nav-item"><a class="nav-link" href="#future-plans">Future Plans</a></li> <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li> </ul> </div> </div> </nav> --> <!-- Breadcrumbs --> <nav> <div class="menu-container"> <a href="#" class="logo">Your Logo</a> <!-- Hamburger button for mobile --> <button class="burger-menu" aria-label="Toggle navigation"> <span class="line"></span> <span class="line"></span> <span class="line"></span> </button> <!-- Menu list --> <ul class="menu-list"> <li><a href="#home">Home</a></li> <li><a href="#company-profile">About Us</a></li> <li><a href="#products">Products</a></li> <li><a href="#services">Services</a></li> <li><a href="#objectives">Objectives</a></li> <li><a href="#contact">Contact</a></li> </ul> </div> </nav> <!-- <div class="container breadcrumb-container mt-4"> <nav aria-label="breadcrumb"> <ol class="breadcrumb mb-0"> <li class="breadcrumb-item"><a href="#home">Home</a></li> <li class="breadcrumb-item active" aria-current="page" id="current-breadcrumb">Company Profile</li> </ol> </nav> </div> --> <!-- Hero Section (Static) --> <section id="home" class="hero-section mb-5"> <div class="container"> <h1 class="display-4 font-bold mb-4">Cultivating Growth, Harvesting Success</h1> <p class="lead mb-5 opacity-90">Your trusted partner in integrated agro-processing and sustainable investments.</p> <a href="#products" class="btn btn-primary btn-lg px-5 py-3 text-lg">Explore Our Offerings</a> </div> </section> <!-- Company Profile Section --> <section id="company-profile" class="py-5 mb-5 fade-in-hidden"> <div class="container"> <h2 class="text-center mb-5 section-heading text-4xl">Company Profile</h2> <div class="row align-items-center mb-5"> <div class="col-md-6 mb-4 md:mb-0"> <img src="MasimujLogo.jpg" width="600" height="400" alt="Agro-Processing Image" class="img-fluid rounded-xl shadow-lg"> </div> <div class="col-md-6"> <h3 class="text-3xl font-bold text-gray-800 mb-3">About Us</h3> <p class="lead text-gray-700 mb-4"> Masimuj Global Investment Limited is a dynamic and integrated agro-processing company operating within Nigeria. We are strategically engaged in the full value chain of rice and groundnut processing, delivering high-quality, locally processed food products, essential raw materials, and specialized industrial services. Our goal is to support food security and stimulate economic development. </p> <p class="text-gray-600"> Registered in Nigeria under the Companies and Allied Matters Act (CAMA) 2020. </p> </div> </div> <div class="row g-4 mb-5"> <div class="col-md-4"> <div class="card h-100 p-4 text-center"> <i class="fas fa-lightbulb icon-large"></i> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700">Vision</h5> <p class="card-text text-gray-600">To be a leading provider of integrated agro-industrial solutions in Africa, renowned for quality, innovation, and sustainability.</p> </div> </div> <div class="col-md-4"> <div class="card h-100 p-4 text-center"> <i class="fas fa-bullseye icon-large"></i> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700">Mission</h5> <p class="card-text text-gray-600">To drive agricultural transformation through value addition, technology, and strategic partnerships that empower communities and promote economic growth. </p> </div> </div> <div class="col-md-4"> <div class="card h-100 p-4 text-center"> <i class="fas fa-handshake icon-large"></i> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700">Core Values</h5> <ul class="list-unstyled text-gray-600 text-left mx-auto" style="max-width: 200px;"> <li><i class="fas fa-check-circle text-green-500 mr-2"></i>Integrity</li> <li><i class="fas fa-check-circle text-green-500 mr-2"></i>Innovation</li> <li><i class="fas fa-check-circle text-green-500 mr-2"></i>Excellence</li> <li><i class="fas fa-check-circle text-green-500 mr-2"></i>Community Empowerment</li> <li><i class="fas fa-check-circle text-green-500 mr-2"></i>Sustainability</li> </ul> </div> </div> </div> </div> </section> <!-- Products Section --> <section id="products" class="py-5 bg-light mb-5 fade-in-hidden"> <div class="container"> <h2 class="text-center mb-5 section-heading text-4xl">Our Products</h2> <p class="text-center lead text-gray-700 mb-5">Masimuj offers a diversified portfolio of tangible products, meticulously sourced and processed to meet stringent quality standards and varied market demands.</p> <div class="row g-4"> <div class="col-md-6 col-lg-3"> <div class="card h-100 p-4 text-center"> <img src="https://placehold.co/150x100/d1fae5/065f46?text=Premium+Rice" alt="Premium Rice" class="mx-auto mb-4 rounded-md"> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700">Masimuj Premium Polished Rice </h5> <p class="card-text text-gray-600 text-sm text-truncate-3-lines">Our flagship finished product, processed from both internal cultivation and strategic imports. High-grade, destoned, de-husked, and polished rice, ready for direct consumer consumption. Available in popular retail and bulk sack sizes (e.g., 5kg, 10kg, 25kg, 50kg). Processed at our modern milling facility in Gombe, ensuring superior grain purity, minimal breakage, and appealing aesthetics. Sourced from Masimuj-cultivated paddy and imported paddy from neighboring countries.</p> <a href="#" class="btn btn-primary btn-sm mt-3">Learn More</a> </div> </div> <div class="col-md-6 col-lg-3"> <div class="card h-100 p-4 text-center"> <img src="https://placehold.co/150x100/fef3c7/92400e?text=Groundnut+Oil" alt="Groundnut Oil" class="mx-auto mb-4 rounded-md"> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700">Masimuj Refined Groundnut Oil </h5> <p class="card-text text-gray-600 text-sm text-truncate-3-lines">Our premium cooking oil, extracted from carefully sourced groundnuts. Pure, refined groundnut oil, suitable for cooking, frying, and general culinary use. Packaged in convenient and secure containers (e.g., 4-liter gallons and 25-liter containers). Produced at our oil mills using both Masimuj-cultivated groundnuts and bulk groundnut import from neighboring countries, ensuring freshness and quality. Characterized by its natural flavor, golden color, and healthy profile.</p> <a href="#" class="btn btn-primary btn-sm mt-3">Learn More</a> </div> </div> <div class="col-md-6 col-lg-3"> <div class="card h-100 p-4 text-center"> <img src="https://placehold.co/150x100/dbeafe/1e40af?text=Raw+Paddy" alt="Raw Paddy Rice" class="mx-auto mb-4 rounded-md"> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700">Masimuj Raw Paddy Rice (Imported)</h5> <p class="card-text text-gray-600 text-sm text-truncate-3-lines">Bulk sales of high-quality imported paddy from Cameroon, Chad, and other neighboring countries to other rice milling companies in major Nigerian hubs (Lagos, Kano).</p> <a href="#" class="btn btn-primary btn-sm mt-3">Learn More</a> </div> </div> <div class="col-md-6 col-lg-3"> <div class="card h-100 p-4 text-center"> <img src="https://placehold.co/150x100/ffe4e6/be185d?text=Raw+Groundnuts" alt="Raw Groundnuts" class="mx-auto mb-4 rounded-md"> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700">Masimuj Raw Groundnuts (Bulk) </h5> <p class="card-text text-gray-600 text-sm text-truncate-3-lines">Bulk sales of un-shelled groundnuts (from our farms and imports) to other groundnut oil manufacturers and related industries.</p> <a href="#" class="btn btn-primary btn-sm mt-3">Learn More</a> </div> </div> </div> </div> </section> <!-- Services Section --> <section id="services" class="py-5 mb-5 fade-in-hidden"> <div class="container"> <h2 class="text-center mb-5 section-heading text-4xl">Our Services</h2> <p class="text-center lead text-gray-700 mb-5">Masimuj leverages its extensive infrastructure, operational expertise, and market knowledge to offer a range of valuable services to other businesses and stakeholders within the agro-processing sector.</p> <div class="row g-4"> <div class="col-md-6 col-lg-3"> <div class="card h-100 p-4 text-center"> <i class="fas fa-industry icon-large"></i> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700">Contract Rice Milling Services </h5> <p class="card-text text-gray-600 text-sm text-truncate-3-lines">Masimuj offers high-quality, efficient contract milling services for external clients, including destoning, de-hulling, polishing, and bagging of paddy rice. This provides access to modern, high-capacity milling technology without capital investment.</p> <a href="#" class="btn btn-primary btn-sm mt-3">Learn More</a> </div> </div> <div class="col-md-6 col-lg-3"> <div class="card h-100 p-4 text-center"> <i class="fas fa-tint icon-large"></i> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700">Contract Groundnut Oil Pressing & Refining Services</h5> <p class="card-text text-gray-600 text-sm text-truncate-3-lines">We offer our mills for processing clients’ groundnuts into oil, providing access to our state-of-the-art oil pressing and refining facilities.</p> <a href="#" class="btn btn-primary btn-sm mt-3">Learn More</a> </div> </div> <div class="col-md-6 col-lg-3"> <div class="card h-100 p-4 text-center"> <i class="fas fa-truck-moving icon-large"></i> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700">Paddy Import Advisory Services </h5> <p class="card-text text-gray-600 text-sm text-truncate-3-lines">Leveraging our direct experience and established network, we provide expert advisory services on sourcing, quality control, logistics, customs procedures, and regulatory compliance for paddy imports, helping clients navigate international trade complexities.</p> <a href="#" class="btn btn-primary btn-sm mt-3">Learn More</a> </div> </div> <div class="col-md-6 col-lg-3"> <div class="card h-100 p-4 text-center"> <i class="fas fa-chalkboard-teacher icon-large"></i> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700">Milling Operations & Management Consulting</h5> <p class="card-text text-gray-600 text-sm text-truncate-3-lines">Masimuj offers consulting services rooted in our practical experience managing large-scale rice and groundnut milling operations, including advice on mill setup, optimization, machinery selection, raw material sourcing, quality control, and distribution.</p> <a href="#" class="btn btn-primary btn-sm mt-3">Learn More</a> </div> </div> </div> </div> </section> <!-- Company Objectives Section --> <section id="objectives" class="py-5 bg-light mb-5 fade-in-hidden"> <div class="container"> <h2 class="text-center mb-5 section-heading text-4xl">Company Objectives</h2> <p class="text-center lead text-gray-700 mb-5">The objects for which the Company is established in general perspective are:</p> <div class="row g-4"> <div class="col-md-6 col-lg-4"> <div class="card h-100 p-4"> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700"><i class="fas fa-leaf mr-2"></i>1. Agribusiness, Agro-Allied Industries & Food Processing </h5> <ul class="list-unstyled text-gray-600 text-sm"> <li>- Large-scale and mechanized farming of agricultural produce.</li> <li>- Cultivation, harvesting, processing, storage, preservation, and marketing of farm produce.</li> <li>- Livestock, poultry, aquaculture, and animal husbandry.</li> <li>- Manufacturing, refining, packaging of food products (polished rice, groundnut oil, etc.).</li> <li>- Sales and supply of agro-inputs, agrochemicals, fertilizers, and equipment.</li> <li>- Agricultural extension services, farm management, and out-grower scheme development. </li> </ul> </div> </div> <div class="col-md-6 col-lg-4"> <div class="card h-100 p-4"> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700"><i class="fas fa-globe-americas mr-2"></i>2. General Trading, Commerce & International Trade</h5> <ul class="list-unstyled text-gray-600 text-sm"> <li>- General contracting, supply, distribution, and retail of various goods.</li> <li>- Import/export services, logistics, and supply chain management.</li> <li>- Establishing and operating retail outlets, supermarkets, warehouses.</li> </ul> </div> </div> <div class="col-md-6 col-lg-4"> <div class="card h-100 p-4"> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700"><i class="fas fa-cogs mr-2"></i>3. Industrial and Business Support Services</h5> <ul class="list-unstyled text-gray-600 text-sm"> <li>- Contract processing, milling, packaging for third parties.</li> <li>- Consultancy in agriculture, food processing, logistics, and general business.</li> <li>- Commission agents, brokers, and business representatives.</li> </ul> </div> </div> <div class="col-md-6 col-lg-4"> <div class="card h-100 p-4"> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700"><i class="fas fa-hard-hat mr-2"></i>4. Civil, Mechanical & Electrical Engineering; Construction</h5> <ul class="list-unstyled text-gray-600 text-sm"> <li>- Construction, renovation, and maintenance of all property types.</li> <li>- Sales and supply of building materials.</li> </ul> </div> </div> <div class="col-md-6 col-lg-4"> <div class="card h-100 p-4"> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700"><i class="fas fa-car-side mr-2"></i>5. Transportation & Automotive Sector</h5> <ul class="list-unstyled text-gray-600 text-sm"> <li>- Auto dealership, distribution, assembling, and marketing.</li> <li>- Transport services and vehicle charter (excluding air services).</li> </ul> </div> </div> <div class="col-md-6 col-lg-4"> <div class="card h-100 p-4"> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700"><i class="fas fa-gas-pump mr-2"></i>6. Energy & Petroleum Sector</h5> <ul class="list-unstyled text-gray-600 text-sm"> <li>- Petroleum, diesel, gas services and filling stations.</li> <li>- Independent marketing, product sales, and distribution.</li> <li>- Oil facility refurbishment and agency services.</li> </ul> </div> </div> <div class="col-md-6 col-lg-4"> <div class="card h-100 p-4"> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700"><i class="fas fa-laptop-code mr-2"></i>7. Technology, Communication & Environmental Services</h5> <ul class="list-unstyled text-gray-600 text-sm"> <li>- ICT and telecom supply.</li> <li>- Environmental and hygiene services.</li> <li>- Printing and publishing operations.</li> </ul> </div> </div> <div class="col-md-6 col-lg-4"> <div class="card h-100 p-4"> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700"><i class="fas fa-utensils mr-2"></i>8. Hospitality & Food Services</h5> <ul class="list-unstyled text-gray-600 text-sm"> <li>- Restaurants, bakeries, cafes, and eateries.</li> </ul> </div> </div> <div class="col-md-6 col-lg-4"> <div class="card h-100 p-4"> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700"><i class="fas fa-chart-pie mr-2"></i>9. Investment & Asset Management</h5> <ul class="list-unstyled text-gray-600 text-sm"> <li>- Investments in companies or partnerships.</li> <li>- Real estate services.</li> </ul> </div> </div> <div class="col-md-6 col-lg-4"> <div class="card h-100 p-4"> <h5 class="card-title text-xl font-semibold mb-3 text-indigo-700"><i class="fas fa-chart-line mr-2"></i>10. General Business Expansion</h5> <ul class="list-unstyled text-gray-600 text-sm"> <li>- All incidental or legal business activities within Nigeria or internationally.</li> <li>- Partnerships and collaborations to promote trade and commerce.</li> </ul> </div> </div> </div> </div> </section> <!-- Future Plans Section --> <section id="future-plans" class="py-5 mb-5 fade-in-hidden"> <div class="container"> <h2 class="text-center mb-5 section-heading text-4xl">Future Plans</h2> <div class="row justify-content-center"> <div class="col-lg-8"> <div class="card p-5 text-center"> <i class="fas fa-rocket icon-large"></i> <ul class="list-unstyled text-gray-700 text-lg"> <li class="mb-3"><i class="fas fa-check-circle text-green-500 mr-2"></i>Expand production capacity and retail reach</li> <li class="mb-3"><i class="fas fa-check-circle text-green-500 mr-2"></i>Launch additional processed food lines</li> <li class="mb-3"><i class="fas fa-check-circle text-green-500 mr-2"></i>Grow regional and international partnerships</li> </ul> </div> </div> </div> </div> </section> <!-- Contact Section --> <section id="contact" class="py-5 mb-5"> <div class="container"> <h2 class="text-center mb-5 section-heading text-4xl">Contact Us</h2> <div class="row justify-content-center"> <div class="col-lg-8"> <div class="card p-5"> <div class="card-body text-center"> <p class="lead mb-4">We'd love to hear from you! Reach out to us through any of the channels below.</p> <ul class="list-unstyled text-gray-700 text-lg"> <li class="mb-3"> <strong><i class="fas fa-map-marker-alt text-indigo-600 mr-2"></i> Head Office:</strong> No. E8 & E9 Nasarawo Industrial Cluster Layout, Gombe, Gombe State. </li> <li class="mb-3"> <strong><i class="fas fa-envelope text-indigo-600 mr-2"></i> Email:</strong> <a href="mailto:contact@masimuj.com" class="text-indigo-600 hover:underline">contact@masimuj.com</a> </li> <li class="mb-3"> <strong><i class="fas fa-phone-alt text-indigo-600 mr-2"></i> Phone:</strong> <a href="tel:+2348020611238" class="text-indigo-600 hover:underline">08020611238</a>, <a href="tel:+2348033876525" class="text-indigo-600 hover:underline">08033876525</a>, <a href="tel:+2348026498488" class="text-indigo-600 hover:underline">08026498488</a> </li> <li class="mb-3"> <strong><i class="fas fa-globe text-indigo-600 mr-2"></i> Website:</strong> <a href="http://www.masimuj.com" target="_blank" class="text-indigo-600 hover:underline">www.masimuj.com</a> </li> </ul> <p class="text-sm text-gray-500 mt-4">This Company Profile is regularly updated to reflect evolving business operations and market conditions.</p> </div> </div> </div> </div> </div> </section> <!-- Footer --> <footer class="footer text-center rounded-t-xl"> <div class="container"> <p class="mb-0">© 2025 Masimuj Global Investment Limited. All rights reserved.</p> <p class="text-sm opacity-80 mt-2">Registered in Nigeria under the Companies and Allied Matters Act (CAMA) 2020.</p> </div> </footer> <!-- Bootstrap JS CDN (Bundle with Popper) --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script> document.addEventListener('DOMContentLoaded', function () { // Select all sections you want to animate on scroll, excluding the hero and contact sections const sectionsToAnimate = document.querySelectorAll( '#company-profile, #products, #services, #objectives, #future-plans' ); // Create an Intersection Observer instance for scroll animations const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('fade-in-visible'); observer.unobserve(entry.target); } }); }, { rootMargin: '0px', threshold: 0.1 }); sectionsToAnimate.forEach(section => { section.classList.add('fade-in-hidden'); observer.observe(section); }); // Breadcrumb update logic const navLinks = document.querySelectorAll('.navbar-nav .nav-link'); const currentBreadcrumb = document.getElementById('current-breadcrumb'); const updateBreadcrumb = (sectionId) => { let breadcrumbText = 'Home'; // Default for home or unknown switch (sectionId) { case 'home': breadcrumbText = 'Home'; break; case 'company-profile': breadcrumbText = 'Company Profile'; break; case 'products': breadcrumbText = 'Products'; break; case 'services': breadcrumbText = 'Services'; break; case 'objectives': breadcrumbText = 'Objectives'; break; case 'future-plans': breadcrumbText = 'Future Plans'; break; case 'contact': breadcrumbText = 'Contact Us'; break; default: breadcrumbText = 'Home'; } currentBreadcrumb.textContent = breadcrumbText; }; // Initial breadcrumb set based on URL hash or default to Home const initialHash = window.location.hash.substring(1); updateBreadcrumb(initialHash || 'home'); // Update breadcrumb on navigation link click navLinks.forEach(link => { link.addEventListener('click', function (event) { const targetId = this.getAttribute('href').substring(1); updateBreadcrumb(targetId); }); }); // Optional: Update breadcrumb on scroll if sections come into view const sectionObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { // Only update if the section is fully or mostly in view if (entry.intersectionRatio > 0.5) { updateBreadcrumb(entry.target.id); } } }); }, { threshold: 0.5 // Trigger when 50% of the section is visible }); document.querySelectorAll('section[id]').forEach(section => { sectionObserver.observe(section); }); }); </script> <script> // document.addEventListener('DOMContentLoaded', function() { // const burgerMenu = document.querySelector('.burger-menu'); // const menuList = document.querySelector('.menu-list'); // burgerMenu.addEventListener('click', function() { // burgerMenu.classList.toggle('active'); // menuList.classList.toggle('active'); // }); // }); // </script> <script> document.addEventListener('DOMContentLoaded', function() { const burgerMenu = document.querySelector('.burger-menu'); const menuList = document.querySelector('.menu-list'); burgerMenu.addEventListener('click', function() { // Toggles the 'active' class on the menu list menuList.classList.toggle('active'); // Toggles the 'active' class on the burger button for the animation burgerMenu.classList.toggle('active'); }); }); </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"> </script> </body> </html>
For More Shells & Tools