HTML5橙色宽屏样式企业商务代理网页模板代码下载



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

11 43 15



模板描述:橙色 宽屏样式 企业商务代理。整站宽屏满屏展示效果。鼠标移动在图片区域或者文字区域上有放大效果和展开效果。右侧部分带有自动反动和滚动效果,鼠标移动上之后,停止移动和滚动效果。适用企业商务代理等行业。同时兼容手机端和电脑网页端。

代码结构

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/aos.css">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/menu-maker.css">
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css">
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/animated-spin.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700|Montserrat:400,500,500i,600,700|Open+Sans:400,600,700,800&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/aos.css">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/menu-maker.css">
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css">
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/animated-spin.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700|Montserrat:400,500,500i,600,700|Open+Sans:400,600,700,800&display=swap" rel="stylesheet">

2. 引入JS

<script src="js/vendor/modernizr.js"></script>
<script src="js/html5/respond.min.js"></script>
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/vendor/popper.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/vendor/menu.js"></script>
<script src="js/vendor/aos.js"></script>
<script src="js/vendor/owl-carousel.js"></script>
<script src="js/vendor/counter.js"></script>
<script src="js/vendor/isotop.js"></script>
<script src="js/vendor/magnifice-js.js"></script>
<script src="js/vendor/slick.min.js"></script>
<script src="js/vendor/easing.js"></script>
<script src="js/main.js"></script>
<script src="js/vendor/modernizr.js"></script>
<script src="js/html5/respond.min.js"></script>
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/vendor/popper.min.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/vendor/menu.js"></script>
<script src="js/vendor/aos.js"></script>
<script src="js/vendor/owl-carousel.js"></script>
<script src="js/vendor/counter.js"></script>
<script src="js/vendor/isotop.js"></script>
<script src="js/vendor/magnifice-js.js"></script>
<script src="js/vendor/slick.min.js"></script>
<script src="js/vendor/easing.js"></script>
<script src="js/main.js"></script>

3. HTML代码

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Home 2</title>
    <!-- Standard Favicon -->
    <link rel="icon" href="img/fav/favicon-96x96.png">
    <!-- Touch Icons - iOS and Android 2.1+ -->
    <link rel="apple-touch-icon" href="img/fav/android-icon-48x48.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/fav/android-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="img/fav/apple-icon-114x114.png" />
    <!--bootstrap v4.0.0-->
    <!--animate-->
    <!--reset css-->
    <!--menu css-->
    <!--owl-carousel-->
    <!--pop up css-->
    <!--fontawesome cdn-->
    <!--main style-->
    <!--modernizr-->
    <!--[if lt IE 9]>
    <![endif]-->
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="60">
    <div class="se-pre-con"></div>
    <!-- start header section -->
    <header>
        <div class="topBarFist">
            <div class="container">
                <div class="row">
                    <div class="col-6">
                        <div class="dropdown">
                            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                english
                            </button>
                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                <a class="dropdown-item" href="#">France</a>
                                <a class="dropdown-item" href="#">Russian</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <ul class="right_infoTop">
                            <li><a href="mailto:[email protected]"><i class="fas fa-envelope"></i> [email protected]</a></li>
                            <li><a href="tel:001148"><i class="fas fa-phone fa-rotate-90"></i> 00 123 456 789</a></li>
                        </ul><!--/.right_infoTop-->
                    </div>
                </div>
            </div><!--/.container-->
        </div><!--/.topBarFist-->
        <!--mainNavigation-->
        <div class="header-logo-menu bg_cover home2">
            <div class="container">
                <div class="navigatin">
                    <div class="row no-gutters">
                        <div class="col-lg-4">
                            <a class="navbar-brand" href="#">
                                <img src="img/logo.png" alt="menu"/>
                            </a>
                        </div>
                        <div class="col-lg-8">
                            <nav id="mobile-menu" class="main-menu">
                                <ul>
                                    <li>
                                        <a class="active" href="index.html">Home</a>
                                        <ul class="sub-menu">
                                            <li><a href="index.html">Home 01</a></li>
                                            <li><a href="index-2.html">Home 02</a></li>
                                            <li><a href="index-3.html">Home 03</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="about.html">About us</a>
                                    </li>
                                    <li>
                                        <a href="services.html">services</a>
                                    </li>
                                    <li>
                                        <a  href="portfolio.html">Portfolio</a>
                                        <ul class="sub-menu">
                                            <li><a href="portfolio.html">Portfolio 01</a></li>
                                            <li><a href="portfolio2.html">Portfolio 02</a></li>
                                            <li><a href="portfolio3.html">portfolio 03</a></li>
                                        </ul>
                                    </li>
                                     <li>
                                        <a  href="blog.html">Blog</a>
                                        <ul class="sub-menu">
                                            <li><a href="blog.html">Blog</a></li>
                                            <li><a href="blog-left.html">Blog Left</a></li>
                                            <li><a href="blog-right.html">blog right</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a  href="#">pages</a>
                                        <ul class="sub-menu">
                                            <li><a href="single.html">Blog Details</a></li>
                                            <li><a href="team.html">Teams</a></li>
                                            <li><a href="service-single.html">Service Single</a></li>
                                            <li><a href="pricing.html">Pricing</a></li>
                                            <li><a href="404.html">404</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="contact.html">contact</a>
                                    </li>
                                    <li class="search">
                                        <form class="navbar-form navbar-right navbar-form-search" role="search">
                                            <div class="search-form-container hdn" id="search-input-container">
                                                <div class="search-input-group">
                                                    <button type="button" class="btn btn-default" id="hide-search-input-container"><i class="fas fa-ellipsis-h"></i></button>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control" placeholder="Search for...">
                                                    </div>
                                                </div>
                                            </div>
                                            <button type="submit" class="btn btn-default" id="search-button"><i class="fa fa-search"></i></button>
                                        </form>
                                    </li>
                                </ul>
                            </nav> <!-- nav -->
                            <div class="mobile-menu"></div>
                        </div>
                    </div> <!-- row -->
                </div>
            </div> <!-- container -->
        </div>
        <!--mainNavigation-->
    </header>
    <!-- end of header section -->
    <!--hero-section-->
    <section class="hero-section-tp home2">
        <div class="container">
            <div class="row">
                <div class="col-md-7">
                    <div class="row h-100">
                        <div class="col-md-12 align-self-center">
                            <div class="hero_content_left">
                                <h1>the best way to run your business</h1>
                                <p>Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has been the industry.</p>
                                <div class="btn-group">
                                    <a href="#" class="btn">live preview</a>
                                    <a href="#" class="btn">Contact Us</a>
                                </div>
                            </div><!--/.hero_content_left-->
                        </div>
                    </div>
                </div>
            </div>
        </div><!--/.container-->
     </section>
    <!--hero-section-->
    <!--partner-logo-->
    <div class="partner_logo_sec home2">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="owl-carousel" id="partner-logo-owl">
                        <div>
                            <div class="single-logo">
                                <img src="img/partner1.png" alt=""/>
                            </div>
                        </div>
                        <div>
                            <div class="single-logo">
                                <img src="img/partner2.png" alt=""/>
                            </div>
                        </div>
                        <div>
                            <div class="single-logo">
                                <img src="img/partner3.png" alt=""/>
                            </div>
                        </div>
                        <div>
                            <div class="single-logo">
                                <img src="img/partner4.png" alt=""/>
                            </div>
                        </div>
                        <div>
                            <div class="single-logo">
                                <img src="img/partner5.png" alt=""/>
                            </div>
                        </div>
                        <div>
                            <div class="single-logo">
                                <img src="img/partner2.png" alt=""/>
                            </div>
                        </div>
                        <div>
                            <div class="single-logo">
                                <img src="img/partner5.png" alt=""/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!--/.container-->
    </div>
    <!--partner-logo-->
    <!--service_sec2-->
    <section class="service_sec2 py-90">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <div class="single_serviceHm2">
                        <div class="icon">
                            <img src="img/home2/icon/service1.png" alt=""/>
                        </div>
                        <div class="content">
                            <h5>digitak</h5>
                            <h4>Follow the Digitak Trends & Lead the Changes</h4>
                            <p>Duis autem vel eum iriure dolor in hendri it in vul esse molestie consequat vel Liun veridolore eu fer feugiat eorum</p>
                        </div>
                    </div><!--/.single_serviceHm2-->
                </div>
                <div class="col-md-4">
                    <div class="single_serviceHm2">
                        <div class="icon">
                            <img src="img/home2/icon/service2.png" alt=""/>
                        </div>
                        <div class="content">
                            <h5>branding</h5>
                            <h4>The Biggest World Brands Al ways Take Risks</h4>
                            <p>Duis autem vel eum iriure dolor in hendri it in vul esse molestie consequat vel Liun veridolore eu fer feugiat eorum</p>
                        </div>
                    </div><!--/.single_serviceHm2-->
                </div>
                <div class="col-md-4">
                    <div class="single_serviceHm2">
                        <div class="icon">
                            <img src="img/home2/icon/service3.png" alt=""/>
                        </div>
                        <div class="content">
                            <h5>marketing</h5>
                            <h4>Let's Boost Your Business & Grow Together</h4>
                            <p>Duis autem vel eum iriure dolor in hendri it in vul esse molestie consequat vel Liun veridolore eu fer feugiat eorum</p>
                        </div>
                    </div><!--/.single_serviceHm2-->
                </div>
            </div>
        </div><!--/.container-->
        <div class="servicePromoHm2 pt-90">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="service_leftImg2">
                            <img src="img/home2/services.jpg" alt=""/>
                        </div><!--/.service_leftImg2-->
                    </div>
                    <div class="col-md-6">
                        <div class="row h-100">
                            <div class="col-md-12 align-self-center">
                                <div class="title style2">
                                    <h5>Building Relationship</h5>
                                    <h3>How you can save time & money in your Business</h3>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, do eius as incididunt ut labore et dolore magna aliqua. Ut enim ad min im ven nostrud exercitati ullamco laboris nisi ut aliquip ex eacommodo co rem ipsum dolor sit amet, consectetur adipisicing elit</p>
                                    <p>do eius mod tempor incididunt ut labore et dolore magna aliqua. Ut min im veniam, quis nostrud exercitati ullamco laboris nisi ut aliqui mmodo consequat tempor incididunt ut.</p>
                                    <a href="#" class="btn style2">Consult Now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div><!--/.container-->
        </div><!--/.servicePromoHm2-->
    </section>
    <!--service_sec2-->
    <!--best_services2-->
    <section class="best_services2 py-90">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="title style3 text-center">
                        <h5>Awesome Service</h5>
                        <h3>We Provide Best Service</h3>
                    </div>
                </div>
                <div class="w-100"></div>
                <div class="col-md-4">
                    <div class="single_service_in2">
                        <h5>Track</h5>
                        <h4>ECommerce Solutions</h4>
                        <p>Lorem Ipsum is simply dummy text of the and typesetting industry. Lorem Ipsum as the industry standard dummy text</p>
                        <a href="#" class="btn style3">Read More</a>
                    </div><!--/.single_service_in2-->
                </div>
                <div class="col-md-4">
                    <div class="single_service_in2">
                        <h5>Exponetial</h5>
                        <h4>Creative Design</h4>
                        <p>Lorem Ipsum is simply dummy text of the and typesetting industry. Lorem Ipsum as the industry standard dummy text</p>
                        <a href="#" class="btn style3">Read More</a>
                    </div><!--/.single_service_in2-->
                </div>
                <div class="col-md-4">
                    <div class="single_service_in2">
                        <h5>Brand</h5>
                        <h4>Marketing Strategy</h4>
                        <p>Lorem Ipsum is simply dummy text of the and typesetting industry. Lorem Ipsum as the industry standard dummy text</p>
                        <a href="#" class="btn style3">Read More</a>
                    </div><!--/.single_service_in2-->
                </div>
                <div class="col-md-4">
                    <div class="single_service_in2">
                        <h5>Trusted</h5>
                        <h4>Freelance Agency</h4>
                        <p>Lorem Ipsum is simply dummy text of the and typesetting industry. Lorem Ipsum as the industry standard dummy text</p>
                        <a href="#" class="btn style3">Read More</a>
                    </div><!--/.single_service_in2-->
                </div>
                <div class="col-md-4">
                    <div class="single_service_in2">
                        <h5>Diverse</h5>
                        <h4>Digital plan Agency</h4>
                        <p>Lorem Ipsum is simply dummy text of the and typesetting industry. Lorem Ipsum as the industry standard dummy text</p>
                        <a href="#" class="btn style3">Read More</a>
                    </div><!--/.single_service_in2-->
                </div>
                <div class="col-md-4">
                    <div class="single_service_in2">
                        <h5>Pioneeers</h5>
                        <h4>Corporate Agency</h4>
                        <p>Lorem Ipsum is simply dummy text of the and typesetting industry. Lorem Ipsum as the industry standard dummy text</p>
                        <a href="#" class="btn style3">Read More</a>
                    </div><!--/.single_service_in2-->
                </div>
            </div>
        </div><!--/.container-->
    </section>
    <!--best_services2-->
    <!--video-promo2-->
    <section class="video-promo2 py-90">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="title style3 left-0">
                        <h3>We Provide Quality & Cost<br> Effective Service.</h3>
                        <p>Lorem ipsum dolor sit amet consectetur adipiscing elit, sed do tempor incididunt ut labore et dolore magna aliqua. Ut enim a veniam quis nostrud exercitation cras.</p>
                        <p>On the other hand, we denounce with righteous indignation a men who are so beguiled and demoralized.</p>
                        <a href="#" class="btn style2">Read More</a>
                    </div>
                </div>
                <div class="col-md-6 shapesZi">
                    <div class="videoPlayerYT home2">
                        <a class=" btn-play video-btn popup-youtube" href=""><i class="fas fa-play"></i></a>
                    </div><!--/.video_playIn2-->
                    <div class="shape-bg"></div>
                </div>
            </div>
        </div><!--/.container-->
    </section>
    <!--video-promo2-->
    <!--call_top_action-->
    <div class="call_top_action">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="call_to_act_in">
                        <h2>Get expert advice and start saving!</h2>
                        <p>Need Help? Call Our Award-Winning Support Team 24/7 At 888-123-4567</p>
                        <a href="#" class="btn">Contact Us Now</a>
                    </div><!--/.call_to_act_in-->
                </div>
            </div>
        </div><!--/.container-->
    </div>
    <!--call_top_action-->
    <!--pricing-table2-->
    <section class="pricing-table2 py-90">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="title text-center style3">
                        <h5>Our Pricing</h5>
                        <h3>We Provide the Best Prices for Business</h3>
                    </div>
                </div>
                <div class="w-100"></div>
                <div class="col-md-4">
                    <div class="price_table_single style2">
                        <div class="price_head">
                            <div class="tp">
                                <h4>Basic Plan</h4>
                            </div>
                            <div class="price">
                                <h3><sup>$</sup>299<small>/Mo</small></h3>
                            </div>
                            <div class="tag">
                                <span>Per Month</span>
                            </div>
                        </div>
                        <div class="price_body">
                            <p>Create excepteur sint occaecat<br> cupidatat non proident</p>
                            <ul>
                                <li>Responsive</li>
                                <li>15 Days Trial</li>
                                <li>Live Streaming</li>
                                <li>Adaptive Bitrate</li>
                                <li>Analytics</li>
                            </ul>
                        </div>
                        <div class="price_foo">
                            <a href="#" class="btn">Get Started</a>
                        </div>
                    </div><!--/.price_table_single-->
                </div>
                <div class="col-md-4">
                    <div class="price_table_single style2">
                        <div class="price_head">
                            <div class="tp">
                                <h4>Professional Plan</h4>
                            </div>
                            <div class="price">
                                <h3><sup>$</sup>299<small>/Mo</small></h3>
                            </div>
                            <div class="tag">
                                <span>Per Month</span>
                            </div>
                        </div>
                        <div class="price_body">
                            <p>Create excepteur sint occaecat<br> cupidatat non proident</p>
                            <ul>
                                <li>Responsive</li>
                                <li>15 Days Trial</li>
                                <li>Live Streaming</li>
                                <li>Adaptive Bitrate</li>
                                <li>Analytics</li>
                            </ul>
                        </div>
                        <div class="price_foo">
                            <a href="#" class="btn">Get Started</a>
                        </div>
                    </div><!--/.price_table_single-->
                </div>
                <div class="col-md-4">
                    <div class="price_table_single style2">
                        <div class="price_head">
                            <div class="tp">
                                <h4>Business Plan</h4>
                            </div>
                            <div class="price">
                                <h3><sup>$</sup>299<small>/Mo</small></h3>
                            </div>
                            <div class="tag">
                                <span>Per Month</span>
                            </div>
                        </div>
                        <div class="price_body">
                            <p>Create excepteur sint occaecat<br> cupidatat non proident</p>
                            <ul>
                                <li>Responsive</li>
                                <li>15 Days Trial</li>
                                <li>Live Streaming</li>
                                <li>Adaptive Bitrate</li>
                                <li>Analytics</li>
                            </ul>
                        </div>
                        <div class="price_foo">
                            <a href="#" class="btn">Get Started</a>
                        </div>
                    </div><!--/.price_table_single-->
                </div>
            </div>
        </div><!--/.container-->
    </section>
    <!--pricing-table2-->
    <!--fun-fact-->
    <div class="fun-fact2">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="fun_inside2">
                        <div class="icon">
                            <img src="img/icon/fun1.png" alt=""/>
                        </div>
                        <div class="content">
                            <h4>Work Done</h4>
                            <h3><span class="counter">2,350,273</span></h3>
                        </div>
                    </div><!--/.fun_inside2-->
                </div>
                <div class="col-md-3">
                    <div class="fun_inside2">
                        <div class="icon">
                            <img src="img/icon/fun2.png" alt=""/>
                        </div>
                        <div class="content">
                            <h4>Happy Clients</h4>
                            <h3><span class="counter">3,542,083</span></h3>
                        </div>
                    </div><!--/.fun_inside2-->
                </div>
                <div class="col-md-3">
                    <div class="fun_inside2">
                        <div class="icon">
                            <img src="img/icon/fun3.png" alt=""/>
                        </div>
                        <div class="content">
                            <h4>Coffe Taken</h4>
                            <h3><span class="counter">8,573,399</span></h3>
                        </div>
                    </div><!--/.fun_inside2-->
                </div>
                <div class="col-md-3">
                    <div class="fun_inside2">
                        <div class="icon">
                            <img src="img/icon/fun4.png" alt=""/>
                        </div>
                        <div class="content">
                            <h4>Got Award</h4>
                            <h3><span class="counter">13,020</span></h3>
                        </div>
                    </div><!--/.fun_inside2-->
                </div>
            </div>
        </div><!--/.container-->
    </div>
    <!--fun-fact-->
    <!--team-sec2-->
    <section class="team-sec2 py-90">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="title text-center style3">
                        <h5>Our Experts</h5>
                        <h3>Meet with Our Expert Team</h3>
                    </div>
                </div>
                <div class="w-100"></div>
                <div class="col-md-4">
                    <div class="team_insideSt2" style="background-image: url(img/team1.jpg);">
                        <div class="name">
                            <h4>Sara Johny</h4>
                            <p>Agency of CEO</p>
                        </div>
                        <div class="social">
                            <ul>
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                                <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                            </ul>
                        </div>
                    </div><!--/.team_insideSt2-->
                </div>
                <div class="col-md-4">
                    <div class="team_insideSt2" style="background-image: url(img/team2.jpg);">
                        <div class="name">
                            <h4>David Warner</h4>
                            <p>Agency of CEO</p>
                        </div>
                        <div class="social">
                            <ul>
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                                <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                            </ul>
                        </div>
                    </div><!--/.team_insideSt2-->
                </div>
                <div class="col-md-4">
                    <div class="team_insideSt2" style="background-image: url(img/team3.jpg);">
                        <div class="name">
                            <h4>Ely Juan</h4>
                            <p>Agency of Marketer</p>
                        </div>
                        <div class="social">
                            <ul>
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                                <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                            </ul>
                        </div>
                    </div><!--/.team_insideSt2-->
                </div>
            </div>
        </div><!--/.container-->
    </section>
    <!--team-sec2-->
    <!--testimonials-->
    <section class="testimonials_home2 py-90">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="title text-center style3 text-white">
                        <h5>What People are saying</h5>
                        <h3>Satisfied Clients</h3>
                    </div>
                </div>
                <div class="w-100 h-54"></div>
                <div class="col-md-6 mx-auto">
                    <div class="owl-carousel" id="testimonials-slider-owl">
                        <div>
                            <div class="testi2sliderIn">
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting indutry. Lorem Ipsum has been the industry's standard dummy text ever sin the Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.</p>
                                <div class="media">
                                    <img src="img/client1.jpg" alt=""/>
                                    <div class="media-body">
                                        <h4>Sumiya Bedi</h4>
                                        <p>Board of Director</p>
                                        <ul>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="far fa-star"></i></li>
                                        </ul>
                                    </div>
                                </div>
                            </div><!--/.testi2sliderIn-->
                        </div>
                        <div>
                            <div class="testi2sliderIn">
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting indutry. Lorem Ipsum has been the industry's standard dummy text ever sin the Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.</p>
                                <div class="media">
                                    <img src="img/home2/blog2.jpg" alt=""/>
                                    <div class="media-body">
                                        <h4>Sumiya Bedi</h4>
                                        <p>Board of Director</p>
                                        <ul>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="far fa-star"></i></li>
                                        </ul>
                                    </div>
                                </div>
                            </div><!--/.testi2sliderIn-->
                        </div>
                    </div>
                </div>
            </div>
        </div><!--/.container-->
    </section>
    <!--testimonials-->
    <!--blog-sec2-->
    <section class="blog-sec2 py-90">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="title text-center style3">
                        <h3>Latest News</h3>
                    </div>
                </div>
                <div class="w-100 h-30"></div>
                <div class="col-md-12">
                    <div class="blog_post_all2">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="blogFullLeft1 singleBlog">
                                    <img src="img/home2/blog1.jpg" alt=""/>
                                    <div class="content">
                                        <h4><a href="#">Planning on the strategy from figures</a></h4>
                                        <p>When you objectively analyze your business, you are likely to get a new persp tive. These new perspectives propel your fresh strategy. When you objectively nalyze your business, you are likely to get a new perspective. These new pers ctives propel your fresh strategy likely to.</p>
                                        <a href="#" class="btn style2">Read More</a>
                                    </div>
                                </div><!--/.blogFullLeft1-->
                            </div>
                            <div class="col-md-6">
                                <div class="blogFullLeft1 list-blog">
                                    <div class="media">
                                        <div class="img">
                                            <img src="img/home2/blog2.jpg" alt=""/>
                                        </div>
                                        <div class="media-body">
                                            <h4><a href="#">Dedign is a art for designer</a></h4>
                                            <ul class="meta">
                                                <li>July 02, 2019</li>
                                                <li><a href="#">Business</a></li>
                                            </ul>
                                            <p>When you objectively analyze your business as you are likely to get a new propel.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="blogFullLeft1 list-blog">
                                    <div class="media">
                                        <div class="img">
                                            <img src="img/home2/blog3.jpg" alt=""/>
                                        </div>
                                        <div class="media-body">
                                            <h4><a href="#">How to Autumn Clean</a></h4>
                                            <ul class="meta">
                                                <li>July 02, 2019</li>
                                                <li><a href="#">Business</a></li>
                                            </ul>
                                            <p>When you objectively analyze your business as you are likely to get a new propel.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="blogFullLeft1 list-blog">
                                    <div class="media">
                                        <div class="img">
                                            <img src="img/home2/blog4.jpg" alt=""/>
                                        </div>
                                        <div class="media-body">
                                            <h4><a href="#">Innovative Ways to easy</a></h4>
                                            <ul class="meta">
                                                <li>July 02, 2019</li>
                                                <li><a href="#">Business</a></li>
                                            </ul>
                                            <p>When you objectively analyze your business as you are likely to get a new propel.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!--/.blog_post_all2-->
                </div>
            </div>
        </div><!--/.container-->
    </section>
    <!--blog-sec2-->
    <!--footer-widget-->
    <footer class="footer pt-90">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="fWidget widget-about">
                        <h4>About Business</h4>
                        <p>Lorem ipsum dolor sit amet, co sectetuer adipiscing elit,seding diam nonummy nibh euismod</p>
                        <p>tincidunt ut laoreet dolore mag aliquam erat volutpat.Ut wisi enim ad minim veniam,a.</p>
                    </div><!--/.fWidget-->
                </div>
                <div class="col-md-3">
                    <div class="fWidget footer-menu">
                        <h4>Important Links</h4>
                        <ul>
                            <li><a href="#">Home</a></li>
                            <li><a href="#">About Me</a></li>
                            <li><a href="#">My Services</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Terms & Conditions</a></li>
                            <li><a href="#">Privacy</a></li>
                            <li><a href="#">My Portfolio</a></li>
                        </ul>
                    </div><!--/.fWidget-->
                </div>
                <div class="col-md-3">
                    <div class="fWidget footer-menu">
                        <h4>Recent Posts</h4>
                        <ul>
                            <li><a href="#">Image Post Format</a></li>
                            <li><a href="#">Quote Post Format</a></li>
                            <li><a href="#">Gallery Post Format</a></li>
                            <li><a href="#">How to Live a Healthier Life</a></li>
                            <li><a href="#">The Hero In All Of Us</a></li>
                            <li><a href="#">Strategy & Research</a></li>
                            <li><a href="#">Marketing</a></li>
                        </ul>
                    </div><!--/.fWidget-->
                </div>
                <div class="col-md-3">
                    <div class="fWidget footer-con">
                        <h4>Connect Us</h4>
                        <p>Lorem ipsum dolor sit amet, consect etur adipisicing elit. Odit minima </p>
                        <ul>
                            <li><i class="fas fa-map-marker-alt"></i> <p>71 Pilgrm Avenue, Ancer camp Mirpur Dhaka 1216</p></li>
                            <li><i class="fa fa-phone fa-rotate-90"></i><p>(+088)0187-2565456<br> (+088)0187-2125485</p></li>
                            <li><i class="fa fa-envelope"></i><p>[email protected]</p></li>
                        </ul>
                    </div>
                </div>
                 <div class="w-100"></div>
                <div class="col-md-12">
                    <div class="copyright_text pt-90">
                        <p>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.51qianduan.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                    </div>
                </div>
            </div>
        </div><!--/.container-->
    </footer>
    <!--footer-widget-->
    <!-- Return to Top -->
    <a href="javascript:void(0)" id="return-to-top"><i class="fa fa-chevron-up"></i></a>
    <!--<div data-aos="fade-up" data-aos-anchor=".other-element"></div>-->
    <!--jquery-->
    <!--popper js-->
    <!--bootstrap v4 js-->
    <!--menu js-->
    <!--aos js-->
    <!--owl carousel -->
    <!--counter-->
    <!--iso top-->
    <!--magnifice popup-->
    <!--slick-slider-->
    <!--easing js-->
    <!--main script-->
</body>
</html>



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


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

×
×
51前端

注册

×
绑定手机

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

×
单次下载支付

应付金额:279

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

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

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

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