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



5 16 6



模板描述:蓝色扁平风格 金融投资公司 企业网站,蓝色扁平风格的金融投资公司企业网站源码下载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>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 企业 行业 公司 工厂 bootstrap bootstrap自适应 bootstrap响应式 蓝色 欧美风 欧美 欧洲 美洲 pc+wap 移动+电脑 手机+电脑 金融 理财 保险 金融公司 理财公司 保险公司 简洁 简约 简单

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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