case.html 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>塑维</title>
  7. <meta name="keywords" content="MES,MES系统,MES软件,制造执行系统,生产管理系统,生产协同,制造协同,生产流程管理,精益制造,智能制造,生产数字化,制造信息化"/>
  8. <meta name="description" content="塑维智造是一款云端制造协同系统,通过数据和算法让生产更加高效。基于数据聚合、多角色协同、可视化分析、智能决策四大亮点,帮助企业缩短生产周期、降低库存积压、提升产能利用率、透明化制造流程,实现数据驱动下的精益制造。"/>
  9. <meta name="description" content="">
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <meta name="robots" content="all,follow">
  12. <!-- Bootstrap CSS-->
  13. <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
  14. <!-- Font Awesome CSS-->
  15. <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
  16. <!-- Google fonts - Roboto-->
  17. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700">
  18. <!-- Bootstrap Select-->
  19. <link rel="stylesheet" href="vendor/bootstrap-select/css/bootstrap-select.min.css">
  20. <!-- owl carousel-->
  21. <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.css">
  22. <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.css">
  23. <!-- theme stylesheet-->
  24. <link rel="stylesheet" href="css/style.blue.css" id="theme-stylesheet">
  25. <!-- Custom stylesheet - for your changes-->
  26. <link rel="stylesheet" href="css/custom.css">
  27. <!-- Favicon and apple touch icons-->
  28. <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
  29. <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
  30. <link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-57x57.png">
  31. <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
  32. <link rel="apple-touch-icon" sizes="76x76" href="img/apple-touch-icon-76x76.png">
  33. <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
  34. <link rel="apple-touch-icon" sizes="120x120" href="img/apple-touch-icon-120x120.png">
  35. <link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon-144x144.png">
  36. <link rel="apple-touch-icon" sizes="152x152" href="img/apple-touch-icon-152x152.png">
  37. <!-- Tweaks for older IEs--><!--[if lt IE 9]>
  38. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  39. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
  40. </head>
  41. <body>
  42. <div id="all" class="about">
  43. <!-- Navbar Start-->
  44. <header class="nav-holder make-sticky">
  45. <div id="navbar" role="navigation" class="navbar navbar-expand-lg">
  46. <div class="container">
  47. <a href="index.html" class="navbar-brand home">
  48. <img src="img/logo.png" style="width:187px;" alt="Universal logo" class="d-none d-md-inline-block">
  49. <img src="img/logo-small.png" alt="Universal logo" class="d-inline-block d-md-none">
  50. </a>
  51. <button type="button" data-toggle="collapse" data-target="#navigation" class="navbar-toggler btn-template-outlined"><span class="sr-only">Toggle navigation</span><i class="fa fa-align-justify"></i></button>
  52. <div id="navigation" class="navbar-collapse collapse">
  53. <ul class="nav navbar-nav ml-auto">
  54. <li class="nav-item dropdown menu-large"><a href="index">首页 <b class="caret"></b></a></li>
  55. <li class="nav-item dropdown menu-large"><a href="product">产品优势 <b class="caret"></b></a></li>
  56. <li class="nav-item dropdown menu-large"><a href="partner">合作伙伴 <b class="caret"></b></a></li>
  57. <li class="nav-item dropdown active"><a href="case">成功案例 <b class="caret"></b></a></li>
  58. <li class="nav-item dropdown menu-large"><a href="about.html">关于我们 <b class="caret"></b></a></li>
  59. </ul>
  60. </div>
  61. </div>
  62. </div>
  63. </header>
  64. <!-- Navbar End-->
  65. <div id="content">
  66. <div class="container">
  67. <section class="bar">
  68. <!-- Image box with hover-->
  69. <div class="heading">
  70. <h2>成功案例</h2>
  71. </div>
  72. <div class="row mb-4">
  73. <div class="col-lg-4 col-md-6" th:each="item : ${cases}">
  74. <div class="box-image-text">
  75. <div class="image"><img src="img/portfolio-4.jpg" alt="..." class="img-fluid">
  76. <div class="overlay d-flex align-items-center justify-content-center">
  77. <a th:href="@{'caseDetail?id='+${item.id}}" class="btn btn-template-outlined-white">
  78. <i class="fa fa-chain"> </i> 详情</a></div>
  79. </div>
  80. <div class="content">
  81. <h4><a th:href="@{'caseDetail?id='+${item.id}}" th:text="${item.title}">Print</a></h4>
  82. <p th:text="${item.introduction}">shewing do an</p>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. </section>
  88. </div>
  89. </div>
  90. <!-- FOOTER -->
  91. <footer class="main-footer">
  92. <div class="container">
  93. <div class="row">
  94. <div class="col-lg-3">
  95. <h4 class="h6">联系我们</h4>
  96. <p class="text-uppercase">
  97. <br>电话: 400-1086-011
  98. <br>网址:<a href="http://www.yunzhusu.net" target="_blank">www.yunzhusu.net</a>
  99. <br>地址: 南京市雨花台区郁金香路36号国泰科创大厦2楼
  100. </p>
  101. </div>
  102. <div class="col-lg-3">
  103. <h4 class="h6">塑维产品</h4>
  104. <p class="text-uppercase">
  105. <br>百度: <a href="http://www.baidu.com" target="_blank">www.baidu.com</a>
  106. <br>官网:<a href="http://www.yunzhusu.net" target="_blank">www.yunzhusu.net</a>
  107. <br>云模:<a href="http://118.190.47.230:9098/#/login" target="_blank">www.yunsu.com</a>
  108. </p>
  109. </div>
  110. <div class="col-lg-3">
  111. <h4 class="h6">官方微信公众号</h4>
  112. <ul class="list-inline photo-stream">
  113. <li class="list-inline-item"><a href="#"><img src="img/qrCode.png" alt="..." class="img-fluid"></a></li>
  114. </ul>
  115. </div>
  116. </div>
  117. </div>
  118. </footer>
  119. </div>
  120. <!-- Javascript files-->
  121. <script src="vendor/jquery/jquery.min.js"></script>
  122. <script src="vendor/popper.js/umd/popper.min.js"> </script>
  123. <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
  124. <script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
  125. <script src="vendor/waypoints/lib/jquery.waypoints.min.js"> </script>
  126. <script src="vendor/jquery.counterup/jquery.counterup.min.js"> </script>
  127. <script src="vendor/owl.carousel/owl.carousel.min.js"></script>
  128. <script src="vendor/owl.carousel2.thumbs/owl.carousel2.thumbs.min.js"></script>
  129. <script src="js/jquery.parallax-1.1.3.js"></script>
  130. <script src="vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
  131. <script src="vendor/jquery.scrollto/jquery.scrollTo.min.js"></script>
  132. <script src="js/front.js"></script>
  133. </body>
  134. </html>