portfolio.html 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>宝智达冷链官网</title>
  6. <meta content="width=device-width, initial-scale=1.0" name="viewport">
  7. <meta content="" name="keywords">
  8. <meta content="" name="description">
  9. <meta content="Author" name="WebThemez">
  10. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
  11. <!-- Favicons -->
  12. <link href="../static/img/favicon.png" rel="icon">
  13. <link href="../static/img/apple-touch-icon.png" rel="apple-touch-icon">
  14. <!--字体 -->
  15. <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"
  16. rel="stylesheet">
  17. <!-- Bootstrap CSS File -->
  18. <link href="../static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  19. <!-- Libraries CSS Files -->
  20. <link href="../static/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  21. <link href="../static/lib/animate/animate.min.css" rel="stylesheet">
  22. <link href="../static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
  23. <link href="../static/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
  24. <link href="../static/lib/magnific-popup/magnific-popup.css" rel="stylesheet">
  25. <link href="../static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
  26. <!-- Main Stylesheet File -->
  27. <link href="../static/css/style.css" rel="stylesheet">
  28. </head>
  29. <body id="body">
  30. <!--==========================
  31. Top Bar
  32. ============================-->
  33. <!-- <section id="topbar" class="d-none d-lg-block">-->
  34. <!-- <div class="container clearfix">-->
  35. <!-- <div class="contact-info float-left">-->
  36. <!-- <i class="fa fa-envelope-o"></i> <a href="mailto:contact@example.com">name@websitename.com</a>-->
  37. <!-- <i class="fa fa-phone"></i> +1 2345 67855 22-->
  38. <!-- </div>-->
  39. <!-- <div class="social-links float-right">-->
  40. <!-- <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>-->
  41. <!-- <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>-->
  42. <!-- <a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a>-->
  43. <!-- <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>-->
  44. <!-- <a href="#" class="instagram"><i class="fa fa-instagram"></i></a>-->
  45. <!-- </div>-->
  46. <!-- </div>-->
  47. <!-- </section>-->
  48. <!--==========================
  49. Header
  50. ============================-->
  51. <header id="header">
  52. <div class="container">
  53. <div id="logo" class="pull-left">
  54. <h1><a href="#body" class="scrollto"><span>宝</span>智达冷链</a></h1>
  55. <!-- <a href="#body"><img src="img/logo.png" alt="" title="" /></a>-->
  56. </div>
  57. <nav id="nav-menu-container">
  58. <ul class="nav-menu">
  59. <li class="menu-active"><a href="/">首页</a></li>
  60. <li><a href="about.html">关于我们</a></li>
  61. <li><a href="services.html">服务介绍</a></li>
  62. <li><a href="">产品介绍</a>
  63. <ul>
  64. <li><a href="#">软件</a></li>
  65. <li><a href="#">硬件</a></li>
  66. </ul>
  67. </li>
  68. <li><a href="portfolio.html">全国代理招募</a></li>
  69. <li class="menu-has-children"><a href="">新闻</a>
  70. <ul>
  71. <li><a href="#">公司新闻</a></li>
  72. <li><a href="#">行业新闻</a></li>
  73. </ul>
  74. </li>
  75. <li><a href="contact.html">联系我们</a></li>
  76. </ul>
  77. </nav><!-- #nav-menu-container -->
  78. </div>
  79. </header><!-- #header -->
  80. <!--==========================
  81. Page Banner Section
  82. ============================-->
  83. <section id="innerBanner">
  84. <div class="inner-content">
  85. <h2><span>Portfolio</span><br>We create the opportunities!</h2>
  86. <div>
  87. </div>
  88. </div>
  89. </section><!-- #Page Banner -->
  90. <main id="main">
  91. <!--==========================
  92. Our Portfolio Section
  93. ============================-->
  94. <section id="portfolio" class="wow fadeInUp">
  95. <div class="container">
  96. <div class="section-header">
  97. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro consequatur aliquam, incidunt fugiat culpa esse aute nulla. nulla duis fugiat culpa esse aute nulla ipsum velit export irure minim illum fore</p>
  98. </div>
  99. </div>
  100. <div class="container-fluid">
  101. <div class="row no-gutters">
  102. <div class="col-lg-3 col-md-4">
  103. <div class="portfolio-item wow fadeInUp">
  104. <a href="../static/img/portfolio/1.jpg" class="portfolio-popup">
  105. <img src="../static/img/portfolio/1.jpg" alt="">
  106. <div class="portfolio-overlay">
  107. <div class="portfolio-info"><h2 class="wow fadeInUp">Portfolio Name</h2></div>
  108. </div>
  109. </a>
  110. </div>
  111. </div>
  112. <div class="col-lg-3 col-md-4">
  113. <div class="portfolio-item wow fadeInUp">
  114. <a href="../static/img/portfolio/2.jpg" class="portfolio-popup">
  115. <img src="../static/img/portfolio/2.jpg" alt="">
  116. <div class="portfolio-overlay">
  117. <div class="portfolio-info"><h2 class="wow fadeInUp">Portfolio Name</h2></div>
  118. </div>
  119. </a>
  120. </div>
  121. </div>
  122. <div class="col-lg-3 col-md-4">
  123. <div class="portfolio-item wow fadeInUp">
  124. <a href="../static/img/portfolio/3.jpg" class="portfolio-popup">
  125. <img src="../static/img/portfolio/3.jpg" alt="">
  126. <div class="portfolio-overlay">
  127. <div class="portfolio-info"><h2 class="wow fadeInUp">Portfolio Name</h2></div>
  128. </div>
  129. </a>
  130. </div>
  131. </div>
  132. <div class="col-lg-3 col-md-4">
  133. <div class="portfolio-item wow fadeInUp">
  134. <a href="../static/img/portfolio/4.jpg" class="portfolio-popup">
  135. <img src="../static/img/portfolio/4.jpg" alt="">
  136. <div class="portfolio-overlay">
  137. <div class="portfolio-info"><h2 class="wow fadeInUp">Portfolio Name</h2></div>
  138. </div>
  139. </a>
  140. </div>
  141. </div>
  142. <div class="col-lg-3 col-md-4">
  143. <div class="portfolio-item wow fadeInUp">
  144. <a href="../static/img/portfolio/5.jpg" class="portfolio-popup">
  145. <img src="../static/img/portfolio/5.jpg" alt="">
  146. <div class="portfolio-overlay">
  147. <div class="portfolio-info"><h2 class="wow fadeInUp">Portfolio Name</h2></div>
  148. </div>
  149. </a>
  150. </div>
  151. </div>
  152. <div class="col-lg-3 col-md-4">
  153. <div class="portfolio-item wow fadeInUp">
  154. <a href="../static/img/portfolio/6.jpg" class="portfolio-popup">
  155. <img src="../static/img/portfolio/6.jpg" alt="">
  156. <div class="portfolio-overlay">
  157. <div class="portfolio-info"><h2 class="wow fadeInUp">Portfolio Name </h2></div>
  158. </div>
  159. </a>
  160. </div>
  161. </div>
  162. <div class="col-lg-3 col-md-4">
  163. <div class="portfolio-item wow fadeInUp">
  164. <a href="../static/img/portfolio/7.jpg" class="portfolio-popup">
  165. <img src="../static/img/portfolio/7.jpg" alt="">
  166. <div class="portfolio-overlay">
  167. <div class="portfolio-info"><h2 class="wow fadeInUp">Portfolio Name </h2></div>
  168. </div>
  169. </a>
  170. </div>
  171. </div>
  172. <div class="col-lg-3 col-md-4">
  173. <div class="portfolio-item wow fadeInUp">
  174. <a href="../static/img/portfolio/8.jpg" class="portfolio-popup">
  175. <img src="../static/img/portfolio/8.jpg" alt="">
  176. <div class="portfolio-overlay">
  177. <div class="portfolio-info"><h2 class="wow fadeInUp">Portfolio Name</h2></div>
  178. </div>
  179. </a>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </section><!-- #portfolio -->
  185. </main>
  186. <!--==========================
  187. Footer
  188. ============================-->
  189. <footer id="footer">
  190. <div class="container">
  191. <div class="copyright">
  192. Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
  193. </div>
  194. <div class="credits">
  195. </div>
  196. </div>
  197. </footer><!-- #footer -->
  198. <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
  199. <!-- JavaScript -->
  200. <script src="../static/lib/jquery/jquery.min.js"></script>
  201. <script src="../static/lib/jquery/jquery-migrate.min.js"></script>
  202. <script src="../static/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
  203. <script src="../static/lib/easing/easing.min.js"></script>
  204. <script src="../static/lib/superfish/hoverIntent.js"></script>
  205. <script src="../static/lib/superfish/superfish.min.js"></script>
  206. <script src="../static/lib/wow/wow.min.js"></script>
  207. <script src="../static/lib/owlcarousel/owl.carousel.min.js"></script>
  208. <script src="../static/lib/magnific-popup/magnific-popup.min.js"></script>
  209. <script src="../static/lib/sticky/sticky.js"></script>
  210. <script src="contact/jqBootstrapValidation.js"></script>
  211. <script src="contact/contact_me.js"></script>
  212. <script src="../static/js/main.js"></script>
  213. </body>
  214. </html>