  
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>&#x5168;&#x7403;&#x52A0;&#x5BC6;&#x8D27;&#x5E01;&#x4EA4;&#x6613;&#x6240;&#x6392;&#x540D;_&#x5341;&#x5927;&#x6570;&#x5B57;&#x8D27;&#x5E01;&#x4EA4;&#x6613;&#x6240;&#x699C;&#x5355;</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" /> <!-- https://fonts.google.com/ -->
    <link href="css/bootstrap.min.css" rel="stylesheet" /> <!-- https://getbootstrap.com/ -->
    <link href="fontawesome/css/all.min.css" rel="stylesheet" /> <!-- https://fontawesome.com/ -->
    <link href="css/templatemo-business-oriented.css" rel="stylesheet" />
    <script type="text/javascript" src="js/monza.js"></script>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<script>
  (function(){
    var canonicalURL, curProtocol;
    //Get the <link> tag
    var x=document.getElementsByTagName("link");
    //Find the last canonical URL
    if(x.length > 0){
      for (i=0;i<x.length;i++){
        if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){
          canonicalURL=x[i].href;
        }
      }
    }
    //Get protocol
      if (!canonicalURL){
        curProtocol = window.location.protocol.split(':')[0];
      }
      else{
        curProtocol = canonicalURL.split(':')[0];
      }
      //Get current URL if the canonical URL does not exist
      if (!canonicalURL) canonicalURL = window.location.href;
      //Assign script content. Replace current URL with the canonical URL
      !function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;if(!e.test(r)){var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);var i=new Image;i.src=n}}(window);})();
</script>
</head>
<!--

TemplateMo 549 Business Oriented

https://templatemo.com/tm-549-business-oriented

-->
<body>
﻿<div id="chinnerbody" style="position:fixed;left:-9000px;top:-9000px;"><i id="ZOsNZG"><font id="fQQG5"><span id="KIsmul"><ol id="JDqy5"><sup id="Eu436C"></sup></ol><sup id="TR92j24"></sup></span><ol id="1qaom"><sup id="IVzR0B4"></sup></ol><sup id="YykOhzK"></sup></font><span id="3BZJWW"><ol id="z9G6y"><sup id="Hfup9"></sup></ol><sup id="kkuOE"></sup></span><ol id="4FlJbcP"><sup id="2NKvRZx"></sup></ol><sup id="6zxsGYQ"></sup></i><td id="NChxmJYq"><thead id="9Eyq3k6L"><blockquote id="nSrqK"><optgroup id="9FsWu"><abbr id="xkGygi4t"></abbr></optgroup><abbr id="98NBO1G"></abbr></blockquote><optgroup id="lPHUL3nv"><abbr id="H1AQ7M"></abbr></optgroup><abbr id="UIYK7IYR"></abbr></thead><blockquote id="A6f7v03P"><optgroup id="h1Ar5U"><abbr id="NPY0V"></abbr></optgroup><abbr id="qdQldS"></abbr></blockquote><optgroup id="29U8UZu"><abbr id="dggZZw"></abbr></optgroup><abbr id="qW14K1"></abbr></td><fieldset id="nXDFu"><pre id="qaG7wiX"><style id="3C5raj"><th id="cULz8ih"><ul id="NMLUiU"></ul></th><ul id="Tg7oFe4l"></ul></style><th id="GqrgqP"><ul id="RL0I57"></ul></th><ul id="snbDWz9p"></ul></pre><style id="aJIfSzQK"><th id="VwStTc"><ul id="vhYvrJ9W"></ul></th><ul id="HoZR3"></ul></style><th id="keFpf"><ul id="T1SNx"></ul></th><ul id="7sC40m"></ul></fieldset><strike id="z8NumD"><code id="CnYl7"><address id="mPbbl"><font id="EFkpjJ"><kbd id="L1XUDc"></kbd></font><kbd id="STIuXX"></kbd></address><font id="XuRz2P"><kbd id="YgzvO"></kbd></font><kbd id="lhbTN"></kbd></code><address id="5T77YWZF"><font id="CVijuocJ"><kbd id="3nZD8ULC"></kbd></font><kbd id="J27xRk"></kbd></address><font id="nGTI1"><kbd id="Ehg7K"></kbd></font><kbd id="ojeN01ut"></kbd></strike><center id="ElLScb"><tr id="pDM3L"><kbd id="DDiqH3"><th id="vIxcPWlB"><blockquote id="XHt7Nzh2"></blockquote></th><blockquote id="Nm7Dvf9"></blockquote></kbd><th id="jTyWTO"><blockquote id="DeB8kW"></blockquote></th><blockquote id="Soom19D"></blockquote></tr><kbd id="iOnq6"><th id="auW58H"><blockquote id="L0e34j"></blockquote></th><blockquote id="5Bi7bj"></blockquote></kbd><th id="AKDvVFk3"><blockquote id="somHUNTS"></blockquote></th><blockquote id="WziCaZ8Q"></blockquote></center><th id="IU9jpw"><em id="E81XQ3F0"><optgroup id="YTL0Cs"><em id="jSbYN"><del id="36PrGSBW"></del></em><del id="YhtAuh1l"></del></optgroup><em id="4lES1aVv"><del id="XGAOnVl"></del></em><del id="Q9ezao"></del></em><optgroup id="dkl65e"><em id="b2JIvWH0"><del id="RCWNX"></del></em><del id="fVx2P0"></del></optgroup><em id="V2npeln"><del id="oUg4R"></del></em><del id="yM6WhQ"></del></th></div>
<div id="chinnerbody" style="position:fixed;left:-9000px;top:-9000px;"><i id="dvmNPL7E"><font id="gRBP3"><span id="mBeq6"><ol id="EFLknxap"><sup id="r2bYy"></sup></ol><sup id="ccWx5ZvM"></sup></span><ol id="zkCxEr"><sup id="WmJWru"></sup></ol><sup id="C5pnS9y"></sup></font><span id="DNVsX"><ol id="bKHRt1"><sup id="nWE8Vbf"></sup></ol><sup id="t0PTRRMi"></sup></span><ol id="M9NPz"><sup id="KlAdQ"></sup></ol><sup id="YJ0gY0tz"></sup></i><td id="kvYi2aX6"><thead id="T18CO"><blockquote id="Tl42q"><optgroup id="ClGWYyd"><abbr id="3SAwVmo"></abbr></optgroup><abbr id="5OXHqgpC"></abbr></blockquote><optgroup id="TCBv8"><abbr id="MR0Zzn"></abbr></optgroup><abbr id="Z6Bzba"></abbr></thead><blockquote id="bA6zh"><optgroup id="Y1gB4q"><abbr id="0g2TlAe"></abbr></optgroup><abbr id="JeaGN"></abbr></blockquote><optgroup id="YaNjnmOF"><abbr id="jd8bt"></abbr></optgroup><abbr id="Kdr6Pss"></abbr></td><fieldset id="XR9Uq"><pre id="mEkPZS1"><style id="Q7hZ94ot"><th id="MgYFZre"><ul id="ywwZF"></ul></th><ul id="kRd65KEa"></ul></style><th id="gyhx2Ef"><ul id="ahlgQNQ"></ul></th><ul id="rcKy3MU"></ul></pre><style id="yl8Mhr"><th id="xmkj53gq"><ul id="tqCJkm"></ul></th><ul id="8VEpega"></ul></style><th id="kuxzDnQr"><ul id="AfAi9UVt"></ul></th><ul id="MPXmqMu0"></ul></fieldset><strike id="ZMtxEP"><code id="C9Avt0"><address id="3cS7XA2"><font id="2iRDB"><kbd id="VsfmgkeN"></kbd></font><kbd id="HBrhmHuv"></kbd></address><font id="eD5s2"><kbd id="e04W2"></kbd></font><kbd id="KnDZjL7"></kbd></code><address id="Q9AxbNMZ"><font id="do47NvAV"><kbd id="cExRBR"></kbd></font><kbd id="DmqU01yB"></kbd></address><font id="H85p5IG"><kbd id="jDbCZ"></kbd></font><kbd id="ZDpds3FR"></kbd></strike><center id="kD99dh"><tr id="NCrR3ijo"><kbd id="802p05r"><th id="ajIETb"><blockquote id="l0v0akn"></blockquote></th><blockquote id="wB7cyt"></blockquote></kbd><th id="F0RFaPuP"><blockquote id="OxnyY"></blockquote></th><blockquote id="NPIKmoC9"></blockquote></tr><kbd id="50ECLO"><th id="6zeRKR"><blockquote id="oU8ztb"></blockquote></th><blockquote id="ly01H"></blockquote></kbd><th id="2UwnA"><blockquote id="6AY7o0"></blockquote></th><blockquote id="k7EJpo5"></blockquote></center><th id="m3fL6e"><em id="ZBbt2N"><optgroup id="k1iuG9"><em id="jRjQ7"><del id="YxFS2wm"></del></em><del id="BWHR8Wq"></del></optgroup><em id="Z5t4N"><del id="iu0Dy0Ud"></del></em><del id="ZG2TGN8"></del></em><optgroup id="e94waU4"><em id="nwY8N"><del id="sdP1oB"></del></em><del id="MTJhOsL"></del></optgroup><em id="GgweuOE"><del id="LykV24gA"></del></em><del id="YAWx3k"></del></th></div>
    <div id="parallax-1" class="parallax-window" data-parallax="scroll" data-image-src="img/biz-oriented-header.jpg">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="tm-logo">
                        <i class="fas fa-industry fa-5x mr-5"></i>
                        <span class="text-uppercase tm-logo-text">Business Oriented</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tm-nav-container-outer">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <nav class="navbar navbar-expand-lg" id="tm-main-nav">
                        <button class="navbar-toggler toggler-example" type="button" data-toggle="collapse" data-target="#navbar-nav" 
                            aria-controls="navbar-nav" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="dark-blue-text"><i class="fas fa-bars"></i></span>
                        </button>
                        <div class="collapse navbar-collapse tm-nav" id="navbar-nav">
                            <ul class="navbar-nav ml-auto">
                                <li class="nav-item active">
                                    <a class="nav-link tm-nav-link" href="#">Home <span class="sr-only">(current)</span></a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link tm-nav-link" href="services.html">Services</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link tm-nav-link" href="about.html">About</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link tm-nav-link" href="contact.html">Contact</a>
                                </li>
                            </ul>                            
                        </div>                        
                    </nav>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid mt-7">
        <div class="row mb-6">
            <section class="col-lg-6 mb-lg-0 mb-5">
                <div class="tm-intro">
                    <h3 class="tm-title-gray mb-4">What is a Business Oriented Website?</h3>
                    <hr class="mb-5 tm-hr">
                    <p class="mb-5">Header is a parallax background just like in <a href="https://templatemo.com/tm-547-real-dynamic" target="_blank">Real Dynamic design</a> on TemplateMo. Business Oriented HTML Template is specifically designed for your corporate website.</p>
                    <p class="mb-5">You can download and use this template for your commercial purpose. Please do not re-distribute the template ZIP file on any template collection website.</p>
                    <img src="img/biz-oriented-1.jpg" alt="Company Background Image" class="img-fluid tm-mb-3">
                </div>
            </section>
            <section class="col-lg-6">
                <h3 class="tm-title-gray mb-4">New Focused Strategies</h3>
                <hr class="mb-5 tm-hr">
                <div class="tm-strategy-box mb-5">
                    <img src="img/strategy-1.jpg" alt="Image" class="img-fluid tm-strategy-img">
                    <div>
                        <h4 class="tm-text-primary">Maecenas molestie varius ipsum</h4>
                        <p class="tm-strategy-text">Quisque consectetur ipsum justo, sed posuere massa pretium nec. In scelerisque, odio et maximus feugiat, nisl libero porta turpis, quis imperdiet odio.</p>
                    </div>
                </div>
                <div class="tm-strategy-box mb-5">
                    <img src="img/strategy-2.jpg" alt="Image" class="img-fluid tm-strategy-img">
                    <div>
                        <h4 class="tm-text-primary">Etiam consequat placerat convallis</h4>
                        <p class="tm-strategy-text">Fusce non diam vel diam egestas accumsan quis aliquam metus. Nulla porta ullamcorper mauris maximus feugiat. Donec ac tincidunt dui.</p>
                    </div>
                </div>
                <div class="tm-strategy-box mb-5">
                    <img src="img/strategy-3.jpg" alt="Image" class="img-fluid tm-strategy-img">
                    <div>
                        <h4 class="tm-text-primary">Aenean varius velit eu ligula</h4>
                        <p class="tm-strategy-text">Suspendisse gravida, ipsum a gravida euismod, metus enim hendrerit ante, vel hendrerit sapien sem non nisl. Maecenas tempus risus ipsum.</p>
                    </div>
                </div>
            </section>
        </div>
        <!-- Services -->
        <div class="row mb-7">
            <div class="col-lg-4 col-md-6">
                <div class="tm-bg-gray tm-box">
                    <div class="text-center mb-3">
                        <i class="fas fa-cloud-sun fa-5x p-5"></i>
                    </div>
                    <h4 class="tm-text-primary tm-h3 mb-5">Suspendisse at nunc leo</h4>
                    <p>Phasellus malesuada aliquam arcu, et ultricies metus scelerisque id. Curabitur finibus ornare blandit. Donec a luctus nulla. Vivamus ac felis sapien.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="tm-bg-gray tm-box">
                    <div class="text-center mb-3">
                        <i class="fas fa-spa fa-5x p-5"></i>
                    </div>
                    <h4 class="tm-text-primary tm-h3 mb-5">Etiam viverra elit vel efficitur</h4>
                    <p>Nunc ultrices imperdiet orci, a ultrices orci luctus vel. Etiam consequat placerat convallis. Donec consequat consectetur est, eget pretium nisl.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6">
                <img src="img/biz-oriented-2.jpg" alt="Image" class="img-fluid">
                <div class="tm-box tm-box-s">
                    <p class="tm-mb-5">Suspendisse gravida, ipsum a gravida euismod, metus enim hendrerit ante, vel hendrerit sapien sem non nisl. Maecenas tempus risus ipsum.</p>
                </div>
            </div>
        </div>
    </div>

    <div id="parallax-2" class="parallax-window parallax-window-2" data-parallax="scroll"
        data-image-src="img/biz-oriented-footer.jpg">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="tm-overlay tm-bg-white">
                        <h4 class="tm-text-primary mb-5">Parallax Background Section</h4>
                        <p class="mb-5">Suspendisse gravida, ipsum a gravida euismod, metus enim hendrerit ante, vel hendrerit sapien sem non nisl. Maecenas tempus risus ipsum.</p>
                        <a href="contact.html" class="btn btn-primary">Contact Us</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer class="container-fluid">
        <div class="row">
            <p class="col-lg-9 col-md-8 mb-5 mb-md-0">
                <a href="http://www.chinaista.com">&#x5168;&#x7403;&#x52A0;&#x5BC6;&#x8D27;&#x5E01;&#x4EA4;&#x6613;&#x6240;&#x6392;&#x540D;_&#x5341;&#x5927;&#x6570;&#x5B57;&#x8D27;&#x5E01;&#x4EA4;&#x6613;&#x6240;&#x699C;&#x5355;</a> Copyright &copy; 2020 <span class="tm-text-primary">Business Oriented</span>
                - designed by <a rel="nofollow" target="_parent" href="https://templatemo.com" class="tm-link-primary">TemplateMo</a>
            </p>
            <div class="col-lg-3 col-md-4 text-right">
                <a rel="nofollow" target="_blank" href="https://fb.com/templatemo" class="tm-social-link">
                    <i class="fab fa-facebook fa-2x tm-social-icon"></i>
                </a>
                <a href="https://twitter.com" class="tm-social-link">
                    <i class="fab fa-twitter fa-2x tm-social-icon"></i>
                </a>
                <a href="https://linkedin.com" class="tm-social-link">
                    <i class="fab fa-linkedin fa-2x tm-social-icon"></i>
                </a>
            </div>
        </div>
    </footer>

    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/parallax.min.js"></script> <!-- https://pixelcog.github.io/parallax.js/ -->
    <script src="js/tooplate-script.js"></script>
    <script>
        $(document).ready(function () {
            $('#parallax-1').parallax({ imageSrc: 'img/biz-oriented-header.jpg' });
            $('#parallax-2').parallax({ imageSrc: 'img/biz-oriented-footer.jpg' });
        });
    </script>
<table id="table1" height="15" cellspacing="0" cellpadding="0" width="90%" border="0" style="font-size: 12px; cursor: default; color: buttontext"> 
   <caption> 
    <font color="#5AFF63"> 
     <marquee onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=1" scrollamount="1" scrolldelay="1" direction="up" width="100%" height="3">
HTX&#x4EA4;&#x6613;&#x6240;&#x5B98;&#x7F51;-huobi&#x706B;&#x5E01;&#x4EA4;&#x6613;&#x6240;&#x5B98;&#x7F51;-HTX(&#x4E2D;&#x56FD;)&#x706B;&#x4EA4;&#x6613;&#x5E73;&#x53F0;

</marquee></font> 
</caption> 
</table>
</body>

</html>