huangyan
/
cc-officialweb


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>宝智达冷链官网</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">
    <meta content="Author" name="WebThemez">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Favicons -->
    <link href="../static/img/favicon.png" rel="icon">
    <link href="../static/img/apple-touch-icon.png" rel="apple-touch-icon">

    <!--字体 -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700"
          rel="stylesheet">

    <!-- Bootstrap CSS File -->
    <link href="../static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">


    <!-- Libraries CSS Files -->
    <link href="../static/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="../static/lib/animate/animate.min.css" rel="stylesheet">
    <link href="../static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
    <link href="../static/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="../static/lib/magnific-popup/magnific-popup.css" rel="stylesheet">
    <link href="../static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">

    <!-- Main Stylesheet File -->
    <link href="../static/css/style.css" rel="stylesheet">
</head>

<body id="body">

<!--==========================
  Top Bar
============================-->
<!--  <section id="topbar" class="d-none d-lg-block">-->
<!--    <div class="container clearfix">-->
<!--      <div class="contact-info float-left">-->
<!--        <i class="fa fa-envelope-o"></i> <a href="mailto:contact@example.com">name@websitename.com</a>-->
<!--        <i class="fa fa-phone"></i> +1 2345 67855 22-->
<!--      </div>-->
<!--      <div class="social-links float-right">-->
<!--        <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
<!--        <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
<!--        <a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a>-->
<!--        <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
<!--        <a href="#" class="instagram"><i class="fa fa-instagram"></i></a>-->
<!--      </div>-->
<!--    </div>-->
<!--  </section>-->

<!--==========================
  Header
============================-->
<header id="header">
    <div class="container">

        <div id="logo" class="pull-left">
            <h1><a href="#body" class="scrollto"><span>宝</span>智达冷链</a></h1>
            <!-- <a href="#body"><img src="img/logo.png" alt="" title="" /></a>-->
        </div>

        <nav id="nav-menu-container">
            <ul class="nav-menu">
                <li class="menu-active"><a href="/">首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="services.html">服务介绍</a></li>
                <li><a href="">产品介绍</a>
                    <ul>
                        <li><a href="#">软件</a></li>
                        <li><a href="#">硬件</a></li>
                    </ul>
                </li>
                <li><a href="portfolio.html">全国代理招募</a></li>
                <li class="menu-has-children"><a href="">新闻</a>
                    <ul>
                        <li><a href="#">公司新闻</a></li>
                        <li><a href="#">行业新闻</a></li>
                    </ul>
                </li>
                <li><a href="contact.html">联系我们</a></li>
            </ul>
        </nav><!-- #nav-menu-container -->
    </div>
</header><!-- #header -->


<!--==========================
    Page Banner Section
  ============================-->
<section id="innerBanner">
    <div class="inner-content">
        <h2><span>公司介绍</span><br>欢迎来到宝智达冷链</h2>
        <div>
        </div>
    </div>
</section><!-- #Page Banner -->

<main id="main">

    <!--==========================
      About Section
    ============================-->
    <section id="about" class="wow fadeInUp">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 about-img">
                    <img src="../static/img/about-img.png" alt="">
                </div>

                <div class="col-lg-6 content">
                    <h2>Lorem ipsum dolor sit amet, consectetur adipiscing</h2>
                    <h3>Dolores quae porro consequatur aliquam, incidunt eius magni provident, doloribus omnis minus
                        ovident</h3>
                    <p>Consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt fugiat. Dolores
                        quae porro consequatur aliquam, incidunt fugiat culpa esse aute nulla. malis nulla duis
                        fugiat</p>
                    <ul>
                        <li><i class="icon ion-ios-checkmark-outline"></i> Dolores quae porro consequatur aliquam,
                            incidunt fugiat culpa.
                        </li>
                        <li><i class="icon ion-ios-checkmark-outline"></i> Dolores quae porro consequatur aliquam, culpa
                            esse aute nulla.
                        </li>
                        <li><i class="icon ion-ios-checkmark-outline"></i> Dolores quae porro esse aute nulla. malis
                            nulla duis fugiat
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </section><!-- #about -->

    <!--==========================
      Clients Section
    ============================-->
    <section id="clients" class="wow fadeInUp">
        <div class="container">
            <div class="section-header">
                <h2>Clients</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam,
                    incidunt fugiat culpa esse aute nulla. duis fugiat culpa esse aute nulla ipsum velit export irure
                    minim illum fore</p>
            </div>

            <div class="owl-carousel clients-carousel">
                <img src="../static/img/clients/client-1.png" alt="">
                <img src="../static/img/clients/client-2.png" alt="">
                <img src="../static/img/clients/client-3.png" alt="">
                <img src="../static/img/clients/client-4.png" alt="">
                <img src="../static/img/clients/client-5.png" alt="">
                <img src="../static/img/clients/client-6.png" alt="">
            </div>

        </div>
    </section><!-- #clients -->

    <!--==========================
      Call To Action Section
    ============================-->
    <section id="call-to-action" class="wow fadeInUp">
        <div class="container">
            <div class="row">
                <div class="col-lg-9 text-center text-lg-left">
                    <h3 class="cta-title">Get Our Service</h3>
                    <p class="cta-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro
                        consequatur aliquam, incidunt fugiat culpa esse aute nulla cupidatat non proident, sunt in culpa
                        qui officia deserunt mollit anim id est laborum.</p>
                </div>
                <div class="col-lg-3 cta-btn-container text-center">
                    <a class="cta-btn align-middle" href="#contact">Contact Us</a>
                </div>
            </div>

        </div>
    </section><!-- #call-to-action -->

    <!--==========================
      Our Team Section
    ============================-->
    <section id="team" class="wow fadeInUp">
        <div class="container">
            <div class="section-header">
                <h2>Our Team</h2>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <div class="member">
                        <div class="pic"><img src="../static/img/team1.jpg" alt=""></div>
                        <div class="details">
                            <h4>James Smith</h4>
                            <span>Chief Executive Officer</span>
                            <div class="social">
                                <a href=""><i class="fa fa-twitter"></i></a>
                                <a href=""><i class="fa fa-facebook"></i></a>
                                <a href=""><i class="fa fa-google-plus"></i></a>
                                <a href=""><i class="fa fa-linkedin"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="member">
                        <div class="pic"><img src="../static/img/team2.jpg" alt=""></div>
                        <div class="details">
                            <h4>Michell Kellon</h4>
                            <span>Technical Manager</span>
                            <div class="social">
                                <a href=""><i class="fa fa-twitter"></i></a>
                                <a href=""><i class="fa fa-facebook"></i></a>
                                <a href=""><i class="fa fa-google-plus"></i></a>
                                <a href=""><i class="fa fa-linkedin"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="member">
                        <div class="pic"><img src="../static/img/team3.jpg" alt=""></div>
                        <div class="details">
                            <h4>French Lincon</h4>
                            <span>Financial Manager</span>
                            <div class="social">
                                <a href=""><i class="fa fa-twitter"></i></a>
                                <a href=""><i class="fa fa-facebook"></i></a>
                                <a href=""><i class="fa fa-google-plus"></i></a>
                                <a href=""><i class="fa fa-linkedin"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="member">
                        <div class="pic"><img src="../static/img/team4.jpg" alt=""></div>
                        <div class="details">
                            <h4>Amanda Jepson</h4>
                            <span>Accountant</span>
                            <div class="social">
                                <a href=""><i class="fa fa-twitter"></i></a>
                                <a href=""><i class="fa fa-facebook"></i></a>
                                <a href=""><i class="fa fa-google-plus"></i></a>
                                <a href=""><i class="fa fa-linkedin"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section><!-- #team -->


    <!--==========================
      Testimonials Section
    ============================-->
    <section id="testimonials" class="wow fadeInUp">
        <div class="container">
            <div class="section-header">
                <h2>Testimonials</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam,
                    incidunt fugiat culpa esse aute nulla. duis fugiat culpa esse aute nulla ipsum velit export irure
                    minim illum fore</p>
            </div>
            <div class="owl-carousel testimonials-carousel">

                <div class="testimonial-item">
                    <p>Dolores quae porro consequatur aliquam, incidunt fugiat culpa esse aute nulla. duis fugiat culpa
                        esse aute nulla ipsum velit export irure minim illum fore

                    </p>
                    <h3>Mrio James</h3>
                    <h4>CEO &amp; Founder</h4>
                </div>

                <div class="testimonial-item">
                    <p>
                        Dolores quae porro consequatur aliquam, incidunt fugiat culpa esse aute nulla. duis fugiat culpa
                        esse aute nulla ipsum velit export irure minim illum fore

                    </p>
                    <h3>Finton Gofnes</h3>
                    <h4>CTO</h4>
                </div>

                <div class="testimonial-item">
                    <p>
                        Dolores quae porro consequatur aliquam, incidunt fugiat culpa esse aute nulla. duis fugiat culpa
                        esse aute nulla ipsum velit export irure minim illum fore

                    </p>
                    <h3>Marcus Kell</h3>
                    <h4>Marketing</h4>
                </div>

                <div class="testimonial-item">
                    <p>
                        Dolores quae porro consequatur aliquam, incidunt fugiat culpa esse aute nulla. duis fugiat culpa
                        esse aute nulla ipsum velit export irure minim illum fore

                    </p>
                    <h3>Williams Belly</h3>
                    <h4>Accounts</h4>
                </div>

                <div class="testimonial-item">
                    <p>
                        Dolores quae porro consequatur aliquam, incidunt fugiat culpa esse aute nulla. duis fugiat culpa
                        esse aute nulla ipsum velit export irure minim illum fore

                    </p>
                    <h3>Larry Hanson</h3>
                    <h4>Investor</h4>
                </div>

            </div>

        </div>
    </section><!-- #testimonials -->

</main>

<!--==========================
  Footer
============================-->
<footer id="footer">
    <div class="container">
        <div class="copyright">
            Copyright &copy; 2018.Company name All rights reserved.<a target="_blank"
                                                                      href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
        </div>
        <div class="credits">
        </div>
    </div>
</footer><!-- #footer -->

<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

<!-- JavaScript  -->
<script src="../static/lib/jquery/jquery.min.js"></script>
<script src="../static/lib/jquery/jquery-migrate.min.js"></script>
<script src="../static/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../static/lib/easing/easing.min.js"></script>
<script src="../static/lib/superfish/hoverIntent.js"></script>
<script src="../static/lib/superfish/superfish.min.js"></script>
<script src="../static/lib/wow/wow.min.js"></script>
<script src="../static/lib/owlcarousel/owl.carousel.min.js"></script>
<script src="../static/lib/magnific-popup/magnific-popup.min.js"></script>
<script src="../static/lib/sticky/sticky.js"></script>
<script src="contact/jqBootstrapValidation.js"></script>
<script src="contact/contact_me.js"></script>
<script src="../static/js/main.js"></script>

</body>
</html>