sunyadv 5 years ago
parent
commit
4ea1cc5029

+ 4 - 4
website/src/main/resources/templates/about.html

@@ -51,10 +51,10 @@
                     <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>
                     <div id="navigation" class="navbar-collapse collapse">
                         <ul class="nav navbar-nav ml-auto">
-                            <li class="nav-item dropdown"><a href="index.html">首页 <b class="caret"></b></a></li>
-                            <li class="nav-item dropdown menu-large"><a href="template-accordions.html">产品优势 <b class="caret"></b></a></li>
-                            <li class="nav-item dropdown menu-large"><a href="services.html">合作伙伴 <b class="caret"></b></a></li>
-                            <li class="nav-item dropdown menu-large"><a href="portfolio-3.html">成功案例 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="index.html">首页 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="product.html">产品优势 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="partner.html">合作伙伴 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="case.html">成功案例 <b class="caret"></b></a></li>
                             <li class="nav-item dropdown active"><a href="about.html">关于我们 <b class="caret"></b></a></li>
                         </ul>
                     </div>

+ 186 - 0
website/src/main/resources/templates/case.html

@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>塑维</title>
+        <meta name="keywords" content="MES,MES系统,MES软件,制造执行系统,生产管理系统,生产协同,制造协同,生产流程管理,精益制造,智能制造,生产数字化,制造信息化"/>
+        <meta name="description" content="塑维智造是一款云端制造协同系统,通过数据和算法让生产更加高效。基于数据聚合、多角色协同、可视化分析、智能决策四大亮点,帮助企业缩短生产周期、降低库存积压、提升产能利用率、透明化制造流程,实现数据驱动下的精益制造。"/>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="robots" content="all,follow">
+        <!-- Bootstrap CSS-->
+        <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
+        <!-- Font Awesome CSS-->
+        <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
+        <!-- Google fonts - Roboto-->
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700">
+        <!-- Bootstrap Select-->
+        <link rel="stylesheet" href="vendor/bootstrap-select/css/bootstrap-select.min.css">
+        <!-- owl carousel-->
+        <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.css">
+        <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.css">
+        <!-- theme stylesheet-->
+        <link rel="stylesheet" href="css/style.blue.css" id="theme-stylesheet">
+        <!-- Custom stylesheet - for your changes-->
+        <link rel="stylesheet" href="css/custom.css">
+        <!-- Favicon and apple touch icons-->
+        <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
+        <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
+        <link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-57x57.png">
+        <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
+        <link rel="apple-touch-icon" sizes="76x76" href="img/apple-touch-icon-76x76.png">
+        <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
+        <link rel="apple-touch-icon" sizes="120x120" href="img/apple-touch-icon-120x120.png">
+        <link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon-144x144.png">
+        <link rel="apple-touch-icon" sizes="152x152" href="img/apple-touch-icon-152x152.png">
+        <!-- Tweaks for older IEs--><!--[if lt IE 9]>
+            <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
+    </head>
+    <body>
+        <div id="all" class="about">
+            <!-- Navbar Start-->
+            <header class="nav-holder make-sticky">
+                <div id="navbar" role="navigation" class="navbar navbar-expand-lg">
+                <div class="container">
+                    <a href="index.html" class="navbar-brand home">
+                        <img src="img/logo.png" style="width:187px;" alt="Universal logo" class="d-none d-md-inline-block">
+                        <img src="img/logo-small.png" alt="Universal logo" class="d-inline-block d-md-none">
+                    </a>
+                    <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>
+                    <div id="navigation" class="navbar-collapse collapse">
+                        <ul class="nav navbar-nav ml-auto">
+                            <li class="nav-item dropdown menu-large"><a href="index.html">首页 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="product.html">产品优势 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="partner.html">合作伙伴 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown active"><a href="case.html">成功案例 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="about.html">关于我们 <b class="caret"></b></a></li>
+                        </ul>
+                    </div>
+                </div>
+                </div>
+            </header>
+            <!-- Navbar End-->
+            <div id="content">
+                <div class="container">
+                    <section class="bar">
+                        <!-- Image box with hover-->
+                        <div class="heading">
+                            <h2>Image box</h2>
+                        </div>
+                        <div class="row mb-4">
+                            <div class="col-lg-4 col-md-6">
+                                <div class="box-image-text">
+                                    <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="caseDetail.html" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>
+                                    </div>
+                                    <div class="content">
+                                        <h4><a href="caseDetail.html">Print</a></h4>
+                                        <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>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-lg-4 col-md-6">
+                                <div class="box-image-text">
+                                    <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="caseDetail.html" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>
+                                    </div>
+                                    <div class="content">
+                                        <h4><a href="caseDetail.html">Print</a></h4>
+                                        <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>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-lg-4 col-md-6">
+                                <div class="box-image-text">
+                                    <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="caseDetail.html" class="btn btn-template-outlined-white"><i class="fa fa-chain"> </i> Read More</a></div>
+                                    </div>
+                                    <div class="content">
+                                        <h4><a href="caseDetail.html">Print</a></h4>
+                                        <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>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </section>
+                </div>
+            </div>
+            <!-- FOOTER -->
+            <footer class="main-footer">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-lg-3">
+                        <h4 class="h6">About Us</h4>
+                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
+                        <hr>
+                        <h4 class="h6">Join Our Monthly Newsletter</h4>
+                        <form>
+                            <div class="input-group">
+                            <input type="text" class="form-control">
+                            <div class="input-group-append">
+                                <button type="button" class="btn btn-secondary"><i class="fa fa-send"></i></button>
+                            </div>
+                            </div>
+                        </form>
+                        <hr class="d-block d-lg-none">
+                        </div>
+                        <div class="col-lg-3">
+                        <h4 class="h6">Blog</h4>
+                        <ul class="list-unstyled footer-blog-list">
+                            <li class="d-flex align-items-center">
+                            <div class="image"><img src="img/detailsquare.jpg" alt="..." class="img-fluid"></div>
+                            <div class="text">
+                                <h5 class="mb-0"> <a href="post.html">Blog post name</a></h5>
+                            </div>
+                            </li>
+                            <li class="d-flex align-items-center">
+                            <div class="image"><img src="img/detailsquare.jpg" alt="..." class="img-fluid"></div>
+                            <div class="text">
+                                <h5 class="mb-0"> <a href="post.html">Blog post name</a></h5>
+                            </div>
+                            </li>
+                            <li class="d-flex align-items-center">
+                            <div class="image"><img src="img/detailsquare.jpg" alt="..." class="img-fluid"></div>
+                            <div class="text">
+                                <h5 class="mb-0"> <a href="post.html">Very very long blog post name</a></h5>
+                            </div>
+                            </li>
+                        </ul>
+                        <hr class="d-block d-lg-none">
+                        </div>
+                        <div class="col-lg-3">
+                        <h4 class="h6">Contact</h4>
+                        <p class="text-uppercase"><strong>Universal Ltd.</strong><br>13/25 New Avenue <br>Newtown upon River <br>45Y 73J <br>England <br><strong>Great Britain</strong></p><a href="contact.html" class="btn btn-template-main">Go to contact page</a>
+                        <hr class="d-block d-lg-none">
+                        </div>
+                        <div class="col-lg-3">
+                        <ul class="list-inline photo-stream">
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare.jpg" alt="..." class="img-fluid"></a></li>
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare2.jpg" alt="..." class="img-fluid"></a></li>
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare3.jpg" alt="..." class="img-fluid"></a></li>
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare3.jpg" alt="..." class="img-fluid"></a></li>
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare2.jpg" alt="..." class="img-fluid"></a></li>
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare.jpg" alt="..." class="img-fluid"></a></li>
+                        </ul>
+                        </div>
+                    </div>
+                </div>
+            </footer>
+        </div>
+        <!-- Javascript files-->
+        <script src="vendor/jquery/jquery.min.js"></script>
+        <script src="vendor/popper.js/umd/popper.min.js"> </script>
+        <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
+        <script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
+        <script src="vendor/waypoints/lib/jquery.waypoints.min.js"> </script>
+        <script src="vendor/jquery.counterup/jquery.counterup.min.js"> </script>
+        <script src="vendor/owl.carousel/owl.carousel.min.js"></script>
+        <script src="vendor/owl.carousel2.thumbs/owl.carousel2.thumbs.min.js"></script>
+        <script src="js/jquery.parallax-1.1.3.js"></script>
+        <script src="vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
+        <script src="vendor/jquery.scrollto/jquery.scrollTo.min.js"></script>
+        <script src="js/front.js"></script>
+    </body>
+</html>

+ 186 - 0
website/src/main/resources/templates/caseDetail.html

@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>塑维</title>
+        <meta name="keywords" content="MES,MES系统,MES软件,制造执行系统,生产管理系统,生产协同,制造协同,生产流程管理,精益制造,智能制造,生产数字化,制造信息化"/>
+        <meta name="description" content="塑维智造是一款云端制造协同系统,通过数据和算法让生产更加高效。基于数据聚合、多角色协同、可视化分析、智能决策四大亮点,帮助企业缩短生产周期、降低库存积压、提升产能利用率、透明化制造流程,实现数据驱动下的精益制造。"/>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="robots" content="all,follow">
+        <!-- Bootstrap CSS-->
+        <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
+        <!-- Font Awesome CSS-->
+        <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
+        <!-- Google fonts - Roboto-->
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700">
+        <!-- Bootstrap Select-->
+        <link rel="stylesheet" href="vendor/bootstrap-select/css/bootstrap-select.min.css">
+        <!-- owl carousel-->
+        <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.css">
+        <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.css">
+        <!-- theme stylesheet-->
+        <link rel="stylesheet" href="css/style.blue.css" id="theme-stylesheet">
+        <!-- Custom stylesheet - for your changes-->
+        <link rel="stylesheet" href="css/custom.css">
+        <!-- Favicon and apple touch icons-->
+        <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
+        <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
+        <link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-57x57.png">
+        <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
+        <link rel="apple-touch-icon" sizes="76x76" href="img/apple-touch-icon-76x76.png">
+        <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
+        <link rel="apple-touch-icon" sizes="120x120" href="img/apple-touch-icon-120x120.png">
+        <link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon-144x144.png">
+        <link rel="apple-touch-icon" sizes="152x152" href="img/apple-touch-icon-152x152.png">
+        <!-- Tweaks for older IEs--><!--[if lt IE 9]>
+            <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
+    </head>
+    <body>
+        <div id="all" class="about">
+            <!-- Navbar Start-->
+            <header class="nav-holder make-sticky">
+                <div id="navbar" role="navigation" class="navbar navbar-expand-lg">
+                <div class="container">
+                    <a href="index.html" class="navbar-brand home">
+                        <img src="img/logo.png" style="width:187px;" alt="Universal logo" class="d-none d-md-inline-block">
+                        <img src="img/logo-small.png" alt="Universal logo" class="d-inline-block d-md-none">
+                    </a>
+                    <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>
+                    <div id="navigation" class="navbar-collapse collapse">
+                        <ul class="nav navbar-nav ml-auto">
+                            <li class="nav-item dropdown menu-large"><a href="index.html">首页 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="product.html">产品优势 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="partner.html">合作伙伴 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown active"><a href="case.html">成功案例 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="about.html">关于我们 <b class="caret"></b></a></li>
+                        </ul>
+                    </div>
+                </div>
+                </div>
+            </header>
+            <!-- Navbar End-->
+            <div id="content">
+                <div class="container">
+                    <section class="bar no-padding-bottom">
+                        <div class="row">
+                            <div class="col-md-12">
+                                <div class="heading">
+                                    <h2>Brief introduction</h2>
+                                </div>
+                                <p class="lead no-mb">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.</p>
+                            </div>
+                        </div>
+                    </section>
+                    <section class="bar">
+                        <div class="row portfolio-project">
+                            <div class="col-sm-8">
+                                <div class="project owl-carousel mb-4">
+                                    <div class="item"><img src="img/main-slider1.jpg" alt="" class="img-fluid"></div>
+                                    <div class="item"><img src="img/main-slider2.jpg" alt="" class="img-fluid"></div>
+                                    <div class="item"><img src="img/main-slider3.jpg" alt="" class="img-fluid"></div>
+                                    <div class="item"><img src="img/main-slider4.jpg" alt="" class="img-fluid"></div>
+                                </div>
+                            </div>
+                            <div class="col-sm-4">
+                                <div class="project-more">
+                                    <h4>Client</h4>
+                                    <p>Pietro Filippi</p>
+                                    <h4>Services</h4>
+                                    <p>Consulting, Webdesign, Print</p>
+                                    <h4>Technologies</h4>
+                                    <p>PHP, HipHop, Break-dance</p>
+                                    <h4>Dates</h4>
+                                    <p>10/2013 - 06/2014</p>
+                                </div>
+                            </div>
+                            <div class="col-sm-12">
+                                <div class="heading">
+                                    <h3>Project description</h3>
+                                </div>
+                                <p>Bringing unlocked me an striking ye perceive. Mr by wound hours oh happy. Me in resolution pianoforte continuing we. Most my no spot felt by no. He he in forfeited furniture sweetness he arranging. Me tedious so to behaved written account ferrars moments. Too objection for elsewhere her preferred allowance her. Marianne shutters mr steepest to me. Up mr ignorant produced distance although is sociable blessing. Ham whom call all lain like.</p>
+                                <p>To sorry world an at do spoil along. Incommode he depending do frankness remainder to. Edward day almost active him friend thirty piqued. People as period twenty my extent as. Set was better abroad ham plenty secure had horses. Admiration has sir decisively excellence say everything inhabiting acceptance. Sooner settle add put you sudden him.</p>
+                            </div>
+                        </div>
+                    </section>
+                </div>
+            </div>
+            <!-- FOOTER -->
+            <footer class="main-footer">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-lg-3">
+                        <h4 class="h6">About Us</h4>
+                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
+                        <hr>
+                        <h4 class="h6">Join Our Monthly Newsletter</h4>
+                        <form>
+                            <div class="input-group">
+                            <input type="text" class="form-control">
+                            <div class="input-group-append">
+                                <button type="button" class="btn btn-secondary"><i class="fa fa-send"></i></button>
+                            </div>
+                            </div>
+                        </form>
+                        <hr class="d-block d-lg-none">
+                        </div>
+                        <div class="col-lg-3">
+                        <h4 class="h6">Blog</h4>
+                        <ul class="list-unstyled footer-blog-list">
+                            <li class="d-flex align-items-center">
+                            <div class="image"><img src="img/detailsquare.jpg" alt="..." class="img-fluid"></div>
+                            <div class="text">
+                                <h5 class="mb-0"> <a href="post.html">Blog post name</a></h5>
+                            </div>
+                            </li>
+                            <li class="d-flex align-items-center">
+                            <div class="image"><img src="img/detailsquare.jpg" alt="..." class="img-fluid"></div>
+                            <div class="text">
+                                <h5 class="mb-0"> <a href="post.html">Blog post name</a></h5>
+                            </div>
+                            </li>
+                            <li class="d-flex align-items-center">
+                            <div class="image"><img src="img/detailsquare.jpg" alt="..." class="img-fluid"></div>
+                            <div class="text">
+                                <h5 class="mb-0"> <a href="post.html">Very very long blog post name</a></h5>
+                            </div>
+                            </li>
+                        </ul>
+                        <hr class="d-block d-lg-none">
+                        </div>
+                        <div class="col-lg-3">
+                        <h4 class="h6">Contact</h4>
+                        <p class="text-uppercase"><strong>Universal Ltd.</strong><br>13/25 New Avenue <br>Newtown upon River <br>45Y 73J <br>England <br><strong>Great Britain</strong></p><a href="contact.html" class="btn btn-template-main">Go to contact page</a>
+                        <hr class="d-block d-lg-none">
+                        </div>
+                        <div class="col-lg-3">
+                        <ul class="list-inline photo-stream">
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare.jpg" alt="..." class="img-fluid"></a></li>
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare2.jpg" alt="..." class="img-fluid"></a></li>
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare3.jpg" alt="..." class="img-fluid"></a></li>
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare3.jpg" alt="..." class="img-fluid"></a></li>
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare2.jpg" alt="..." class="img-fluid"></a></li>
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare.jpg" alt="..." class="img-fluid"></a></li>
+                        </ul>
+                        </div>
+                    </div>
+                </div>
+            </footer>
+        </div>
+        <!-- Javascript files-->
+        <script src="vendor/jquery/jquery.min.js"></script>
+        <script src="vendor/popper.js/umd/popper.min.js"> </script>
+        <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
+        <script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
+        <script src="vendor/waypoints/lib/jquery.waypoints.min.js"> </script>
+        <script src="vendor/jquery.counterup/jquery.counterup.min.js"> </script>
+        <script src="vendor/owl.carousel/owl.carousel.min.js"></script>
+        <script src="vendor/owl.carousel2.thumbs/owl.carousel2.thumbs.min.js"></script>
+        <script src="js/jquery.parallax-1.1.3.js"></script>
+        <script src="vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
+        <script src="vendor/jquery.scrollto/jquery.scrollTo.min.js"></script>
+        <script src="js/front.js"></script>
+    </body>
+</html>

+ 7 - 0
website/src/main/resources/templates/css/custom.css

@@ -22,6 +22,13 @@
     background: #fff;
 }
 
+.indexHead #navbar {
+    background: unset;
+    position: fixed;
+    width: 100%;
+    z-index: 110;
+}
+
 #navbar .navbar-toggler {
     color: #fff;
     border: 1px solid #fff !important

BIN
website/src/main/resources/templates/img/banner2.png


+ 5 - 5
website/src/main/resources/templates/index.html

@@ -41,7 +41,7 @@
     <body>
         <div id="all">
             <!-- Navbar Start-->
-            <header class="nav-holder make-sticky">
+            <header class="nav-holder make-sticky indexHead">
                 <div id="navbar" role="navigation" class="navbar navbar-expand-lg">
                 <div class="container">
                     <a href="index.html" class="navbar-brand home">
@@ -52,9 +52,9 @@
                     <div id="navigation" class="navbar-collapse collapse">
                         <ul class="nav navbar-nav ml-auto">
                             <li class="nav-item dropdown active"><a href="index.html">首页 <b class="caret"></b></a></li>
-                            <li class="nav-item dropdown menu-large"><a href="template-accordions.html">产品优势 <b class="caret"></b></a></li>
-                            <li class="nav-item dropdown menu-large"><a href="services.html">合作伙伴 <b class="caret"></b></a></li>
-                            <li class="nav-item dropdown menu-large"><a href="portfolio-3.html">成功案例 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="product.html">产品优势 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="partner.html">合作伙伴 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="case.html">成功案例 <b class="caret"></b></a></li>
                             <li class="nav-item dropdown"><a href="about.html">关于我们 <b class="caret"></b></a></li>
                         </ul>
                     </div>
@@ -75,7 +75,7 @@
                                     <img src="img/banner1.png" alt="" class="img-fluid">
                                 </div>
                                 <div class="item">
-                                    <img src="img/background_bottom.jpg" alt="" class="img-fluid">
+                                    <img src="img/banner2.png" alt="" class="img-fluid">
                                 </div>
                             </div>
                         </div>

+ 12 - 0
website/src/main/resources/templates/js/front.js

@@ -9,9 +9,21 @@ $(function () {
         if ($(window).scrollTop() > ($('.top-bar').outerHeight())) {
             $('header.nav-holder.make-sticky').addClass('sticky');
             $('body').css('padding-top', '' + $('#navbar').outerHeight() + 'px');
+            console.log(11111)
         } else {
             $('header.nav-holder.make-sticky').removeClass('sticky');
             $('body').css('padding-top', '0');
+            console.log(2)
+        }
+        console.log($(window).scrollTop())
+        if($(window).scrollTop() >= $('.owl-stage').height() - 10) {
+            $(".indexHead #navbar").css({
+                "background": "#0188fb",
+            })
+        } else {
+            $(".indexHead #navbar").css({
+                "background": "unset",
+            })
         }
     });
 

+ 186 - 0
website/src/main/resources/templates/partner.html

@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>塑维</title>
+        <meta name="keywords" content="MES,MES系统,MES软件,制造执行系统,生产管理系统,生产协同,制造协同,生产流程管理,精益制造,智能制造,生产数字化,制造信息化"/>
+        <meta name="description" content="塑维智造是一款云端制造协同系统,通过数据和算法让生产更加高效。基于数据聚合、多角色协同、可视化分析、智能决策四大亮点,帮助企业缩短生产周期、降低库存积压、提升产能利用率、透明化制造流程,实现数据驱动下的精益制造。"/>
+        <meta name="description" content="">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="robots" content="all,follow">
+        <!-- Bootstrap CSS-->
+        <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
+        <!-- Font Awesome CSS-->
+        <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
+        <!-- Google fonts - Roboto-->
+        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,700">
+        <!-- Bootstrap Select-->
+        <link rel="stylesheet" href="vendor/bootstrap-select/css/bootstrap-select.min.css">
+        <!-- owl carousel-->
+        <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.css">
+        <link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.css">
+        <!-- theme stylesheet-->
+        <link rel="stylesheet" href="css/style.blue.css" id="theme-stylesheet">
+        <!-- Custom stylesheet - for your changes-->
+        <link rel="stylesheet" href="css/custom.css">
+        <!-- Favicon and apple touch icons-->
+        <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
+        <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
+        <link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-57x57.png">
+        <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
+        <link rel="apple-touch-icon" sizes="76x76" href="img/apple-touch-icon-76x76.png">
+        <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
+        <link rel="apple-touch-icon" sizes="120x120" href="img/apple-touch-icon-120x120.png">
+        <link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon-144x144.png">
+        <link rel="apple-touch-icon" sizes="152x152" href="img/apple-touch-icon-152x152.png">
+        <!-- Tweaks for older IEs--><!--[if lt IE 9]>
+            <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
+    </head>
+    <body>
+        <div id="all" class="about">
+            <!-- Navbar Start-->
+            <header class="nav-holder make-sticky">
+                <div id="navbar" role="navigation" class="navbar navbar-expand-lg">
+                <div class="container">
+                    <a href="index.html" class="navbar-brand home">
+                        <img src="img/logo.png" style="width:187px;" alt="Universal logo" class="d-none d-md-inline-block">
+                        <img src="img/logo-small.png" alt="Universal logo" class="d-inline-block d-md-none">
+                    </a>
+                    <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>
+                    <div id="navigation" class="navbar-collapse collapse">
+                        <ul class="nav navbar-nav ml-auto">
+                            <li class="nav-item dropdown menu-large"><a href="index.html">首页 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="product.html">产品优势 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown active"><a href="partner.html">合作伙伴 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="case.html">成功案例 <b class="caret"></b></a></li>
+                            <li class="nav-item dropdown menu-large"><a href="about.html">关于我们 <b class="caret"></b></a></li>
+                        </ul>
+                    </div>
+                </div>
+                </div>
+            </header>
+            <!-- Navbar End-->
+            <div id="content">
+                <div class="container">
+                    <section class="bar">
+                        <!-- Image box with hover-->
+                        <div class="heading">
+                            <h2>Image box</h2>
+                        </div>
+                        <div class="row mb-4">
+                            <div class="col-lg-4 col-md-6">
+                                <div class="box-image-text">
+                                    <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="content">
+                                        <h4><a href="#">Print</a></h4>
+                                        <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>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-lg-4 col-md-6">
+                                <div class="box-image-text">
+                                    <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="content">
+                                        <h4><a href="#">Print</a></h4>
+                                        <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>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-lg-4 col-md-6">
+                                <div class="box-image-text">
+                                    <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="content">
+                                        <h4><a href="#">Print</a></h4>
+                                        <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>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </section>
+                </div>
+            </div>
+            <!-- FOOTER -->
+            <footer class="main-footer">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-lg-3">
+                        <h4 class="h6">About Us</h4>
+                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
+                        <hr>
+                        <h4 class="h6">Join Our Monthly Newsletter</h4>
+                        <form>
+                            <div class="input-group">
+                            <input type="text" class="form-control">
+                            <div class="input-group-append">
+                                <button type="button" class="btn btn-secondary"><i class="fa fa-send"></i></button>
+                            </div>
+                            </div>
+                        </form>
+                        <hr class="d-block d-lg-none">
+                        </div>
+                        <div class="col-lg-3">
+                        <h4 class="h6">Blog</h4>
+                        <ul class="list-unstyled footer-blog-list">
+                            <li class="d-flex align-items-center">
+                            <div class="image"><img src="img/detailsquare.jpg" alt="..." class="img-fluid"></div>
+                            <div class="text">
+                                <h5 class="mb-0"> <a href="post.html">Blog post name</a></h5>
+                            </div>
+                            </li>
+                            <li class="d-flex align-items-center">
+                            <div class="image"><img src="img/detailsquare.jpg" alt="..." class="img-fluid"></div>
+                            <div class="text">
+                                <h5 class="mb-0"> <a href="post.html">Blog post name</a></h5>
+                            </div>
+                            </li>
+                            <li class="d-flex align-items-center">
+                            <div class="image"><img src="img/detailsquare.jpg" alt="..." class="img-fluid"></div>
+                            <div class="text">
+                                <h5 class="mb-0"> <a href="post.html">Very very long blog post name</a></h5>
+                            </div>
+                            </li>
+                        </ul>
+                        <hr class="d-block d-lg-none">
+                        </div>
+                        <div class="col-lg-3">
+                        <h4 class="h6">Contact</h4>
+                        <p class="text-uppercase"><strong>Universal Ltd.</strong><br>13/25 New Avenue <br>Newtown upon River <br>45Y 73J <br>England <br><strong>Great Britain</strong></p><a href="contact.html" class="btn btn-template-main">Go to contact page</a>
+                        <hr class="d-block d-lg-none">
+                        </div>
+                        <div class="col-lg-3">
+                        <ul class="list-inline photo-stream">
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare.jpg" alt="..." class="img-fluid"></a></li>
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare2.jpg" alt="..." class="img-fluid"></a></li>
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare3.jpg" alt="..." class="img-fluid"></a></li>
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare3.jpg" alt="..." class="img-fluid"></a></li>
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare2.jpg" alt="..." class="img-fluid"></a></li>
+                            <li class="list-inline-item"><a href="#"><img src="img/detailsquare.jpg" alt="..." class="img-fluid"></a></li>
+                        </ul>
+                        </div>
+                    </div>
+                </div>
+            </footer>
+        </div>
+        <!-- Javascript files-->
+        <script src="vendor/jquery/jquery.min.js"></script>
+        <script src="vendor/popper.js/umd/popper.min.js"> </script>
+        <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
+        <script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
+        <script src="vendor/waypoints/lib/jquery.waypoints.min.js"> </script>
+        <script src="vendor/jquery.counterup/jquery.counterup.min.js"> </script>
+        <script src="vendor/owl.carousel/owl.carousel.min.js"></script>
+        <script src="vendor/owl.carousel2.thumbs/owl.carousel2.thumbs.min.js"></script>
+        <script src="js/jquery.parallax-1.1.3.js"></script>
+        <script src="vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
+        <script src="vendor/jquery.scrollto/jquery.scrollTo.min.js"></script>
+        <script src="js/front.js"></script>
+    </body>
+</html>

File diff suppressed because it is too large
+ 167 - 0
website/src/main/resources/templates/product.html