
@extends('web::frontend.layouts.base')

@section('content')


        <section class="section-box bg-banner-about">
            <div class="banner-hero banner-about pt-20">
                <div class="banner-inner">
                    <div class="row">
                        <div class="col-lg-7">
                            
                            <div class="block-banner">
                                <h1 class="heading-banner heading-lg">KPM Bantuan Bersepadu Templating</h1>
                                <div class="banner-description box-mw-70 mt-30">This is just a landing page intro. We are using jobhub template  (Powerful Job Board HTML - Bootstrap 5.x Template)</div>
                                <div class="mt-60">
                                    <div class="box-button-shadow mr-10 btn-small">
                                        <a href="http://preview.themeforest.net/item/jobhub-job-board-html-website-template/full_screen_preview/35432846?_ga=2.249501255.1150760228.1673782237-219841727.1604388935" class="btn btn-default">See Template Source</a>
                                    </div>

                                    <div class="box-button-shadow mr-10 btn-small">
                                        <a href="https://getbootstrap.com/docs/5.0/getting-started/introduction/" class="btn btn-default">See Boostrap 5</a>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="col-lg-5 d-none d-lg-block">
                            <div class="banner-imgs">
                                <img alt="jobhub" src="{{ asset('overide/web/themes/kpm/assets/imgs/page/about/banner-img.png') }}" class="img-responsive main-banner shape-3" />
                                <span class="banner-sm-1"><img alt="jobhub" src="{{ asset('overide/web/themes/kpm/assets/imgs/page/about/banner-sm-1.png') }}" class="img-responsive shape-1" /></span>
                                <span class="banner-sm-2"><img alt="jobhub" src="{{ asset('overide/web/themes/kpm/assets/imgs/page/about/banner-sm-2.png') }}" class="img-responsive shape-1" /></span>
                                <span class="banner-sm-3"><img alt="jobhub" src="{{ asset('overide/web/themes/kpm/assets/imgs/page/about/banner-sm-3.png') }}" class="img-responsive shape-2" /></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
          
@endsection
