|
@@ -70,9 +70,9 @@
|
|
|
<div class="home-carousel">
|
|
|
<!-- <div class="dark-mask mask-primary"></div> -->
|
|
|
<div>
|
|
|
- <div class="homepage owl-carousel">
|
|
|
+ <div class="homepage owl-carousel" th:each="item : ${pictures}">
|
|
|
<div class="item">
|
|
|
- <img src="img/banner1.png" alt="" class="img-fluid">
|
|
|
+ <img src="img/banner1.png" alt="" class="img-fluid">
|
|
|
</div>
|
|
|
<div class="item">
|
|
|
<img src="img/banner2.png" alt="" class="img-fluid">
|
|
@@ -89,22 +89,22 @@
|
|
|
<div class="col-lg-4 col-md-6">
|
|
|
<div class="box-simple">
|
|
|
<div class="icon-outlined"><i class="fa fa-desktop"></i></div>
|
|
|
- <h3 class="h4">Webdesign</h3>
|
|
|
- <p>Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p>
|
|
|
+ <h3 class="h4">原料入场</h3>
|
|
|
+ <p>扫码录入仓位和物料信息,出入库记录随时查询。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-lg-4 col-md-6">
|
|
|
<div class="box-simple">
|
|
|
<div class="icon-outlined"><i class="fa fa-print"></i></div>
|
|
|
- <h3 class="h4">Print</h3>
|
|
|
- <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p>
|
|
|
+ <h3 class="h4">生产执行</h3>
|
|
|
+ <p>线上即可接单、报工、扫码进行投产、生产效率数据线上直接看。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-lg-4 col-md-6">
|
|
|
<div class="box-simple">
|
|
|
<div class="icon-outlined"><i class="fa fa-globe"></i></div>
|
|
|
- <h3 class="h4">SEO and SEM</h3>
|
|
|
- <p>Am terminated it excellence invitation projection as. She graceful shy believed distance use nay. Lively is people so basket ladies window expect.</p>
|
|
|
+ <h3 class="h4">仓库管理</h3>
|
|
|
+ <p>二维码轻松完成物料入库管理,库存清晰可查。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -112,22 +112,22 @@
|
|
|
<div class="col-lg-4 col-md-6">
|
|
|
<div class="box-simple">
|
|
|
<div class="icon-outlined"><i class="fa fa-lightbulb-o"></i></div>
|
|
|
- <h3 class="h4">Consulting</h3>
|
|
|
- <p>Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p>
|
|
|
+ <h3 class="h4">计划排程</h3>
|
|
|
+ <p>智能分配生产设备时间、批量发生产任务到工位。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-lg-4 col-md-6">
|
|
|
<div class="box-simple">
|
|
|
<div class="icon-outlined"><i class="fa fa-envelope-o"></i></div>
|
|
|
- <h3 class="h4">Email Marketing</h3>
|
|
|
- <p>Advantage old had otherwise sincerity dependent additions. It in adapted natural hastily is justice. Six draw you him full not mean evil. Prepare garrets it expense windows shewing do an.</p>
|
|
|
+ <h3 class="h4">图形分析报表</h3>
|
|
|
+ <p>物料、生产、设备等多维度数据图形化呈现、实时查看监管监控。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-lg-4 col-md-6">
|
|
|
<div class="box-simple">
|
|
|
<div class="icon-outlined"><i class="fa fa-user"></i></div>
|
|
|
- <h3 class="h4">UX</h3>
|
|
|
- <p>Am terminated it excellence invitation projection as. She graceful shy believed distance use nay. Lively is people so basket ladies window expect.</p>
|
|
|
+ <h3 class="h4">设备维护</h3>
|
|
|
+ <p>扫码即可查看设备信息、云端配置维保计划。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -247,54 +247,60 @@
|
|
|
</div>
|
|
|
<p class="lead">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. <a href="blog.html">Check our blog</a></p>
|
|
|
<div class="row">
|
|
|
- <div class="col-lg-3">
|
|
|
- <div class="home-blog-post">
|
|
|
- <div class="image"><img src="img/portfolio-4.jpg" alt="..." class="img-fluid">
|
|
|
- <div class="overlay d-flex align-items-center justify-content-center"><a href="#" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>
|
|
|
- </div>
|
|
|
- <div class="text">
|
|
|
- <h4><a href="#">Fashion Now </a></h4>
|
|
|
- <p class="author-category">By <a href="#">John Snow</a> in <a href="blog.html">Webdesign</a></p>
|
|
|
- <p class="intro">Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p><a href="#" class="btn btn-template-outlined">Continue Reading</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-lg-3">
|
|
|
- <div class="home-blog-post">
|
|
|
- <div class="image"><img src="img/portfolio-3.jpg" alt="..." class="img-fluid">
|
|
|
- <div class="overlay d-flex align-items-center justify-content-center"><a href="#" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>
|
|
|
- </div>
|
|
|
- <div class="text">
|
|
|
- <h4><a href="#">What to do</a></h4>
|
|
|
- <p class="author-category">By <a href="#">John Snow</a> in <a href="blog.html">Webdesign</a></p>
|
|
|
- <p class="intro">Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p><a href="#" class="btn btn-template-outlined">Continue Reading</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-lg-3">
|
|
|
- <div class="home-blog-post">
|
|
|
- <div class="image"><img src="img/portfolio-5.jpg" alt="..." class="img-fluid">
|
|
|
- <div class="overlay d-flex align-items-center justify-content-center"><a href="#" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>
|
|
|
- </div>
|
|
|
- <div class="text">
|
|
|
- <h4><a href="#">5 ways to look awesome</a></h4>
|
|
|
- <p class="author-category">By <a href="#">John Snow</a> in <a href="blog.html">Webdesign</a></p>
|
|
|
- <p class="intro">Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p><a href="#" class="btn btn-template-outlined">Continue Reading</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="col-lg-3">
|
|
|
- <div class="home-blog-post">
|
|
|
- <div class="image"><img src="img/portfolio-6.jpg" alt="..." class="img-fluid">
|
|
|
- <div class="overlay d-flex align-items-center justify-content-center"><a href="#" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>
|
|
|
- </div>
|
|
|
- <div class="text">
|
|
|
- <h4><a href="#">Fashion Now </a></h4>
|
|
|
- <p class="author-category">By <a href="#">John Snow</a> in <a href="blog.html">Webdesign</a></p>
|
|
|
- <p class="intro">Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p><a href="#" class="btn btn-template-outlined">Continue Reading</a>
|
|
|
+ <div class="col-lg-3" th:each="item : ${articles}">
|
|
|
+ <div class="home-blog-post" >
|
|
|
+ <div class="image"><img th:src="${{item.imageUrl}}" src="img/portfolio-4.jpg" alt="..." class="img-fluid">
|
|
|
+ <div class="overlay d-flex align-items-center justify-content-center">
|
|
|
+ <!--<a href="#" class="btn btn-template-outlined-white">-->
|
|
|
+ <i class="fa fa-chain"> </i> Read More</a></div>
|
|
|
+ </div>
|
|
|
+ <div class="text">
|
|
|
+ <h4><a href="#">Fashion Now </a></h4>
|
|
|
+ <p class="author-category" th:text="${{item.title}}">
|
|
|
+ <!--By <a href="#">John Snow</a> in <a href="blog.html">Webdesign</a>-->
|
|
|
+ </p>
|
|
|
+ <!--这里的 th:utext 是对html标签进行转译 -->
|
|
|
+ <p class="intro" th:utext="${{item.content}}">Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p>
|
|
|
+ <!--<a href="#" class="btn btn-template-outlined">Continue Reading</a>-->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ <!--<div class="col-lg-3">-->
|
|
|
+ <!--<div class="home-blog-post">-->
|
|
|
+ <!--<div class="image"><img src="img/portfolio-3.jpg" alt="..." class="img-fluid">-->
|
|
|
+ <!--<div class="overlay d-flex align-items-center justify-content-center"><a href="#" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="text">-->
|
|
|
+ <!--<h4><a href="#">What to do</a></h4>-->
|
|
|
+ <!--<p class="author-category">By <a href="#">John Snow</a> in <a href="blog.html">Webdesign</a></p>-->
|
|
|
+ <!--<p class="intro">Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p><a href="#" class="btn btn-template-outlined">Continue Reading</a>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="col-lg-3">-->
|
|
|
+ <!--<div class="home-blog-post">-->
|
|
|
+ <!--<div class="image"><img src="img/portfolio-5.jpg" alt="..." class="img-fluid">-->
|
|
|
+ <!--<div class="overlay d-flex align-items-center justify-content-center"><a href="#" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="text">-->
|
|
|
+ <!--<h4><a href="#">5 ways to look awesome</a></h4>-->
|
|
|
+ <!--<p class="author-category">By <a href="#">John Snow</a> in <a href="blog.html">Webdesign</a></p>-->
|
|
|
+ <!--<p class="intro">Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p><a href="#" class="btn btn-template-outlined">Continue Reading</a>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="col-lg-3">-->
|
|
|
+ <!--<div class="home-blog-post">-->
|
|
|
+ <!--<div class="image"><img src="img/portfolio-6.jpg" alt="..." class="img-fluid">-->
|
|
|
+ <!--<div class="overlay d-flex align-items-center justify-content-center"><a href="#" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="text">-->
|
|
|
+ <!--<h4><a href="#">Fashion Now </a></h4>-->
|
|
|
+ <!--<p class="author-category">By <a href="#">John Snow</a> in <a href="blog.html">Webdesign</a></p>-->
|
|
|
+ <!--<p class="intro">Fifth abundantly made Give sixth hath. Cattle creature i be don't them behold green moved fowl Moved life us beast good yielding. Have bring.</p><a href="#" class="btn btn-template-outlined">Continue Reading</a>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
</div>
|
|
|
</div>
|
|
|
</section>
|
|
@@ -304,12 +310,13 @@
|
|
|
<h2>Our Clients</h2>
|
|
|
</div>
|
|
|
<ul class="list-unstyled owl-carousel customers no-mb">
|
|
|
- <li class="item"><img src="img/customer-1.png" alt="" class="img-fluid"></li>
|
|
|
- <li class="item"><img src="img/customer-2.png" alt="" class="img-fluid"></li>
|
|
|
- <li class="item"><img src="img/customer-3.png" alt="" class="img-fluid"></li>
|
|
|
- <li class="item"><img src="img/customer-4.png" alt="" class="img-fluid"></li>
|
|
|
- <li class="item"><img src="img/customer-5.png" alt="" class="img-fluid"></li>
|
|
|
- <li class="item"><img src="img/customer-6.png" alt="" class="img-fluid"></li>
|
|
|
+
|
|
|
+ <li class="item" th:each="item : ${cooperations}"><img th:src="${{item.imageUrl}}" src="img/customer-1.png" alt="" class="img-fluid"></li>
|
|
|
+ <!--<li class="item"><img src="img/customer-2.png" alt="" class="img-fluid"></li>-->
|
|
|
+ <!--<li class="item"><img src="img/customer-3.png" alt="" class="img-fluid"></li>-->
|
|
|
+ <!--<li class="item"><img src="img/customer-4.png" alt="" class="img-fluid"></li>-->
|
|
|
+ <!--<li class="item"><img src="img/customer-5.png" alt="" class="img-fluid"></li>-->
|
|
|
+ <!--<li class="item"><img src="img/customer-6.png" alt="" class="img-fluid"></li>-->
|
|
|
</ul>
|
|
|
</div>
|
|
|
</section>
|