蓝色扁平风格的金融投资公司企业网站源码下载



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

35 137 46



模板描述:蓝色扁平风格 金融投资公司 企业网站。蓝色扁平风格的金融投资公司企业网站源码下载html模板下载

代码结构

1. 引入CSS

<link href="css/style.css" rel="stylesheet">

2. 引入JS

<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="vendors/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="vendors/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="vendors/revolution/js/extensions/revolution.extension.video.min.js"></script>
<script src="vendors/animate-css/wow.min.js"></script>
<script src="vendors/magnify-popup/jquery.magnific-popup.min.js"></script>
<script src="vendors/counterup/jquery.waypoints.min.js"></script>
<script src="vendors/counterup/jquery.counterup.min.js"></script>
<script src="vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="js/theme.js"></script>

3. HTML代码

    <!-- Header Top Area -->
    <div class="header_top_area hta_2"> 
        <div class="container">  
            <div class="header_top_inner row m-0">
                <ul class="top_menu col-lg-6 p-0">
                    <li class="dropdown">
                        <a class="dropdown-toggle">ENG</a>
                        <ul class="dropdown-menu">
                            <li><a href="#" class="active">ENG</a></li>
                            <li><a href="#">BAN</a></li> 
                        </ul>
                    </li>   
                    <li><a href="about.html">About</a></li>
                    <li><a href="#">Claim &amp; Policy</a></li>  
                    <li><a href="#">Sign Up</a></li> 
                </ul>  
                <div class="right_menu col-lg-6 p-0"> 
                    <ul class="right_nav">
                        <li><a href="#">Free Consultation</a></li>
                        <li><a href="#"><i class="flaticon-phone-call-1"></i>+88 01912704287</a></li> 
                    </ul>
                </div> 
            </div>
        </div> 
    </div>
    <!-- Header Top Area --> 
    <!-- Header Logo Area -->
    <div class="header_logo_area"> 
        <div class="container">  
            <div class="header_logo_inner row">
                <div class="col-lg-3"><a class="navbar-brand" href="index.html"><img src="images/logo.png" alt=""></a></div>
                <div class="right_info col-lg-9"> 
                    <div class="float-right">
                        <div class="media">
                            <i class="flaticon-placeholder"></i>
                            <div class="media-body">
                                <h4>Main Office</h4>
                                <h5>136 advice the good, CA</h5>
                            </div>
                        </div>
                        <div class="media">
                            <i class="flaticon-people"></i>
                            <div class="media-body">
                                <h4>Trusted By</h4>
                                <h5>400000+ User</h5>
                            </div>
                        </div>
                        <div class="media">
                            <i class="flaticon-clock"></i>
                            <div class="media-body">
                                <h4>Monday - Friday</h4>
                                <h5>10:00 AM - 8:00 PM</h5>
                            </div>
                        </div>
                    </div>
                </div> 
            </div>
        </div> 
    </div>
    <!-- Header Logo Area -->  
    <!-- Header Area -->
    <header class="main_header_area mha_2"> 
       <div class="container">
            <div class="header_menu"> 
                <nav class="navbar navbar-expand-lg"> 
                    <!-- Small Divice Menu-->
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar_supported"  aria-expanded="false" aria-label="Toggle navigation"> 
                        <i class="fa fa-bars" aria-hidden="true"></i>
                    </button>
                    <div class="collapse navbar-collapse navbar_supported">
                        <ul class="navbar-nav"> 
                            <li class="dropdown">
                                <a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown" aria-expanded="false">Home</a>
                                <ul class="dropdown-menu">
                                    <li><a href="index.html" class="active">Home Version 1</a></li>
                                    <li><a href="index-2.html">Home Version 2</a></li>  
                                </ul>
                            </li>     
                            <li class="dropdown">
                                <a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown" aria-expanded="false">Services</a>
                                <ul class="dropdown-menu">
                                    <li><a href="service.html">Service Version 1</a></li>
                                    <li><a href="service-2.html">Service Version 2</a></li>
                                    <li><a href="services-details.html">Service Details</a></li>
                                </ul>
                            </li> 
                            <li class="dropdown">
                                <a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown" aria-expanded="false">Portfolio</a>
                                <ul class="dropdown-menu">
                                    <li><a href="protfolio.html">Portfolio Version 1</a></li>
                                    <li><a href="protfolio-2.html">Portfolio Version 2</a></li> 
                                    <li><a href="case-details.html">Portfolio Details</a></li> 
                                </ul>
                            </li>  
                            <li class="dropdown">
                                <a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown" aria-expanded="false">Pages</a>
                                <ul class="dropdown-menu">  
                                    <li><a href="about.html">About us</a></li>
                                    <li class="dropdown">
                                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-expanded="false">Submenu</a>
                                        <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
                                            <li><a href="#">Submenu 1</a></li> 
                                            <li><a href="#">Submenu 2</a></li> 
                                        </ul>
                                    </li> 
                                    <li><a href="leadership.html">Leadership</a></li>
                                    <li><a href="testimonia.html">Testimonia</a></li> 
                                    <li><a href="faq.html">faq</a></li>  
                                    <li><a href="error.html">Error (404)</a></li>  
                                </ul>
                            </li>     
                            <li class="dropdown">
                                <a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown" aria-expanded="false">Shop</a>
                                <ul class="dropdown-menu">
                                    <li><a href="shop.html">Shop</a></li>  
                                    <li><a href="shop-details.html">Shop Details</a></li> 
                                </ul>
                            </li>  
                            <li class="dropdown">
                                <a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown" aria-expanded="false">BLog</a>
                                <ul class="dropdown-menu">
                                    <li><a href="blog.html">Blog grid</a></li>  
                                    <li><a href="blog-2.html">Blog list</a></li>  
                                    <li><a href="blog-single.html">Blog details</a></li> 
                                </ul>
                            </li>  
                            <li><a class="nav-link" href="contact.html">Contact us</a></li>  
                        </ul>   
                    </div>
                </nav> 
                <ul class="search_button_content nav"> 
                    <li><a href="#" class="quote_btn"><i class="fa fa-arrow-right"></i>Get Quote</a></li>
                    <li><a href="#" class="shop_btn"><i class="flaticon-commerce"></i> <span>0</span></a></li>
                    <li class="dropdown search_dropbown">
                        <a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-search"></i></a>
                        <ul class="dropdown-menu">
                            <li>
                                <input type="text" placeholder="Search..">
                                <span><i class="fa fa-search"></i></span> 
                            </li>
                        </ul>
                    </li> 
                </ul> 
           </div>
        </div>
    </header>
    <!-- Header Area -->   
    <!-- Slider Area -->
    <section class="main_slider_area"> 
        <div id="main_slider" class="rev_slider" data-version="5.1.1RC">
            <ul>
                <!-- SLIDE 2 -->
                <li data-index="rs-673" data-transition="slideoverdown" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default" data-thumb="images/slider-2.jpg" data-rotate="0" data-saveperformance="off" data-title="Support" data-description="">
                    <!-- MAIN IMAGE -->
                    <img src="images/slider-2.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="5" class="rev-slidebg" data-no-retina> 
                    <!-- LAYER NR. 1 -->   
                    <div class="tp-caption concept_title" 
                        id="slide-2-layer-1" 
                        data-x="['right','right','left','left']" 
                        data-hoffset="['0','0','0','15']" 
                        data-y="['top','top','top','top','top']" 
                        data-voffset="['282','282','170','120']" 
                        data-fontsize="['60','60','50','35','25']" 
                        data-lineheight="['67','67','67','50']" 
                        data-width="['700','700','700','485','350']" 
                        data-height="none" 
                        data-whitespace="['nowrap','nowrap','nowrap','normal']" 
                        data-transform_idle="o:1;"  
                        data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeOut;" 
                        data-transform_out="opacity:0;s:1000;s:1000;" 
                        data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
                        data-start="1000" 
                        data-splitin="none" 
                        data-splitout="none" 
                        data-responsive_offset="on" 
                        style="z-index: 7; white-space: nowrap; text-align:left;">Starting a company is  
                    </div>
                    <!-- LAYER NR. 2 --> 
                    <div class="tp-caption concept_title" 
                        id="slide-2-layer-2" 
                        data-x="['right','right','left','left']" 
                        data-hoffset="['0','0','0','15']" 
                        data-y="['top','top','top','top']" 
                        data-voffset="['342','342','220','160']" 
                        data-fontsize="['60','60','50','35','25']" 
                        data-lineheight="['67','67','67','50']" 
                        data-width="['700','700','500','290','210']" 
                        data-height="none" 
                        data-whitespace="['nowrap','nowrap','nowrap','normal']" 
                        data-transform_idle="o:1;"   
                        data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeOut;" 
                        data-transform_out="opacity:0;s:1000;s:1000;" 
                        data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
                        data-start="1300" 
                        data-splitin="none" 
                        data-splitout="none" 
                        data-responsive_offset="on" 
                        style="z-index: 7; white-space: nowrap; text-align:left;">risky business 
                    </div>
                    <!-- LAYER NR. 3 -->  
                    <div class="tp-caption slider_sm_heding" 
                        id="slide-2-layer-3" 
                        data-x="['right','right','left','left']"  
                        data-hoffset="['0','0','0','15']" 
                        data-y="['top','top','top','top']" 
                        data-voffset="['460','460','320','230','230']"   
                        data-fontsize="['16','16','16','16',10']" 
                        data-lineheight="['30','30','30','25']"  
                        data-width="['700','680','640','600','420']"
                        data-height="none"
                        data-whitespace="normal"
                        data-transform_idle="o:1;" 
                        data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeOut;" 
                        data-transform_out="opacity:0;s:1000;s:1000;" 
                        data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
                        data-start="1500" 
                        data-splitin="none" 
                        data-splitout="none" 
                        data-responsive_offset="on"   
                        style="z-index: 8; white-space: normal;">Starting a company is risky business. Entrepreneurs face obstacles at every turn. We all know there are plenty of reasons why businesses fail
                    </div> 
                    <!-- LAYER NR. 4 -->
                    <div class="tp-caption get_started_btn" 
                        id="slide-2-layer-4" 
                        data-x="['right','right','left','left']" 
                        data-hoffset="['0','0','0','15']" 
                        data-y="['bottom','bottom','bottom','bottom']" 
                        data-voffset="['180','180','160','100']"  
                        data-width="['700','680','640','360']"
                        data-height="none" data-whitespace="nowrap" 
                        data-transform_idle="o:1;" 
                        data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeOut;" 
                        data-transform_out="opacity:0;s:1000;s:1000;" 
                        data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
                        data-start="1700" 
                        data-splitin="none" 
                        data-splitout="none" 
                        data-responsive_offset="on"
                        style="z-index: 6; white-space: nowrap;">
                        <a href="services.html" class="theme_btn">Our Services</a> 
                    </div> 
                    <!-- LAYER NR. 5 -->
                    <div class="tp-caption play_btn_2" 
                        data-actions='[{"event":"click","action":"startlayer","layer":"slide-2-layer-6","delay":""}, {"event":"click","action":"startlayer","layer":"slide-2-layer-7","delay":"1000"},{"event":"click","action":"playvideo","layer":"slide-2-layer-6","delay":"1000"}]' 
                        data-height="none" 
                        data-hoffset="['0','0','0','15']" 
                        data-responsive_offset="on" 
                        data-splitin="none" data-splitout="none" 
                        data-start="2000"
                        data-transform_idle="o:1;" 
                        data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:2000;e:Power3.easeInOut;" 
                        data-transform_out="opacity:0;s:300;s:300;"  
                        data-voffset="['13','13','13','13']"  
                        data-whitespace="nowrap" 
                        data-width="248"  
                        data-x="['left','left','left','left']"
                        data-y="['bottom','bottom','bottom','bottom']" 
                        id="slide-2-layer-5"  
                        style="z-index: 6; white-space: nowrap; text-align: center; cursor: pointer"> 
                        <img src="images/slider-thumb.jpg" alt="">
                        <h4>Management Consulting <br>Conpany Intro </h4>
                        <span>5.26</span>
                        <i class="flaticon-play-button"></i> 
                    </div> 
                    <!-- LAYER NR. 6 -->
                    <div class="tp-caption tp-resizeme tp-videolayer" 
                        data-autoplay="off" data-end="bytrigger" 
                        data-hoffset="['0','0','0','0']" 
                        data-lasttriggerstate="reset" 
                        data-responsive_offset="on" data-start="bytrigger" 
                        data-transform_idle="o:1;" 
                        data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
                        data-transform_out="auto:auto;s:300;" 
                        data-videoattributes="title=0&byline=0&portrait=0&api=1" 
                        data-videoheight="['540px','405px','270px','203px']" 
                        data-videoloop="none" 
                        data-videowidth="['960px','720px','480px','360px']" 
                        data-vimeoid="142874198" 
                        data-voffset="['0','0','0','0']" 
                        data-volume="100" data-whitespace="nowrap" 
                        data-x="['center','center','center','center']" 
                        data-y="['middle','middle','middle','middle']" 
                        id="slide-2-layer-6" 
                        style="z-index: 14;"> 
                    </div>
                    <!-- LAYER NR. 7 -->
                    <div class="tp-caption Agency-CloseBtn rev-btn" 
                        data-actions='[{"event":"click","action":"stoplayer","layer":"slide-2-layer-6","delay":""}, {"event":"click","action":"stoplayer","layer":"slide-2-layer-7","delay":""}]' 
                        data-end="bytrigger" data-height="none" 
                        data-hoffset="['510','389','270','199']" 
                        data-lasttriggerstate="reset" data-responsive="off" data-responsive_offset="on" 
                        data-splitin="none" data-splitout="none" data-start="bytrigger" 
                        data-style_hover="c:rgba(255, 255, 255, 1.00);" 
                        data-transform_hover="o:1;sX:1.1;sY:1.1;rX:0;rY:0;rZ:0;z:0;s:500;e:Power1.easeInOut;" 
                        data-transform_idle="o:1;" 
                        data-transform_in="z:0;rX:0;rY:0;rZ:45deg;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:500;e:Power3.easeInOut;" 
                        data-transform_out="auto:auto;s:500;" 
                        data-voffset="['-298','-229','-163','-118']" 
                        data-whitespace="nowrap" 
                        data-width="50" 
                        data-x="['center','center','center','center']" 
                        data-y="['middle','middle','middle','middle']" 
                        id="slide-2-layer-7" 
                        style="z-index: 15; min-width: 50px; max-width: 50px; white-space: nowrap;text-align:center;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
                        <i class="flaticon-cross-out"></i>
                    </div> 
                </li>  
                <!-- SLIDE 1 -->  
                <li data-index="rs-16" data-transition="fade" data-slotamount="default"  data-easein="default" data-easeout="default" data-masterspeed="2000"  data-thumb="images/slider-1.jpg"  data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off"  data-title="The Children" data-description="">
                    <!-- MAIN IMAGE -->
                    <img src="images/slider-1.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
                    <!-- LAYER NR. 1 -->   
                    <div class="tp-caption concept_title" 
                        id="slide-1-layer-1" 
                        data-x="['left','left','left','left']" 
                        data-hoffset="['0','0','0','15']" 
                        data-y="['top','top','top','top','top']" 
                        data-voffset="['282','282','170','120']" 
                        data-fontsize="['67','67','50','35','25']" 
                        data-lineheight="['60','60','60','50']" 
                        data-width="['none','none','none','485','350']" 
                        data-height="none" 
                        data-whitespace="['nowrap','nowrap','nowrap','normal']" 
                        data-transform_idle="o:1;"  
                        data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeOut;" 
                        data-transform_out="opacity:0;s:1000;s:1000;" 
                        data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
                        data-start="1000" 
                        data-splitin="none" 
                        data-splitout="none" 
                        data-responsive_offset="on" 
                        style="z-index: 7; white-space: nowrap; text-align:left;">Finance Solution  
                    </div>
                    <!-- LAYER NR. 2 --> 
                    <div class="tp-caption concept_title" 
                        id="slide-1-layer-2" 
                        data-x="['left','left','left','left']" 
                        data-hoffset="['0','0','0','15']" 
                        data-y="['top','top','top','top']" 
                        data-voffset="['342','342','220','160']" 
                        data-fontsize="['60','60','50','35','25']" 
                        data-lineheight="['67','67','67','50']" 
                        data-width="['none','none','none','490','490']" 
                        data-height="none" 
                        data-whitespace="['nowrap','nowrap','nowrap','normal']" 
                        data-transform_idle="o:1;"   
                        data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeOut;" 
                        data-transform_out="opacity:0;s:1000;s:1000;" 
                        data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
                        data-start="1300" 
                        data-splitin="none" 
                        data-splitout="none" 
                        data-responsive_offset="on" 
                        style="z-index: 7; white-space: nowrap; text-align:left;">Provide better counseling 
                    </div>
                    <!-- LAYER NR. 3 -->  
                    <div class="tp-caption slider_sm_heding" 
                        id="slide-1-layer-3" 
                        data-x="['left','left','left','left']"  
                        data-hoffset="['0','0','0','15']" 
                        data-y="['top','top','top','top']" 
                        data-voffset="['460','460','320','230','230']"  
                        data-fontsize="['16','16','16','16',10']" 
                        data-lineheight="['30','30','30','25']" 
                        data-width="['830','680','640','600','420','420']"
                        data-height="none"
                        data-whitespace="normal"
                        data-transform_idle="o:1;" 
                        data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeOut;" 
                        data-transform_out="opacity:0;s:1000;s:1000;" 
                        data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
                        data-start="1500" 
                        data-splitin="none" 
                        data-splitout="none" 
                        data-responsive_offset="on"   
                        style="z-index: 8; min-width: 680px; max-width: 680px; white-space: normal;">Advice, consulting and financial leadership. Finding funding and capital through managing cash flow and profitability. Partner with us for the success of your business.
                    </div> 
                    <!-- LAYER NR. 4 -->
                    <div class="tp-caption get_started_btn" 
                        id="slide-1-layer-4" 
                        data-x="['left','left','left','left']" 
                        data-hoffset="['0','0','0','15']" 
                        data-y="['bottom','bottom','bottom','bottom']" 
                        data-voffset="['180','180','100','70']"  
                        data-width="none" data-height="none" data-whitespace="nowrap" 
                        data-transform_idle="o:1;" 
                        data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeOut;" 
                        data-transform_out="opacity:0;s:1000;s:1000;" 
                        data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
                        data-start="1700" 
                        data-splitin="none" 
                        data-splitout="none" 
                        data-responsive_offset="on"
                        style="z-index: 6; white-space: nowrap;">
                        <a href="#" class="theme_btn">Meet Our Expert</a> 
                    </div> 
                    <!-- LAYER NR. 5 -->
                    <a class="tp-caption play_btn" 
                        data-actions='[{"event":"click","action":"startlayer","layer":"slide-1-layer-6","delay":""}, {"event":"click","action":"startlayer","layer":"slide-1-layer-7","delay":"1000"},{"event":"click","action":"playvideo","layer":"slide-1-layer-6","delay":"1000"}]' 
                        data-height="none" 
                        data-hoffset="['245','245','230','280']" 
                        data-responsive_offset="on" 
                        data-splitin="none" data-splitout="none" 
                        data-start="2000"
                        data-transform_idle="o:1;" 
                        data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:2000;e:Power3.easeInOut;" 
                        data-transform_out="opacity:0;s:300;s:300;"  
                        data-voffset="['195','195','120','90']"  
                        data-whitespace="nowrap" 
                        data-width="30"  
                        data-x="['left','left','left','left']"
                        data-y="['bottom','bottom','bottom','bottom']" 
                        id="slide-1-layer-5"  
                        style="z-index: 6; white-space: nowrap; text-align: center; cursor: pointer">
                        <i class="flaticon-play-button"></i>
                    </a> 
                    <!-- LAYER NR. 6 -->
                    <div class="tp-caption tp-resizeme tp-videolayer" 
                        data-autoplay="off" data-end="bytrigger" 
                        data-hoffset="['0','0','0','0']" 
                        data-lasttriggerstate="reset" 
                        data-responsive_offset="on" data-start="bytrigger" 
                        data-transform_idle="o:1;" 
                        data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
                        data-transform_out="auto:auto;s:300;" 
                        data-videoattributes="title=0&byline=0&portrait=0&api=1" 
                        data-videoheight="['540px','405px','270px','203px']" 
                        data-videoloop="none" 
                        data-videowidth="['960px','720px','480px','360px']" 
                        data-vimeoid="142874198" 
                        data-voffset="['0','0','0','0']" 
                        data-volume="100" data-whitespace="nowrap" 
                        data-x="['center','center','center','center']" 
                        data-y="['middle','middle','middle','middle']" 
                        id="slide-1-layer-6" 
                        style="z-index: 14;"> 
                    </div>
                    <!-- LAYER NR. 7 -->
                    <div class="tp-caption Agency-CloseBtn rev-btn" 
                        data-actions='[{"event":"click","action":"stoplayer","layer":"slide-1-layer-6","delay":""}, {"event":"click","action":"stoplayer","layer":"slide-1-layer-7","delay":""}]' 
                        data-end="bytrigger" data-height="none" 
                        data-hoffset="['510','389','270','199']" 
                        data-lasttriggerstate="reset" data-responsive="off" data-responsive_offset="on" 
                        data-splitin="none" data-splitout="none" data-start="bytrigger" 
                        data-style_hover="c:rgba(255, 255, 255, 1.00);" 
                        data-transform_hover="o:1;sX:1.1;sY:1.1;rX:0;rY:0;rZ:0;z:0;s:500;e:Power1.easeInOut;" 
                        data-transform_idle="o:1;" 
                        data-transform_in="z:0;rX:0;rY:0;rZ:45deg;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:500;e:Power3.easeInOut;" 
                        data-transform_out="auto:auto;s:500;" 
                        data-voffset="['-298','-229','-163','-118']" 
                        data-whitespace="nowrap" 
                        data-width="50" 
                        data-x="['center','center','center','center']" 
                        data-y="['middle','middle','middle','middle']" 
                        id="slide-1-layer-7" 
                        style="z-index: 15; min-width: 50px; max-width: 50px; white-space: nowrap;text-align:center;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">
                        <i class="flaticon-cross-out"></i>
                    </div> 
                </li>          
                <!-- SLIDE 3 -->
                <li data-index="rs-81" data-transition="slideoverup" data-slotamount="7"  data-easein="default" data-easeout="default" data-masterspeed="1000"  data-thumb="images/slider-3.jpg" data-title="Event Video">
                    <!-- MAIN IMAGE -->
                    <img src="images/slider-3.jpg"  alt=""  data-lazyload="images/slider-3.jpg" data-bgposition="left center" data-kenburns="on" data-duration="30000" data-scalestart="110" data-scaleend="100" class="rev-slidebg" data-no-retina> 
                    <!-- LAYER NR. 1 -->   
                    <div class="tp-caption concept_title text-center" 
                        id="slide-3-layer-1" 
                        data-x="['center','center','center','center']" 
                        data-hoffset="['0','0','0','15']" 
                        data-y="['top','top','top','top','top']"  
                        data-voffset="['282','282','170','120']" 
                        data-fontsize="['60','60','50','35','25']" 
                        data-lineheight="['67','67','67','50']" 
                        data-width="['none','none','none','485','350']" 
                        data-height="none" 
                        data-whitespace="['nowrap','nowrap','nowrap','normal']" 
                        data-transform_idle="o:1;"  
                        data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeOut;" 
                        data-transform_out="opacity:0;s:1000;s:1000;" 
                        data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
                        data-start="1000" 
                        data-splitin="none" 
                        data-splitout="none" 
                        data-responsive_offset="on" 
                        style="z-index: 7; white-space: nowrap;">Finance Solution  
                    </div>
                    <!-- LAYER NR. 2 --> 
                    <div class="tp-caption concept_title text-center" 
                        id="slide-3-layer-2" 
                        data-x="['center','center','center','center']" 
                        data-hoffset="['0','0','0','15']" 
                        data-y="['top','top','top','top']"  
                        data-voffset="['342','342','220','160']" 
                        data-fontsize="['60','60','50','35','25']" 
                        data-lineheight="['67','67','67','50']" 
                        data-width="['none','none','none','490','490']" 
                        data-height="none" 
                        data-whitespace="['nowrap','nowrap','nowrap','normal']" 
                        data-transform_idle="o:1;"   
                        data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeOut;" 
                        data-transform_out="opacity:0;s:1000;s:1000;" 
                        data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
                        data-start="1300" 
                        data-splitin="none" 
                        data-splitout="none" 
                        data-responsive_offset="on" 
                        style="z-index: 7; white-space: nowrap; text-align:left;">Provide better counseling 
                    </div>
                    <!-- LAYER NR. 3 -->  
                    <div class="tp-caption slider_sm_heding text-center" 
                        id="slide-3-layer-3" 
                        data-x="['center','center','center','center']"  
                        data-hoffset="['0','0','0','15']" 
                        data-y="['top','top','top','top']" 
                        data-voffset="['460','460','320','230','230']"  
                        data-fontsize="['16','16','16','16',10']" 
                        data-lineheight="['30','30','30','25']" 
                        data-width="['830','680','640','600','420','420']"
                        data-height="none"
                        data-whitespace="normal"
                        data-transform_idle="o:1;" 
                        data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeOut;" 
                        data-transform_out="opacity:0;s:1000;s:1000;" 
                        data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
                        data-start="1500" 
                        data-splitin="none" 
                        data-splitout="none" 
                        data-responsive_offset="on"   
                        style="z-index: 8; min-width: 680px; max-width: 680px; white-space: normal;">Advice, consulting and financial leadership. Finding funding and capital through managing cash flow and profitability. Partner with us for the success of your business.
                    </div> 
                    <!-- LAYER NR. 4 -->
                    <div class="tp-caption get_started_btn" 
                        id="slide-3-layer-4" 
                        data-x="['center','center','center','center']" 
                        data-hoffset="['0','0','0','15']" 
                        data-y="['bottom','bottom','bottom','bottom']" 
                        data-voffset="['180','180','100','70']"   
                        data-width="none" data-height="none" data-whitespace="nowrap" 
                        data-transform_idle="o:1;" 
                        data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeOut;" 
                        data-transform_out="opacity:0;s:1000;s:1000;" 
                        data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
                        data-start="1700" 
                        data-splitin="none" 
                        data-splitout="none" 
                        data-responsive_offset="on"
                        style="z-index: 6; white-space: nowrap;">
                        <a href="#" class="theme_btn">Meet Our Expert</a> 
                    </div>   
                </li> 
            </ul> 
            <div class="tp-bannertimer tp-bottom" style="height: 4px; background-color: rgba(255, 255, 255, 0.25);"></div>	 
        </div>
    </section>
    <!-- End Slider Area -->
    <!-- Future Area -->
    <section class="future_area fa_2">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 future">
                    <a href="#"><i class="flaticon-certificate"></i>Marketting</a>
                    <p>Consulting understands that to help meet client challenges</p>
                </div>
                <div class="col-lg-4 col-md-6 future active">
                    <a href="#"><i class="flaticon-calendar"></i>Future-Proof </a>
                    <p>Future proof Consulting understands that to help meet client challenges</p>
                </div>
                <div class="col-lg-4 col-md-6 future">
                    <a href="#"><i class="flaticon-tag"></i>Tax &amp; Pays</a>
                    <p>Tax and pays Consulting understands that to help meet client challenges</p>
                </div>
            </div>
        </div>
    </section>
    <!-- End Future Area -->
    <!-- Welcome Area -->
    <section class="welcome_barisal wb_2">
        <h2>Welcome to Barisal Finance</h2>
        <div class="welcome_video w_img"> 
            <img src="images/trusted-img-2.jpg" alt="">
        </div> 
        <div class="welcome_content"> 
            <h6>We work with people struggling with debt to explain their options and develop a customized plan.</h6>
            <p>Advisory Business Consulting offers a wide range of services to businesses either before or during tough financial times. What sets us apart from other firms in the industry is over three decades of combined legal and business expertise. Whether your business is struggling to avoid bankruptcy or trying its best to prepare for it, we will provide the assistance you need to make the right decisions.</p>
            <h4>Mahfuz Riad</h4>
            <img src="images/signature.png" alt="">
            <h6 class="insurers">How insurers, banking and fintech firms can leverage IAM to drive their digital transformation.</h6>
            <a href="#">Learn more</a>
        </div> 
    </section>
    <!-- End Welcome Area -->
    <!-- Quick contact Area -->
    <div class="container">
        <div class="quick_contact">
            <h3>Would you like to learn more about fsolution business consulting?</h3>
            <a href="#" class="theme_btn">Quick contact</a>
        </div>
    </div>
    <!-- End Quick contact Area -->
    <!-- Our Services Area -->
    <section class="services_area">
        <div class="container">
           <div class="tittle">
               <h2>Our Services</h2>
               <p>Finance Solutions is the latest generation software from Sigma Data &amp; Computers Ltd, and is designed to help you organize and manage your Banking,</p>
               <a href="services.html" class="theme_btn">Load  more</a>
           </div>
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="services_items">
                        <div class="service_img">
                            <img src="images/services-1.jpg" alt="">
                            <div class="hover">
                                <i class="flaticon-laptop-profits-graphics"></i>
                            </div>
                        </div>
                        <a href="#"><i class="flaticon-laptop-profits-graphics"></i>Trades and Stocks</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="services_items">
                        <div class="service_img">
                            <img src="images/services-2.jpg" alt="">
                            <div class="hover">
                                <i class="flaticon-tax"></i>
                            </div>
                        </div>
                        <a href="#"><i class="flaticon-tax"></i>Tax and  Payments</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="services_items">
                        <div class="service_img">
                            <img src="images/services-3.jpg" alt="">
                            <div class="hover">
                                <i class="flaticon-certificate"></i>
                            </div>
                        </div>
                        <a href="#"><i class="flaticon-certificate"></i>Performance</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Our Services Area -->
    <!-- Trusted Area -->
    <section class="trusted_area">
        <div class="trusted_text_area">
            <div class="trusted_content">
                <h2>We are trusted by more than <span>25,350 clients</span></h2>
                <p class="bold_p">Barisal works with banks and financial institutions to integrate and deploy the communication solution and guarantees 100% deployment as well as 24/7 tech support.</p>
                <p>It goes without saying that customer data security and compliance is top of mind in most retail boardrooms. Auth0 has built state-of-the-art security into our product, so you can take advantage of cutting-edge features designed to make protecting your users and business worry-free.</p>
                <a href="about.html" class="theme_btn"><i class="fa fa-long-arrow-right"></i>About Barisal</a>
            </div>
        </div>
        <div class="trusted_img_area">
            <img src="images/trusted-img.jpg" alt="">
        </div>
    </section>
    <!-- End trusted Area -->
    <!-- Project Sucessfull  Area -->
    <section class="project_sucessfull ps_2">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 row">
                    <div class="col-xl-3 col-lg-4 col-md-6 counter_items">
                        <h4>Project Sucessfull</h4>
                        <h2 class="counter">1684</h2>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 counter_items p-0">
                        <h4>Experienced Consultants</h4>
                        <h2 class="counter">2450</h2>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6 counter_items ci_2">
                        <h4>Avg Profit Increased</h4>
                        <h2><span class="counter">70</span>%</h2>
                    </div>
                    <div class="col-xl-2 col-lg-4 col-md-6 counter_items">
                        <h4>Team Members</h4>
                        <h2 class="counter">114</h2>
                    </div>
                </div>
                <div class="col-lg-8 project_sucessfull_text pst_2">
                    <p>Our aim is to make finance markets work better for small businesses in the UK at all stages of their development: starting up, scaling up and staying ahead.</p> 
                    <a href="#" class="theme_btn">Request for free consulting</a>
                </div>
                <div class="col-lg-4 visit_col">
                   <div class="visit_website"> 
                        <a href="#"><img src="images/mercury-logo.png" alt="">Visit website</a>
                        <p>Partner, Advisory Services Corporate Finance Groaup Leader</p>
                   </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Project Sucessfull Area -->
    <!-- Our Project Area -->
    <section class="our_project op_2">
        <div class="container">
           <div class="tittle">
                <h2>Our Project</h2> 
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" href="#home" role="tab">All Projects </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#Marketing" role="tab">Marketing</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#Management " role="tab">Money Management</a> 
                    </li>
                    <li class="nav-item"> 
                        <a class="nav-link" data-toggle="tab" href="#Consulting " role="tab">Consulting</a>
                    </li>
                </ul>
               <p>Finance Solutions is the latest generation software from Sigma Data &amp; Computers Ltd, and is designed to help you organize and manage your Banking,</p>
               <a href="#" class="theme_btn">Load  more</a>
           </div>  
            <div class="tab-content">
                <div class="tab-pane fade show active" id="home" role="tabpanel"> 
                   <div class="row"> 
                        <div class="col-lg-4 col-md-6">
                            <div class="project">
                                <div class="project_img">
                                    <img src="images/project-1.jpg" alt="">
                                </div>
                                <a href="#">Family Asset Management</a>
                                <p>Turn your visitors into customers with our team of experts. </p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="project">
                                <div class="project_img">
                                    <img src="images/project-2.jpg" alt="">
                                </div>
                                <a href="#">Finance and Consulting</a>
                                <p>Turn your visitors into customers with our team of experts. </p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="project">
                                <div class="project_img">
                                    <img src="images/project-3.jpg" alt="">
                                </div>
                                <a href="#">Banking </a>
                                <p>Turn your visitors into customers with our team of experts. </p>
                            </div>
                        </div>
                   </div>
                </div>
                <div class="tab-pane fade" id="Marketing" role="tabpanel">
                   <div class="row"> 
                        <div class="col-lg-4 col-md-6">
                            <div class="project">
                                <div class="project_img">
                                    <img src="images/project-2.jpg" alt="">
                                </div>
                                <a href="#">Finance and Consulting</a>
                                <p>Turn your visitors into customers with our team of experts. </p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="project">
                                <div class="project_img">
                                    <img src="images/project-1.jpg" alt="">
                                </div>
                                <a href="#">Family Asset Management</a>
                                <p>Turn your visitors into customers with our team of experts. </p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="project">
                                <div class="project_img">
                                    <img src="images/project-3.jpg" alt="">
                                </div>
                                <a href="#">Banking </a>
                                <p>Turn your visitors into customers with our team of experts. </p>
                            </div>
                        </div>
                   </div>
                </div>
                <div class="tab-pane fade" id="Management" role="tabpanel">
                   <div class="row"> 
                        <div class="col-lg-4 col-md-6">
                            <div class="project">
                                <div class="project_img">
                                    <img src="images/project-3.jpg" alt="">
                                </div>
                                <a href="#">Banking </a>
                                <p>Turn your visitors into customers with our team of experts. </p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="project">
                                <div class="project_img">
                                    <img src="images/project-2.jpg" alt="">
                                </div>
                                <a href="#">Finance and Consulting</a>
                                <p>Turn your visitors into customers with our team of experts. </p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="project">
                                <div class="project_img">
                                    <img src="images/project-1.jpg" alt="">
                                </div>
                                <a href="#">Family Asset Management</a>
                                <p>Turn your visitors into customers with our team of experts. </p>
                            </div>
                        </div>
                   </div>
                </div>
                <div class="tab-pane fade" id="Finance" role="tabpanel">
                   <div class="row"> 
                        <div class="col-lg-4 col-md-6">
                            <div class="project">
                                <div class="project_img">
                                    <img src="images/project-2.jpg" alt="">
                                </div>
                                <a href="#">Finance and Consulting</a>
                                <p>Turn your visitors into customers with our team of experts. </p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="project">
                                <div class="project_img">
                                    <img src="images/project-3.jpg" alt="">
                                </div>
                                <a href="#">Banking </a>
                                <p>Turn your visitors into customers with our team of experts. </p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="project">
                                <div class="project_img">
                                    <img src="images/project-1.jpg" alt="">
                                </div>
                                <a href="#">Family Asset Management</a>
                                <p>Turn your visitors into customers with our team of experts. </p>
                            </div>
                        </div>
                   </div>
                </div>
                <div class="tab-pane fade" id="Consulting" role="tabpanel">
                   <div class="row"> 
                        <div class="col-lg-4 col-md-6">
                            <div class="project">
                                <div class="project_img">
                                    <img src="images/project-1.jpg" alt="">
                                </div>
                                <a href="#">Family Asset Management</a>
                                <p>Turn your visitors into customers with our team of experts. </p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="project">
                                <div class="project_img">
                                    <img src="images/project-2.jpg" alt="">
                                </div>
                                <a href="#">Finance and Consulting</a>
                                <p>Turn your visitors into customers with our team of experts. </p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6">
                            <div class="project">
                                <div class="project_img">
                                    <img src="images/project-3.jpg" alt="">
                                </div>
                                <a href="#">Banking </a>
                                <p>Turn your visitors into customers with our team of experts. </p>
                            </div>
                        </div>
                   </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Our Project Area -->
    <!-- Testimonial Area -->
    <section class="testimonial ts_2"> 
        <div class="container"> 
           <h2>Customer Feedback</h2>
            <div class="carousel slide testimonial_carousel" data-ride="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <p>It goes without saying that customer data security and compliance is top of mind in most retail boardrooms. Barisal has built state-of-the-art security into our product, so you can take advantage of cutting-edge features designed to make protecting your users and business worry-free.</p>
                        <div class="media">
                            <img src="images/testimonial.jpg" alt="">
                            <div class="media-body">
                                <a href="#">Emran Khan</a>
                                <h6>Web Developer</h6>
                            </div>
                        </div> 
                    </div>  
                    <div class="carousel-item">
                        <p>It goes without saying that customer data security and compliance is top of mind in most retail boardrooms. Barisal has built state-of-the-art security into our product, so you can take advantage of cutting-edge features designed to make protecting your users and business worry-free.</p>
                        <div class="media">
                            <img src="images/testimonial.jpg" alt="">
                            <div class="media-body">
                                <a href="#">Mahfuz Riyad</a>
                                <h6>Web designer</h6>
                            </div>
                        </div> 
                    </div> 
                    <div class="carousel-item">
                        <p>It goes without saying that customer data security and compliance is top of mind in most retail boardrooms. Barisal has built state-of-the-art security into our product, so you can take advantage of cutting-edge features designed to make protecting your users and business worry-free.</p>
                        <div class="media">
                            <img src="images/testimonial.jpg" alt="">
                            <div class="media-body">
                                <a href="#">Foqrul  Islam</a>
                                <h6>SEO Themazine</h6>
                            </div>
                        </div> 
                    </div>  
                </div>  
                <ol class="carousel-indicators">
                    <li data-target=".testimonial_carousel" data-slide-to="0" class="active">1</li>
                    <li data-target=".testimonial_carousel" data-slide-to="1">2</li>
                    <li data-target=".testimonial_carousel" data-slide-to="2">3</li>
                </ol>
            </div> 
        </div>
    </section>
    <!-- End testimonial Area -->
    <!-- Experience Area -->
    <section class="experience_area"> 
        <div class="since_inner">
            <div class="since_area">
                <h1><small>Since</small>1988</h1>
                <p>One key to designing a successful modernization initiative is to figure out which components to build in-house, </p>
                <h4>20 Years Experience with Finance Services</h4>
            </div>
        </div> 
        <div class="significant">
            <p>In 2018, two significant regulations will have a large impact on finan-cial institutions — PSD2 and GDPR</p>
        </div>
    </section>
    <!-- End Experience Area -->
    <!-- Our latest news Area -->   
    <section class="latest_news_area lna_2">
        <div class="container">
           <div class="tittle">
               <h2>Our latest news</h2>
               <p>Finance Solutions is the latest generation software from Sigma Data &amp; Computers Ltd, and is designed to help you organize and manage your Banking,</p>
               <a href="blog.html" class="theme_btn">Load  more</a>
           </div>
            <div class="row">
                <div class="col-xl-6 col-lg-12"> 
                   <div class="media"> 
                        <div class="latest_news_img">
                            <img src="images/latest-news-4.jpg" alt=""> 
                        </div>
                        <div class="media-body"> 
                            <div class="latest_news">
                                <a href="blog-single.html">Move Money Across Borders Quickly,</a>
                                <h6>March 02, 2018</h6>
                                <p>Lantern Capital Advisors succeeds in developing business plans and raising growth capital</p>
                            </div>
                        </div>
                   </div>
                </div> 
                <div class="col-xl-6 col-lg-12"> 
                   <div class="media"> 
                        <div class="latest_news_img">
                            <img src="images/latest-news-5.jpg" alt=""> 
                        </div>
                        <div class="media-body"> 
                            <div class="latest_news">
                                <a href="blog-single.html">Corporate Finance Consulting Corporate Dispute Resolution</a>
                                <h6>March 01, 2018</h6>
                                <p>We succeed in developing business and raising growth capital for entrepreneurs and businesses</p>
                            </div>
                        </div>
                   </div>
                </div>   
            </div>
        </div>
    </section> 
    <!-- End Our latest news Area --> 
    <!-- Footer Area -->  
    <footer class="footer_area">
        <div class="container">
            <div class="footer_inner row"> 
                <div class="col-lg-4 col-md-6 footer_logo">
                    <a href="index.html"><img src="images/footer-logo.png" alt=""></a> 
                    <p>Over 20 years of experience we’ll ensure you always get the best guidance. </p>
                    <a href="#" class="request_free"><i class="fa fa-arrow-right"></i>Request for Free Quote</a>
                    <h4><small>Contact us</small>02 (0) 9292162</h4>
                </div>
                <div class="footer_widget col-lg-3 col-md-6">
                    <h4>Latest News</h4>
                    <ul class="news_widget">
                        <li><a href="blog.html">Business processes are ...</a><span>Novebmer 12, 2018</span></li>
                        <li><a href="blog.html">Create your own financial ...</a><span>Novebmer 12, 2018</span></li>
                        <li><a href="blog.html">3 Reasons Your Data...</a><span>Novebmer 12, 2018</span></li>
                    </ul>
                </div>  
                <div class="footer_widget col-lg-2 col-md-6">
                    <h4>Our Quick Focus</h4>
                    <ul class="footer_nav"> 
                        <li><a href="services.html">Services</a></li>
                        <li><a href="services.html">Business Growth</a></li>
                        <li><a href="services.html">Sustainability</a></li>
                        <li><a href="services.html">Performance</a></li>
                        <li><a href="services.html">Advertise</a></li>
                        <li><a href="services.html">Careers</a></li>
                        <li><a href="services.html">Marketing</a></li>
                        <li><a href="services.html">Business Intelligence</a></li>
                    </ul>
                </div> 
                <div class="footer_widget col-lg-3 col-md-6 social_widget">
                    <h4>Social Connection</h4>
                    <ul class="footer_social"> 
                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#" class="pinterest"><i class="fa fa-pinterest"></i></a></li>
                        <li><a href="#" class="google"><i class="fa fa-google"></i></a></li>
                        <li><a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a></li>
                    </ul>
                    <p>Receive news right on your email</p> 
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="Your email">
                        <div class="input-group-append">
                            <span class="input-group-text"><i class="fa fa-paper-plane"></i></span>
                        </div>
                    </div>
                </div>  
            </div>
            <div class="copy_right"> 
                <p>Copyright 2018, All Right Reserved, <a href="http://jqueryfuns.com">Themazine</a></p> 
            </div>
        </div> 
    </footer>
    <!-- End Footer Area -->  
    <!-- Scroll Top Button -->
    <button class="scroll-top">
        <i class="fa fa-angle-double-up"></i>
    </button> 
    <!-- Preloader --> 
    <div class="preloader"></div>
    <!-- jQuery v3.3.1 -->
    <script src="js/jquery-3.3.1.min.js"></script> 
    <!-- Bootstrap v4.0.0 -->
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script> 
    <!-- Rev slider js -->
    <script src="vendors/revolution/js/jquery.themepunch.tools.min.js"></script>
    <script src="vendors/revolution/js/jquery.themepunch.revolution.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.actions.min.js"></script> 
    <script src="vendors/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.video.min.js"></script>
    <!-- Extra Plugin -->
    <script src="vendors/animate-css/wow.min.js"></script>
    <script src="vendors/magnify-popup/jquery.magnific-popup.min.js"></script> 
    <script src="vendors/counterup/jquery.waypoints.min.js"></script> 
    <script src="vendors/counterup/jquery.counterup.min.js"></script>  
    <script src="vendors/owl-carousel/owl.carousel.min.js"></script> 
    <!-- Theme js / Custom js -->
    <script src="js/theme.js"></script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册
小小的太阳
关注
TA的相关作品 >>更多
热搜关键词


热门标签: 扁平化 养生会馆 植物花草 游戏 黑色 bootstrap自适应 IT网络科技 蓝色 普通自适应 欧美风 旅游 红色 中国风 金融理财保险 绿色 韩系 高校 灰色 日系 简洁简约 工业产品 黄色 炫酷 家居装饰 紫色 卡通动画 橙色 招聘猎头 精美 实用通用 艺术创意 粉色 政府 婚庆 大气 白色 新闻资讯 婚纱摄影 棕色 清新 教育培训 彩色 绘画 设计 餐饮美食 其他风格 外贸 服装服饰 建筑 化工企业 医药器械 美容美发 动漫 电影视频 包装印刷 机械 汽车4S店 农业产品 咨询管理 酒店 健身房 化妆品 食品 花卉 房地产 协会组织 快递货运 数码电器 搬家 珠宝首饰 酒业 文化传媒 装修装饰 医院医疗 律师 酒吧音乐 图书 动物宠物 航空航天 股票 能源 公益 饮品 生活用品 家政保洁 体育 房屋租赁 商务 电力公司 打车租车 环保 宗教寺庙 工具文具 企业行业 自适应响应式 风格类型 颜色色彩

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到