<!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.0, maximum-scale=1.0, user-scalable=0">

    <title>Breakthrough</title>

    <!-- Fav Icon -->
    <link rel="icon" href="/images/favicon.ico" type="image/x-icon">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

    <!-- Stylesheets -->
    <link href="/css/font-awesome-all.css" rel="stylesheet">
    <link href="/css/flaticon.css" rel="stylesheet">
    <link href="/css/owl.css" rel="stylesheet">
    <link href="/css/swiper.min.css" rel="stylesheet">
    <link href="/css/bootstrap.css" rel="stylesheet">
    <link href="/css/jquery.fancybox.min.css" rel="stylesheet">
    <link href="/css/animate.css" rel="stylesheet">
    <link href="/css/jquery.bootstrap-touchspin.css" rel="stylesheet">
    <link href="/css/color.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
    <link href="/css/responsive.css" rel="stylesheet">
    <link href="/css/app.css" rel="stylesheet">

</head>


<!-- page wrapper -->

<body id="home">

    <div class="boxed_wrapper">
        <!-- preloader -->
                <div class="loader-wrap">
            <div class="preloader">
                <div class="preloader-close">x</div>
                <div id="handle-preloader" class="handle-preloader">
                    <div class="animation-preloader">
                        <div class="spinner"></div>
                        <div class="txt-loading">
                                                            <span data-text-preloader="B" class="letters-loading">
                                    B
                                </span>
                                                            <span data-text-preloader="r" class="letters-loading">
                                    r
                                </span>
                                                            <span data-text-preloader="e" class="letters-loading">
                                    e
                                </span>
                                                            <span data-text-preloader="a" class="letters-loading">
                                    a
                                </span>
                                                            <span data-text-preloader="k" class="letters-loading">
                                    k
                                </span>
                                                            <span data-text-preloader="t" class="letters-loading">
                                    t
                                </span>
                                                            <span data-text-preloader="h" class="letters-loading">
                                    h
                                </span>
                                                            <span data-text-preloader="r" class="letters-loading">
                                    r
                                </span>
                                                            <span data-text-preloader="o" class="letters-loading">
                                    o
                                </span>
                                                            <span data-text-preloader="u" class="letters-loading">
                                    u
                                </span>
                                                            <span data-text-preloader="g" class="letters-loading">
                                    g
                                </span>
                                                            <span data-text-preloader="h" class="letters-loading">
                                    h
                                </span>
                                                    </div>
                    </div>
                </div>
            </div>
        </div>
                <!-- preloader end -->
      
        <!-- main header -->
        <header class="main-header header-style-one">
    <!-- logo-box -->
    <div class="logo-box">
        <figure class="logo"><a href="/"><img src="/images/logo-main.png" alt=""></a></figure>
    </div>
    <!-- header-top -->
    <div class="header-top">
        <div class="outer-container">
            <div class="top-inner clearfix">
                <div class="left-column pull-left">
                    <ul class="info-list clearfix">
                        <li>
                            <i class="icon-chat"></i>
                            <span>Contact:</span>
                            <a href="tel:6082427478">+6082-427478</a>
                        </li>
                        <li>
                            <a href="mailto:admin@breakthrough.org.my">admin@breakthrough.org.my</a>
                        </li>
                        <li>
                        (P1-3-1 (A), Chonglin Park, Jalan Tabuan, 93100 Kuching, Sarawak, Malaysia
                        </li>
                    </ul>
                </div>
                <div class="right-column pull-right">
                    <div class="update-news">
                        <p> <i class="fas fa-building"></i> Breakthrough Network Centre Bhd. (CO No 826560-H)</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- donate-btn -->
       
    </div>
    <!-- header-lower -->
    <div class="header-lower">
        <div class="outer-container">
            <div class="outer-box">
                <div class="menu-area clearfix">
                    <!--Mobile Navigation Toggler-->
                    <div class="mobile-nav-toggler">
                        <i class="icon-bar"></i>
                        <i class="icon-bar"></i>
                        <i class="icon-bar"></i>
                    </div>
                    <nav class="main-menu navbar-expand-md navbar-light">
                        <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
                            <ul class="navigation scroll-nav clearfix">
                                                                <li><a href="#home-banner">Home</a></li>
                                <li><a href="#about">About</a></li>
                                <li><a href="#projects">Projects</a></li>
                                <li><a href="#donation">Donations</a></li>
                                <li><a href="#volunteer">Volunteer</a></li>
                                <li><a href="#contact">Contact</a></li>
                                                            </ul>
                        </div>
                    </nav>
                </div>
                <div class="nav-right-content clearfix">
                    <ul class="social-style-one clearfix">
                        <li><a href="index.html"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="index.html"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="index.html"><i class="fab fa-youtube"></i></a></li>
                    </ul>
                    <!-- <div class="search-box-outer">
                        <div class="dropdown">
                            <button class="search-box-btn" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="icon-search"></i></button>
                            <div class="dropdown-menu search-panel" aria-labelledby="dropdownMenu3">
                                <div class="form-container">
                                    <form method="post" action="blog.html">
                                        <div class="form-group">
                                            <input type="search" name="search-field" value="" placeholder="Search...." required="">
                                            <button type="submit" class="search-btn"><span class="fas fa-search"></span></button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="nav-btn nav-toggler navSidebar-button clearfix">
                        <i class="icon-menu"></i>
                    </div> -->
                </div>
            </div>
        </div>
    </div>

    <!--sticky Header-->
    <div class="sticky-header">
        <div class="auto-container">
            <div class="outer-box">
                <div class="menu-area clearfix">
                    <nav class="main-menu clearfix">
                        <!--Keep This Empty / Menu will come through Javascript-->
                    </nav>
                </div>
                <div class="nav-right-content clearfix">
                    <ul class="social-style-one clearfix">
                        <li><a href="index.html"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="index.html"><i class="fab fa-twitter"></i></a></li>
                        <li><a href="index.html"><i class="fab fa-youtube"></i></a></li>
                    </ul>
                  
                </div>
            </div>
        </div>
    </div>
</header>        <!-- main-header end -->


        <!-- Mobile Menu  -->
        <div class="mobile-menu">
    <div class="menu-backdrop"></div>
    <div class="close-btn"><i class="fas fa-times"></i></div>

    <nav class="menu-box">
        <div class="nav-logo"><a href="index.html"><img src="/images/logo-2.png" alt="" title=""></a></div>
        <div class="menu-outer">
            <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
        </div>
        <div class="contact-info">
            <h4>Contact Info</h4>
            <ul>
                <li>Chicago 12, Melborne City, USA</li>
                <li><a href="tel:+8801682648101">+88 01682648101</a></li>
                <li><a href="mailto:info@example.com">info@example.com</a></li>
            </ul>
        </div>
        <div class="social-links">
            <ul class="clearfix">
                <li><a href="index.html"><span class="fab fa-twitter"></span></a></li>
                <li><a href="index.html"><span class="fab fa-facebook-square"></span></a></li>
                <li><a href="index.html"><span class="fab fa-pinterest-p"></span></a></li>
                <li><a href="index.html"><span class="fab fa-instagram"></span></a></li>
                <li><a href="index.html"><span class="fab fa-youtube"></span></a></li>
            </ul>
        </div>
    </nav>
</div>        <!-- End Mobile Menu -->

        
        <!-- banner-section -->
        <section class="banner-section" id="home-banner">
    <div class="banner-carousel">
        <div class="swiper-container banner-content">
            <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                        <div class="image-layer" style="background-image: url(/images/bk/banner_1.jpg);"></div>
                        <div class="auto-container">
                            <div class="content-box">
                                <h2>Donate</h2>
                                <span>Even it is a small one</span>
                                <h2>it can bring bigger</h2>
                                <p>Charity is a continuous process toward success and <br />happiness Let's help them now.</p>
                               
                            </div>
                        </div>
                        <div class="othre-text centred">
                            <span class="animation_text_word"></span>
                        </div>
                    </div>
                                    <div class="swiper-slide">
                        <div class="image-layer" style="background-image: url(/images/bk/banner_2.jpg);"></div>
                        <div class="auto-container">
                            <div class="content-box">
                                <h2>Happiness</h2>
                                <span>Is not something ready made</span>
                                <h2>It Comes from Help</h2>
                                <p>Alone, we don't make much of a difference, but together, we are <br />strong to face any challenges.</p>
                               
                            </div>
                        </div>
                        <div class="othre-text centred">
                            <span class="animation_text_word"></span>
                        </div>
                    </div>
                                    <div class="swiper-slide">
                        <div class="image-layer" style="background-image: url(/images/bk/banner_3.jpg);"></div>
                        <div class="auto-container">
                            <div class="content-box">
                                <h2>Help Today</h2>
                                <span>Because tomorrow you may be</span>
                                <h2>Needs somenone help</h2>
                                <p>Only when the society comes together and contributes, we will be <br />able to make an impact.</p>
                               
                            </div>
                        </div>
                        <div class="othre-text centred">
                            <span class="animation_text_word"></span>
                        </div>
                    </div>
                            </div>
            <div class="swiper-nav-button">
                <!-- Add Arrows -->
                <div class="swiper-button-next"><i class="far fa-arrow-right"></i></div>
                <div class="swiper-button-prev"><i class="far fa-arrow-left"></i></div>
            </div>
        </div>
    </div>
    
</section>        <!-- banner-section end -->

        

        <!-- about-section -->
        <section class="about-section sec-pad" id="about">
    <div class="pattern-layer" style="background-image: url(/images/shape/shape-5.png);"></div>
    <div class="auto-container">
        <div class="row clearfix">
            <div class="col-lg-6 col-md-12 col-sm-12 image-column">
                <div class="image_block_1">
                    <div class="image-box">
                        <figure class="image image-1"><img src="/images/bk/470_470_about.jpg" alt=""></figure>
                        <figure class="image image-2"><img src="/images/bk/170_170_about.jpg" alt=""></figure>
                        <figure class="image image-3"><img src="/images/icons/heart-2.png" alt=""></figure>
                        <figure class="image image-4"><img src="/images/icons/heart-3.png" alt=""></figure>
                        <figure class="image image-5"><img src="/images/icons/imoji-1.png" alt=""></figure>
                        <div class="text">
                            <h4><i class="icon-donation"></i>We’ve funded over RM50k</h4>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-12 col-sm-12 content-column">
                <div class="content_block_1">
                    <div class="content-box">
                        <div class="inner">
                            <div class="sec-title">
                                <span class="top-text">About Breakthrough Organization</span>
                                <h2>Who Are We</h2>
                            </div>
                            <div class="text">
                                <p>Breakthrough (突破) Network Centre Bhd. was formed 10 years ago as a non-profit and non-political organisation, with the very intention to help those who are caught in the web of poverty to find a breakthrough. In helping them to help themselves, we hope they too can help others.</p>
                                <p>In that effort, we partner with organizations, agencies and individuals to meet the needs of the poor, marginalised and dispossessed in our midst.</p>
                            </div>
                            <div class="btn-box">
                                <a href="/about" class="theme-btn btn-one">Read More</a>
                            </div>
                        </div>
                        <div class="funfact-inner">
                            <div class="counter-block-one wow fadeInRight animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                                <div class="inner-box">
                                    <div class="icon-box"><i class="icon-charity"></i></div>
                                    <div class="count-outer count-box">
                                        <span class="count-text" data-speed="1500" data-stop="278">0</span>
                                    </div>
                                    <h4>Volunteers</h4>
                                </div>
                            </div>
                            <div class="counter-block-one wow fadeInRight animated animated" data-wow-delay="100ms" data-wow-duration="1500ms">
                                <div class="inner-box">
                                    <div class="icon-box"><i class="icon-donation-1"></i></div>
                                    <div class="count-outer count-box">
                                        <span class="count-text" data-speed="1500" data-stop="6.5">0</span><span>k</span>
                                    </div>
                                    <h4>Beneficiaries</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>        <!-- about-section end -->


        <!-- benefits-section -->
        <section class="benefits-section" id="projects">
    <div class="pattern-layer" style="background-image: url(/images/shape/shape-15.png);"></div>
    <div class="auto-container">
        <div class="row clearfix">
            <div class="col-lg-4 col-md-12 col-sm-12 title-column">
                <div class="title-inner">
                    <div class="sec-title">
                        <span class="top-text">Our Actions</span>
                        <h2>Projects</h2>
                    </div>
                    <div class="text">
                        <p>These are the main projects that we are currently working on.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-8 col-md-12 col-sm-12 inner-column">
                <div class="inner-box wow fadeInRight animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                    <div class="row clearfix">
                                                <div class="col-lg-6 col-md-6 col-sm-12 single-column">
                            <div class="single-item">
                                <span>01</span>
                                <div class="icon-box">
                                    <div class="shape" style="background-image: url(/images/shape/shape-13.png);"></div>
                                    <div class="shape-2" style="background-image: url(/images/shape/shape-14.png);"></div>
                                    <div class="icon"><i class="icon-home"></i></div>
                                </div>
                                <h3>Building Home</h3>
                                <p>House improvements or complete rebuilding projects.</p>
                                <!-- <a href="article/building-home">More</a> -->
                            </div>
                        </div>
                                                <div class="col-lg-6 col-md-6 col-sm-12 single-column">
                            <div class="single-item">
                                <span>02</span>
                                <div class="icon-box">
                                    <div class="shape" style="background-image: url(/images/shape/shape-13.png);"></div>
                                    <div class="shape-2" style="background-image: url(/images/shape/shape-14.png);"></div>
                                    <div class="icon"><i class="icon-chatting"></i></div>
                                </div>
                                <h3>Youth Centre - Hub</h3>
                                <p>Where youth can hang around and spend their time in a meaningful way.</p>
                                <!-- <a href="article/youth-hub">More</a> -->
                            </div>
                        </div>
                                                <div class="col-lg-6 col-md-6 col-sm-12 single-column">
                            <div class="single-item">
                                <span>03</span>
                                <div class="icon-box">
                                    <div class="shape" style="background-image: url(/images/shape/shape-13.png);"></div>
                                    <div class="shape-2" style="background-image: url(/images/shape/shape-14.png);"></div>
                                    <div class="icon"><i class="icon-hand"></i></div>
                                </div>
                                <h3>Family Care</h3>
                                <p>Provide the needy with daily basics, warmth, and shelter.</p>
                                <!-- <a href="article/family-care">More</a> -->
                            </div>
                        </div>
                                                <div class="col-lg-6 col-md-6 col-sm-12 single-column">
                            <div class="single-item">
                                <span>04</span>
                                <div class="icon-box">
                                    <div class="shape" style="background-image: url(/images/shape/shape-13.png);"></div>
                                    <div class="shape-2" style="background-image: url(/images/shape/shape-14.png);"></div>
                                    <div class="icon"><i class="icon-childrens-book"></i></div>
                                </div>
                                <h3>Education</h3>
                                <p>Community-based pre-school learning centers using Montessori approach.</p>
                                <!-- <a href="article/education">More</a> -->
                            </div>
                        </div>
                                                <div class="col-lg-6 col-md-6 col-sm-12 single-column">
                            <div class="single-item">
                                <span>05</span>
                                <div class="icon-box">
                                    <div class="shape" style="background-image: url(/images/shape/shape-13.png);"></div>
                                    <div class="shape-2" style="background-image: url(/images/shape/shape-14.png);"></div>
                                    <div class="icon"><i class="icon-financial-bar-chart"></i></div>
                                </div>
                                <h3>Farming</h3>
                                <p>Give a man a fish and he will eat for a day, teach him to fish and he will eat for a lifetime.</p>
                                <!-- <a href="article/farming">More</a> -->
                            </div>
                        </div>
                                            </div>
                </div>
            </div>
        </div>
    </div>
</section>        <!-- benefits-section -->

        <!-- news-section (Donation)  -->
         <section class="news-section sec-pad" id="donation">
    <div class="auto-container">
        <div class="sec-title centred">
            <span class="top-text">Donation</span>
            <h2>You can help too! Make your donations today.</h2>
        </div>
        <div class="row clearfix d-flex justify-content-center">
            <div class="col-md-5 col-sm-12 news-block">
                <div class="news-block-two wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                    <div class="inner-box">
                        <figure class="image-box"><a target="_blank" href="javascript:void(0)"><img src="/images/bk/370_500_2.jpg" alt=""></a></figure>
                        <div class="content-box">
                            <div class="text">
                                <span class="post-date">PayPal</span>
                                <h3><a href="javascript:void(0)" target="_blank"></a>Donate Via PayPal</h3>
                                <div id="smart-button-container">
                                    <div style="text-align: center"><label for="description"> </label><input type="text" name="descriptionInput" id="description" maxlength="127" value="Donation"></div>
                                    <p id="descriptionError" style="visibility: hidden; color:red; text-align: center;">Please enter a description</p>
                                    <div style="text-align: center"><label for="amount"> </label><input name="amountInput" type="number" id="amount" value="50"><span> MYR</span></div>
                                    <p id="priceLabelError" style="visibility: hidden; color:red; text-align: center;">Please enter a price</p>
                                    <div id="invoiceidDiv" style="text-align: center; display: none;"><label for="invoiceid"> </label><input name="invoiceid" maxlength="127" type="text" id="invoiceid" value=""></div>
                                    <p id="invoiceidError" style="visibility: hidden; color:red; text-align: center;">Please enter an Invoice ID</p>
                                    <div style="text-align: center; margin-top: 0.625rem;" id="paypal-button-container"></div>
                                </div>
                                <script src="https://www.paypal.com/sdk/js?client-id=sb&enable-funding=venmo&currency=MYR" data-sdk-integration-source="button-factory"></script>
                                <script>
                                    function initPayPalButton() {
                                        var description = document.querySelector('#smart-button-container #description');
                                        var amount = document.querySelector('#smart-button-container #amount');
                                        var descriptionError = document.querySelector('#smart-button-container #descriptionError');
                                        var priceError = document.querySelector('#smart-button-container #priceLabelError');
                                        var invoiceid = document.querySelector('#smart-button-container #invoiceid');
                                        var invoiceidError = document.querySelector('#smart-button-container #invoiceidError');
                                        var invoiceidDiv = document.querySelector('#smart-button-container #invoiceidDiv');

                                        var elArr = [description, amount];

                                        if (invoiceidDiv.firstChild.innerHTML.length > 1) {
                                            invoiceidDiv.style.display = "block";
                                        }

                                        var purchase_units = [];
                                        purchase_units[0] = {};
                                        purchase_units[0].amount = {};

                                        function validate(event) {
                                            return event.value.length > 0;
                                        }

                                        paypal.Buttons({
                                            style: {
                                                color: 'gold',
                                                shape: 'rect',
                                                label: 'pay',
                                                layout: 'vertical',

                                            },

                                            onInit: function(data, actions) {
                                                actions.disable();

                                                if (invoiceidDiv.style.display === "block") {
                                                    elArr.push(invoiceid);
                                                }

                                                elArr.forEach(function(item) {
                                                    item.addEventListener('keyup', function(event) {
                                                        var result = elArr.every(validate);
                                                        if (result) {
                                                            actions.enable();
                                                        } else {
                                                            actions.disable();
                                                        }
                                                    });
                                                });
                                            },

                                            onClick: function() {
                                                if (description.value.length < 1) {
                                                    descriptionError.style.visibility = "visible";
                                                } else {
                                                    descriptionError.style.visibility = "hidden";
                                                }

                                                if (amount.value.length < 1) {
                                                    priceError.style.visibility = "visible";
                                                } else {
                                                    priceError.style.visibility = "hidden";
                                                }

                                                if (invoiceid.value.length < 1 && invoiceidDiv.style.display === "block") {
                                                    invoiceidError.style.visibility = "visible";
                                                } else {
                                                    invoiceidError.style.visibility = "hidden";
                                                }

                                                purchase_units[0].description = description.value;
                                                purchase_units[0].amount.value = amount.value;

                                                if (invoiceid.value !== '') {
                                                    purchase_units[0].invoice_id = invoiceid.value;
                                                }
                                            },

                                            createOrder: function(data, actions) {
                                                return actions.order.create({
                                                    purchase_units: purchase_units,
                                                });
                                            },

                                            onApprove: function(data, actions) {
                                                return actions.order.capture().then(function(orderData) {

                                                    // Full available details
                                                    console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));

                                                    // Show a success message within this page, e.g.
                                                    const element = document.getElementById('paypal-button-container');
                                                    element.innerHTML = '';
                                                    element.innerHTML = '<h3>Thank you for your payment!</h3>';

                                                    // Or go to another URL:  actions.redirect('thank_you.html');

                                                });
                                            },

                                            onError: function(err) {
                                                console.log(err);
                                            }
                                        }).render('#paypal-button-container');
                                    }
                                    initPayPalButton();
                                </script>
                            </div>
                            <div class="info clearfix">
                                <div class="link-box pull-left"><a href="javascript:void(0)">Donate</a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-5 col-sm-12 news-block">
                <div class="news-block-two wow fadeInUp animated animated" data-wow-delay="300ms" data-wow-duration="1500ms">
                    <div class="inner-box">
                        <figure class="image-box"><a href="javascript:void(0)"><img src="/images/bk/370_500.jpg" alt=""></a></figure>
                        <div class="content-box">
                            <div class="text">
                                <span class="post-date">Wire Transfer</span>
                                <h3><a href="javascript:void(0)">Here is our bank / wire transfer details.</a></h3>
                                <P>Account Name: BREAKTHROUGH NETWORK CENTRE BHD <br />
                                    Account No: 1601013172 (OCBC Bank) </p>
                            </div>
                            <div class="info clearfix">
                                <div class="link-box pull-left"><a href="#">Donate</a></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section> 
        <!-- news-section end -->

        <!-- testimonial-section -->
        <section class="testimonial-section" id="volunteer">
    <div class="pattern-layer" style="background-image: url(/images/shape/shape-24.png);"></div>
    <div class="auto-container">
        <div class="row clearfix">
            <div class="col-12 content-column">
                <div class="content_block_555">
                    <div class="content-box">
                        <div class="sec-title">
                            <span class="top-text">Volunteer</span>
                            <h2>Become our partner.</h2>
                        </div>
                        <div class="text">
                            <p>We in Breakthrough would like to invite you to join us as a volunteer to help and bless our families. Just give your details below & state the projects you would to volunteer. Thank You very much!</p>
                            <p class="mt-5">Please find our contact details below for further information.</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>        <!-- testimonial-section -->

        <!-- contact-section -->
        <!-- contact-section -->
<section class="contact-section sec-pad" id="contact">
    <div class="auto-container">
        <div class="row clearfix">
            <div class="col-lg-4 col-md-12 col-sm-12 inner-column">
                <div class="contact-info-inner">
                    <div class="sec-title">
                        <span class="top-text">Connecting Always</span>
                        <h2>Get in touch</h2>
                        <p>Our team is available to help with your enquiries on email & phone, or visit our place.</p>
                    </div>
                    <div class="info-box">
                        <div class="single-item">
                            <h4>Quick Contact</h4>
                            <div class="text">
                                <div class="icon-box"><i class="icon-phone-call"></i></div>
                                <p>Main Office<br /><a href="tel:6082427478">+6 082-427478</a></p>
                                <p>Mobile mobile<br /><a href="tel:0166674988">016-6674988</a></p>
                            </div>
                        </div>
                        <div class="single-item">
                            <h4>Email Address</h4>
                            <div class="text">
                                <div class="icon-box"><i class="icon-letter"></i></div>
                                <p>Mail to<br /><a href="mailto:admin@breakthrough.org.my">admin@breakthrough.org.my</a></p>
                            </div>
                        </div>
                        <div class="single-item">
                            <h4>Mailing Address</h4>
                            <div class="text">
                                <div class="icon-box"><i class="icon-location"></i></div>
                                <p>Breakthrough Network Centre Bhd. (CO No 826560-H)<br/>
                                    (P1-3-1 (A), Chonglin Park, Jalan Tabuan,<br/>
                                    93100 Kuching, Sarawak, Malaysia</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-12 col-sm-12 image-column">
                <figure class="image-box"><img src="images/bk/contact.jpg" alt=""></figure>
            </div>
            <div class="col-lg-4 col-md-12 col-sm-12 inner-column">
                <div class="contact-form-inner">
                    <div class="sec-title">
                        <span class="top-text">Drop a Line</span>
                        <h2>Leave us Message</h2>
                        <p>Please feel free to get in touch using the form below. We'd love to hear for you.</p>
                    </div>
                    <div class="form-inner">
                        <form method="post" action="/feedback" class="default-form">
                            <input type="hidden" name="_token" value="VXZva5cYWSp6jXNGCOFER6XhJZD75PCq3C2cjrTB">                            <div class="form-group">
                                <i class="far fa-user"></i>
                                <input type="text" name="name" placeholder="Your Name" required="">
                            </div>
                            <div class="form-group">
                                <i class="far fa-envelope"></i>
                                <input type="email" name="email" placeholder="Email Address" required="">
                            </div>
                            <div class="form-group">
                                <i class="far fa-phone"></i>
                                <input type="text" name="phone" required="" placeholder="Phone">
                            </div>
                            <div class="form-group">
                                <i class="far fa-sticky-note"></i>
                                <input type="text" name="subject" required="" placeholder="Subject">
                            </div>
                            <div class="form-group">
                                <i class="far fa-text-height"></i>
                                <textarea name="message" placeholder="Message"></textarea>
                            </div>
                            <div class="form-group message-btn">
                                <button class="theme-btn btn-one" type="submit" name="submit-form">Send Message</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- contact-section end -->        <!-- contact-section -->


        

        <!-- subscribe-section -->
        <section class="subscribe-section">
    <div class="bg-layer"></div>
    <div class="auto-container">
        <div class="inner-box clearfix">
            <div class="left-column pull-left">
                <div class="logo-box">
                    <div class="shape" style="background-image: url(/images/shape/shape-1.png);"></div>
                    <figure class="logo"><a href="/" class="ml-2"><img width="120" src="/images/logo-rounded.png" alt=""></a></figure>
                </div>
                <div class="text">
                    <h3><i class="icon-email-open-sketched-envelope"></i>Check out <br />our Newsletter</h3>
                </div>
            </div>
            <div class="right-column pull-right clearfix">
                <div class="form-inner">
                    <a href="newsletter" class="theme-btn btn-one">View Newsletter</a>
                    <!-- <form action="contact.html" method="post" class="subscribe-form">
                        <div class="form-group">
                            <input type="email" name="email" placeholder="Your Email Address..." required="">
                            <button type="submit">Subscribe Us</button>
                        </div>
                    </form> -->
                </div>
                <ul class="social-style-one clearfix">
                    <li><a href="index.html"><i class="fab fa-facebook-f"></i></a></li>
                    <li><a href="index.html"><i class="fab fa-twitter"></i></a></li>
                    <li><a href="index.html"><i class="fab fa-linkedin-in"></i></a></li>
                </ul>
            </div>
        </div>
    </div>
</section>        <!-- subscribe-section end -->


        <!-- main-footer -->
        <section class="main-footer">
    <div class="footer-top-x">
    </div>
    <div class="footer-bottom">
        <div class="auto-container">
            <div class="inner-box clearfix">
                <div class="copyright pull-left">
                    <p>&copy; 2022 <a href="index.html">Breakthrough.org</a> All Rights Reserved.</p>
                </div>
            </div>
        </div>
    </div>
</section>        <!-- main-footer end -->


       


        <!-- scroll to top -->
        <button class="scroll-top scroll-to-target" data-target="html">
            <i class="far fa-long-arrow-up"></i>
        </button>

        <div id="app"></div>

    </div>

	

    <!-- jequery plugins -->
    <script src="/js/jquery.js"></script>
    <script src="/js/popper.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/owl.js"></script>
    <script src="/js/swiper.min.js"></script>
    <script src="/js/wow.js"></script>
    <script src="/js/validation.js"></script>
    <script src="/js/jquery.fancybox.js"></script>
    <script src="/js/appear.js"></script>
    <script src="/js/scrollbar.js"></script>
    <script src="/js/isotope.js"></script>
    <script src="/js/nav-tool.js"></script>
    <script src="/js/jquery.bootstrap-touchspin.js"></script>
    <script src="/js/countdown.js"></script>
    <script src="/js/plugins.js"></script>
    <script src="/js/text_animation.js"></script>
    <script src="/js/pagenav.js"></script>
    <script src="/js/jquery.nice-select.min.js"></script>
	

    <!-- main-js -->
    <script src="/js/script.js"></script>
    <script async defer src="http://www.breakthrough.org.my/js/app.js"></script>
</body><!-- End of .page_wrapper -->

</html>