紫色宽屏形式html5企业商务代理网站模板代码下载



6 20 7



模板描述:html5企业商务代理,紫色宽屏形式html5企业商务代理网站模板代码下载html模板下载

代码结构

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="https://www.51qianduan.com/">51前端</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 href="https://www.51qianduan.com/">51前端</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>info@agency.com</p></li>
                        </ul>
                    </div>
                </div>
                 <div class="w-100"></div>
                <div class="col-md-12">
                    <div class="copyright_text pt-90">
                        <p>&copy; 2019, SmartSoftCode All Rights Reserved</p>
                    </div>
                </div>
            </div>
        </div><!--/.container-->
    </footer>
    <!--footer-widget-->
    <!-- Return to Top -->
    <a href="https://www.51qianduan.com/">51前端</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 bootstrap自适应 bootstrap响应式 欧美风 欧美 欧洲 美洲 pc+wap 移动+电脑 手机+电脑 简洁 简约 简单 紫色 商务 商务公司

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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