{% extends "frontend/base.html" %}
{% load i18n static %}
{% block title %}Loms Micro Finance{% endblock %}

{% block content %}
	<!-- theme-banner-one start -->
            <section class="theme-banner-one">
                <img class="shape-1" src="{% static 'frontend/assets/img/shape/shape-1.png' %}" alt="shape">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-6">
                            <h1 class="main-title">Our Vision</h1>
                            <p class="hero-description pe-xxl-4">To be the leading microfinance institution in Uganda recognized for our customer-centric approach, social impact, and sustainable financial solutions.</p>
                            <div class="user-content-wrap-1 d-md-flex mb-55">
                                <!--
                                <ul class="feedback-user-list">
                                    <li><img src="{% static 'frontend/assets/img/media/media-4.jpg' %}" alt="author"></li>
                                    <li><img src="{% static 'frontend/assets/img/media/media-5.jpg' %}" alt="author"></li>
                                    <li><img src="{% static 'frontend/assets/img/media/media-6.jpg' %}" alt="author"></li>
                                </ul>
                                -->
                                <!--
                                <div class="rating-box pl-30">
                                    <div class="hero-rating mb-10">
                                        <a href="#"><i class="bi bi-star-fill"></i></a>
                                        <a href="#"><i class="bi bi-star-fill"></i></a>
                                        <a href="#"><i class="bi bi-star-fill"></i></a>
                                        <a href="#"><i class="bi bi-star-fill"></i></a>
                                        <a href="#"><i class="bi bi-star-fill"></i></a>
                                    </div>
                                    <h3>13k rating <span>(4.7 Rating)</span></h3>
                                </div>
                                -->
                            </div>
                            <div class="d-md-flex align-items-center mb-lg-0 mb-5">
                                <a href="#" class="ht-btn bstyle me-xl-3">Create account</a>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="hero-img text-lg-end">
                                <img class="main-img img-fluid" src="{% static 'frontend/assets/img/hero/hero-img-1.jpg' %}" alt="Hero" style="border-radius: 10px;">
                                <img class="card-shape d-none d-xxl-inline-block" src="{% static 'frontend/assets/img/hero/card-2.png' %}"
                                    alt="Shape">
                            </div>
                        </div>
                    </div>
                </div><!-- .container -->
            </section>
            <!-- theme-banner-one end -->

            <!-- fun-fact-section start -->
            <section class="theme-bg2 fun-fact-section position-relative z-1 pt-125 pb-80 pt-lg-100 pb-lg-65">
                <img class="shape-1 position-absolute bottom-0 z-n1" src="{% static 'frontend/assets/img/shape/shape-2.png' %}" alt="shape">
                <img class="shape-2 position-absolute end-0 top-0 z-n1" src="{% static 'frontend/assets/img/shape/shape-3.png' %}" alt="shape">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="title-one mb-70 mb-md-30">
                                <h2 class="title text-white wow fadeInLeft">Our Mission</h2>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="title-one ps-xxl-5 ms-xxl-5 mb-70">
                                <p class="description text-white wow fadeInRight">
                                    To provide innovative financial solutions that create opportunities for underserved communities, fostering economic growth, stability and prosperity for all across Uganda
                                </p>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </section>
            <!-- fun-fact-section end -->

            <!-- feature-section start -->
            <section class="feature-section pt-140 pb-30 pt-lg-60 pb-lg-15">
                <div class="container">
                    <div class="title-one text-center mb-75">
                        <h2 class="title text-heding2 wow fadeInUp">Our Products & Services</h2>
                    </div>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="img-wrapper-one position-relative mb-45 wow fadeInLeft">
                                <img class="main-img img-fluid" src="{% static 'frontend/assets/img/media/media-1.png' %}" alt="About" style="border-radius: 10px;">
                                <img class="shape-1 img-fluid" src="{% static 'frontend/assets/img/bg/bg-1.jpg' %}" alt="About">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="ps-xxl-5">
                                <div class="feature-wrap-1">
                                    <div class="icon">
                                        <img class="front-icon" src="{% static 'frontend/assets/img/icon/icon-1w.svg' %}" alt="icon">
                                        <img class="back-icon" src="{% static 'frontend/assets/img/icon/icon-1.svg' %}" alt="icon">
                                    </div>
                                    <div class="content">
                                        <h4 class="feature-title"><a href="services-details.html">Saving Products</a>
                                        </h4>
                                        <p class="description">we offer flexible and secure saving products designed to help individuals and businesses build financial stability. Our savings solutions include personal savings accounts, group savings, and goal-based savings plans, all tailored to meet diverse financial needs while encouraging a strong saving culture.</p>
                                    </div>
                                </div>
                                <div class="feature-wrap-1">
                                    <div class="icon">
                                        <img class="front-icon" src="{% static 'frontend/assets/img/icon/icon-2.svg' %}" alt="icon">
                                        <img class="back-icon" src="{% static 'frontend/assets/img/icon/icon-2.svg' %}" alt="icon">
                                    </div>
                                    <div class="content">
                                        <h4 class="feature-title"><a href="services-details.html">Loan Products</a>
                                        </h4>
                                        <p class="description">We provide a range of tailored loan products to support individuals, small businesses, and communities. Our offerings include personal loans, business loans, group loans, and emergency loans, all designed with flexible terms and affordable repayment options to empower clients and promote economic growth.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- feature-section end -->

            <!-- service-section start -->
            <section class="service-section pt-70 pb-75 pt-lg-60 pb-lg-15">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-xxl-8 col-lg-9 px-xxl-5 mx-xxl-5">
                            <div class="title-one text-center mb-70 wow fadeInUp">
                                <h2 class="title text-heding2">Value-Added Services </h2>
                            </div>
                        </div>
                    </div>
                    <div class="row align-items-center service-border wow fadeInUp">
                        <div class="col-lg-6">
                            <div class="service-thumb">
                                <img class="w-100" src="{% static 'frontend/assets/img/media/media-2.jpg' %}" alt="service" style="border-radius: 10px;">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="service-wrap-1 ms-xxl-4">
                                <div class="icon">
                                    <img src="{% static 'frontend/assets/img/icon/fx-svgrepo-com.svg' %}" alt="icon" style="width: 50px;">
                                </div>
                                <div class="service-content">
                                    <h3 class="service-title">Forex Services</h3>
                                    <ul  class="description">
                                        <li>Competitive exchange rates for major currencies</li>
                                        <li>Bulk forex for businesses and travelers</li>
                                        <li>Forward contracts available</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row service-border align-items-center wow fadeInUp">
                        <div class="col-lg-6 order-lg-last">
                            <div class="service-thumb">
                                <img class="w-100" src="{% static 'frontend/assets/img/media/media-3.jpg' %}" alt="service" style="border-radius: 10px;">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="service-wrap-1">
                                <div class="icon">
                                    <img src="{% static 'frontend/assets/img/icon/insurance-agent-counter-insurance-broker-insurance-agency-svgrepo-com.svg' %}" alt="icon" style="width: 50px;">
                                </div>
                                <div class="service-content">
                                    <h3 class="service-title">Agency Banking</h3>
                                    <ul  class="description">
                                        <li>Network of authorized agents for remote transactions</li>
                                        <li>200+ agents for cash-in/cash-out in unbanked areas</li>
                                        <li>Account opening services</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-4">
                            <div class="service-wrap-2 wow fadeInUp">
                                <div class="icon">
                                    <img class="front-icon" src="{% static 'frontend/assets/img/icon/icon-7.svg' %}" alt="icon">
                                    <img class="back-icon" src="{% static 'frontend/assets/img/icon/icon-7w.svg' %}" alt="icon">
                                </div>
                                <h3 class="service-title"><a href="#">Money Transfer</a>
                                </h3>
                                <p class="description">Domestic Transfers – Instant mobile money and bank transfers across Uganda; International Remittances – Partnerships with major global money transfer operators; Bulk Payments – Payroll processing for SMEs.</p>
                                <a href="#" class="more-btn">Learn More <i class="bi bi-arrow-right"></i></a>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="service-wrap-2 wow fadeInUp" data-wow-delay="0.1s">
                                <div class="icon">
                                    <img class="front-icon" src="{% static 'frontend/assets/img/icon/icon-8.svg' %}" alt="icon">
                                    <img class="back-icon" src="{% static 'frontend/assets/img/icon/icon-8w.svg' %}" alt="icon">
                                </div>
                                <h3 class="service-title"><a href="#">Digital Banking</a>
                                </h3>
                                <p class="description">Offers digital banking through USSD for basic transactions, a fully functional mobile app, and an online loan application portal for convenient access to financial services.<br />&nbsp;</p>
                                <a href="#" class="more-btn">Learn More <i class="bi bi-arrow-right"></i></a>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="service-wrap-2 wow fadeInUp" data-wow-delay="0.2s">
                                <div class="icon">
                                    <img class="front-icon" src="{% static 'frontend/assets/img/icon/icon-9.svg' %}" alt="icon">
                                    <img class="back-icon" src="{% static 'frontend/assets/img/icon/icon-9w.svg' %}" alt="icon">
                                </div>
                                <h3 class="service-title"><a href="#">Utility Bill Payments</a>
                                </h3>
                                <p class="description">Facilitate instant utility and government payments, including NWSC water bills, UMEME electricity tokens (prepaid and postpaid), URA tax payments, NSSF contributions, and local government tax collections.</p>
                                <a href="#" class="more-btn">Learn More <i class="bi bi-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- service-section end -->

            <!-- about-section start -->
            <section class="about-section pt-120 pb-120 pt-lg-60 pb-lg-60" data-background="{% static 'frontend/assets/img/bg/bg-2.jpg' %}">
                <div class="container mb-50">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="title-one mb-10">
                                <h2 class="title text-white text-center">Unlock Your Financial Potential</h2>
                            </div>
                        </div>
                    </div>
                   
                </div>
                
            </section>
            <!-- about-section end -->

            <!-- why-chose-section start -->
            <section class="chose-section pt-120 pb-75 pt-lg-60 pb-lg-15">
                <div class="container">
                    <div class="row mb-35">
                        <div class="col-lg-6 mb-45 wow fadeInUp">
                            <div class="title-one mb-40">
                                <h2 class="title text-heding2">Why Choose Us</h2>
                            </div>
                            <div class="faq-que-list mb-45 pe-xxl-5">
                                <div class="accordion accordion-one" id="accordion3">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingOne">
                                            <button class="accordion-button collapsed" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#collapseOne"
                                                aria-expanded="false" aria-controls="collapseOne">
                                                Financial Inclusion Champion
                                            </button>
                                        </h2>
                                        <div id="collapseOne" class="accordion-collapse collapse"
                                            aria-labelledby="headingOne" data-bs-parent="#accordion3">
                                            <div class="accordion-body">
                                                <p>Serving all segments including refugees and rural communities</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingTwo">
                                            <button class="accordion-button collapsed" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                                                aria-expanded="false" aria-controls="collapseTwo">
                                                Digital-First Approach
                                            </button>
                                        </h2>
                                        <div id="collapseTwo" class="accordion-collapse collapse"
                                            aria-labelledby="headingTwo" data-bs-parent="#accordion3">
                                            <div class="accordion-body">
                                                <p>Mobile money integration for seamless transactions (LOMS Mobile Banking App, USSD banking, Agent banking network, online loan application.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingThree">
                                            <button class="accordion-button collapsed" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#collapseThree"
                                                aria-expanded="false" aria-controls="collapseThree">
                                                Our Commitment
                                            </button>
                                        </h2>
                                        <div id="collapseThree" class="accordion-collapse collapse"
                                            aria-labelledby="headingThree" data-bs-parent="#accordion3">
                                            <div class="accordion-body">
                                                <p>Aligned with industry best practices (Transparent pricing - no hidden fees, Client protection principles, Responsible lending practices, Continuous financial education)</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingFour">
                                            <button class="accordion-button collapsed" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#collapseFour"
                                                aria-expanded="false" aria-controls="collapseFour">
                                                Social Impact Focus
                                            </button>
                                        </h2>
                                        <div id="collapseFour" class="accordion-collapse collapse"
                                            aria-labelledby="headingFour" data-bs-parent="#accordion3">
                                            <div class="accordion-body">
                                                <p>40% of our loans go to women-led businesses</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingFive">
                                            <button class="accordion-button collapsed" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#collapseFive"
                                                aria-expanded="false" aria-controls="collapseFive">
                                                Transparent Pricing
                                            </button>
                                        </h2>
                                        <div id="collapseFive" class="accordion-collapse collapse"
                                            aria-labelledby="headingFive" data-bs-parent="#accordion3">
                                            <div class="accordion-body">
                                                <p>No hidden fees or charges.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingSix">
                                            <button class="accordion-button collapsed" type="button"
                                                data-bs-toggle="collapse" data-bs-target="#collapseSix"
                                                aria-expanded="false" aria-controls="collapseSix">
                                                Wide Accessibility
                                            </button>
                                        </h2>
                                        <div id="collapseSix" class="accordion-collapse collapse"
                                            aria-labelledby="headingSix" data-bs-parent="#accordion3">
                                            <div class="accordion-body">
                                                <p>Branches in Kampala, Wakiso, Arua, and Koboko with plans for nationwide expansion.</p>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 mb-45 wow fadeInUp">
                            <div class="img-holder ps-xxl-4">
                                <img class="w-100" src="{% static 'frontend/assets/img/media/media-9.png' %}" alt="media">
                            </div>
                        </div>
                    </div>
                    <div class="row gx-50 align-items-center">
                        <div class="col-md-6">
                            <div class="feature-wrap-2 wow fadeInUp">
                                <div class="icon">
                                    <img src="{% static 'frontend/assets/img/icon/icon-12.svg' %}" alt="icon">
                                </div>
                                <h3 class="feature-title"><a href="services-details.html">Profits and Financial
                                        Planning</a>
                                </h3>
                                <p class="description">Comprehensive Planning to Boost Profits and Secure Long-Term
                                    Financial Stability</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="feature-wrap-2 wow fadeInUp">
                                <div class="counter-wrap-3 d-flex align-items-end mb-25">
                                    <h3 class="number"><span class="counter">20</span>+</h3>
                                    <p class="counter-title">Complete Funds</p>
                                </div>
                                <h3 class="feature-title"><a href="services-details.html">Quick funding available
                                        today</a>
                                </h3>
                                <p class="description">Today’s quick funding options ensure fast, reliable financial
                                    support when you need it.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- why-chose-section end -->

            <!-- currency-section start -->
            <section class="theme-bg2 currency-section pt-120 pb-75 pt-lg-60 pb-lg-15">
                <img class="shape-1 position-absolute bottom-0 z-n1 d-none d-xxl-inline-block"
                    src="{% static 'frontend/assets/img/shape/shape-2.png' %}" alt="shape">
                <img class="shape-2 position-absolute end-0 top-0 z-n1 d-none d-xxl-inline-block"
                    src="{% static 'frontend/assets/img/shape/shape-3.png' %}" alt="shape">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-8">
                            <div class="title-one text-center mb-70 wow fadeInUp">
                                <h2 class="title text-white">Currencies</h2>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <div class="block-style-1 mb-45">
                                <div class="fla">
                                    <img src="{% static 'frontend/assets/img/media/us.png' %}" alt="media" style="width: 100px; ">
                                </div>
                                <div class="content">
                                    <p class="mb-3">&nbsp;&nbsp;&nbsp;<span>USD</span></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="block-style-1 mb-45">
                                <div class="fla">
                                    <img src="{% static 'frontend/assets/img/media/ke.png' %}" alt="media" style="width: 100px; ">
                                </div>
                                <div class="content">
                                    <p class="mb-3">&nbsp;&nbsp;&nbsp;<span>KES</span></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="block-style-1 mb-45">
                                <div class="fla">
                                    <img src="{% static 'frontend/assets/img/media/ug.png' %}" alt="media" style="width: 100px; ">
                                </div>
                                <div class="content">
                                    <p class="mb-3">&nbsp;&nbsp;&nbsp;<span>UGX</span></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="block-style-1 mb-45">
                                <div class="fla">
                                    <img src="{% static 'frontend/assets/img/media/euro.webp' %}" alt="media" style="width: 100px; ">
                                </div>
                                <div class="content">
                                    <p class="mb-3">&nbsp;&nbsp;&nbsp;<span>Euro</span></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="block-style-1 mb-45">
                                <div class="fla">
                                    <img src="{% static 'frontend/assets/img/media/tz.png' %}" alt="media" style="width: 100px; ">
                                </div>
                                <div class="content">
                                    <p class="mb-3">&nbsp;&nbsp;&nbsp;<span>TZS</span></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="block-style-1 mb-45">
                                <div class="fla">
                                    <img src="{% static 'frontend/assets/img/media/ss.png' %}" alt="media" style="width: 100px; ">
                                </div>
                                <div class="content">
                                    <p class="mb-3">&nbsp;&nbsp;&nbsp;<span>SSP</span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- currency-section end -->

{% endblock %}