5 سال پیش · 3451dae8a7
--- a/.idea/modules.xml
+++ b/.idea/modules.xml
@@ -4,6 +4,7 @@
 
																     <modules>
															
 
																       <module fileurl="file://$PROJECT_DIR$/cloud-model/cloud-model.iml" filepath="$PROJECT_DIR$/cloud-model/cloud-model.iml" />
															
 
																       <module fileurl="file://$PROJECT_DIR$/website/website.iml" filepath="$PROJECT_DIR$/website/website.iml" />
															
 
																+      <module fileurl="file://$PROJECT_DIR$/website/website.iml" filepath="$PROJECT_DIR$/website/website.iml" />
															
 
																       <module fileurl="file://$PROJECT_DIR$/.idea/yunsu.iml" filepath="$PROJECT_DIR$/.idea/yunsu.iml" />
															
 
																     </modules>
															
 
																   </component>
															
--- a/website/src/main/resources/templates/about.html
+++ b/website/src/main/resources/templates/about.html
@@ -0,0 +1,372 @@
 
																+<!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">
															
 
																+            <!-- 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"><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 active"><a href="about.html">关于我们 <b class="caret"></b></a></li>
															
 
																+                        </ul>
															
 
																+                    </div>
															
 
																+                </div>
															
 
																+                </div>
															
 
																+            </header>
															
 
																+            <!-- Navbar End-->
															
 
																+            <section style="background: url(img/joinus.png) center top no-repeat; background-size: cover;" class="bar no-mb color-white text-center bg-fixed relative-positioned">
															
 
																+                <div class="dark-mask"></div>
															
 
																+                <div class="container">
															
 
																+                <div class="icon icon-outlined icon-lg"><i class="fa fa-file-code-o"></i></div>
															
 
																+                <h3 class="text-uppercase">Do you want to see more?</h3>
															
 
																+                <p class="lead">We have prepared for you more than 40 different HTML pages, including 5 variations of homepage.</p>
															
 
																+                <p class="text-center"><a href="index2.html" class="btn btn-template-outlined-white btn-lg">See another homepage</a></p>
															
 
																+                </div>
															
 
																+            </section>
															
 
																+            <section class="bar background-white background-wap">
															
 
																+                <div class="container text-center">
															
 
																+                    <div class="row">
															
 
																+                        <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>
															
 
																+                            </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>
															
 
																+                            </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>
															
 
																+                            </div>
															
 
																+                        </div>
															
 
																+                    </div>
															
 
																+                    <div class="row">
															
 
																+                        <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>
															
 
																+                            </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>
															
 
																+                            </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>
															
 
																+                            </div>
															
 
																+                        </div>
															
 
																+                    </div>
															
 
																+                </div>
															
 
																+            </section>
															
 
																+            <section class="bar background-pentagon no-mb text-md-center">
															
 
																+                <div class="container">
															
 
																+                    <div class="heading text-center">
															
 
																+                        <h2>Testimonials</h2>
															
 
																+                    </div>
															
 
																+                    <p class="lead">We have worked with many clients and we always like to hear they come out from the cooperation happy and satisfied. Have a look what our clients said about us.</p>
															
 
																+                    <!-- Carousel Start-->
															
 
																+                    <ul class="owl-carousel testimonials list-unstyled equal-height">
															
 
																+                        <li class="item">
															
 
																+                            <div class="testimonial d-flex flex-wrap">
															
 
																+                                <div class="text">
															
 
																+                                    <p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections.</p>
															
 
																+                                </div>
															
 
																+                                <div class="bottom d-flex align-items-center justify-content-between align-self-end">
															
 
																+                                    <div class="icon"><i class="fa fa-quote-left"></i></div>
															
 
																+                                    <div class="testimonial-info d-flex">
															
 
																+                                        <div class="title">
															
 
																+                                            <h5>John McIntyre</h5>
															
 
																+                                            <p>CEO, TransTech</p>
															
 
																+                                        </div>
															
 
																+                                        <div class="avatar"><img alt="" src="img/person-1.jpg" class="img-fluid"></div>
															
 
																+                                    </div>
															
 
																+                                </div>
															
 
																+                            </div>
															
 
																+                        </li>
															
 
																+                        <li class="item">
															
 
																+                            <div class="testimonial d-flex flex-wrap">
															
 
																+                                <div class="text">
															
 
																+                                    <p>The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me? " he thought. It wasn't a dream.</p>
															
 
																+                                </div>
															
 
																+                                <div class="bottom d-flex align-items-center justify-content-between align-self-end">
															
 
																+                                    <div class="icon"><i class="fa fa-quote-left"></i></div>
															
 
																+                                    <div class="testimonial-info d-flex">
															
 
																+                                        <div class="title">
															
 
																+                                            <h5>John McIntyre</h5>
															
 
																+                                            <p>CEO, TransTech</p>
															
 
																+                                        </div>
															
 
																+                                        <div class="avatar"><img alt="" src="img/person-2.jpg" class="img-fluid"></div>
															
 
																+                                    </div>
															
 
																+                                </div>
															
 
																+                            </div>
															
 
																+                        </li>
															
 
																+                        <li class="item">
															
 
																+                            <div class="testimonial d-flex flex-wrap">
															
 
																+                                <div class="text">
															
 
																+                                    <p>His room, a proper human room although a little too small, lay peacefully between its four familiar walls.</p>
															
 
																+                                    <p>A collection of textile samples lay spread out on the table - Samsa was a travelling salesman - and above it there hung a picture that he had recently cut out of an illustrated magazine and housed in a nice, gilded frame.</p>
															
 
																+                                </div>
															
 
																+                                <div class="bottom d-flex align-items-center justify-content-between align-self-end">
															
 
																+                                    <div class="icon"><i class="fa fa-quote-left"></i></div>
															
 
																+                                    <div class="testimonial-info d-flex">
															
 
																+                                        <div class="title">
															
 
																+                                            <h5>John McIntyre</h5>
															
 
																+                                            <p>CEO, TransTech</p>
															
 
																+                                        </div>
															
 
																+                                        <div class="avatar"><img alt="" src="img/person-3.png" class="img-fluid"></div>
															
 
																+                                    </div>
															
 
																+                                </div>
															
 
																+                            </div>
															
 
																+                        </li>
															
 
																+                        <li class="item">
															
 
																+                            <div class="testimonial d-flex flex-wrap">
															
 
																+                                <div class="text">
															
 
																+                                    <p>It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather. Drops of rain could be heard hitting the pane, which made him feel quite sad.</p>
															
 
																+                                </div>
															
 
																+                                <div class="bottom d-flex align-items-center justify-content-between align-self-end">
															
 
																+                                    <div class="icon"><i class="fa fa-quote-left"></i></div>
															
 
																+                                    <div class="testimonial-info d-flex">
															
 
																+                                        <div class="title">
															
 
																+                                            <h5>John McIntyre</h5>
															
 
																+                                            <p>CEO, TransTech</p>
															
 
																+                                        </div>
															
 
																+                                        <div class="avatar"><img alt="" src="img/person-4.jpg" class="img-fluid"></div>
															
 
																+                                    </div>
															
 
																+                                </div>
															
 
																+                            </div>
															
 
																+                        </li>
															
 
																+                        <li class="item">
															
 
																+                            <div class="testimonial d-flex flex-wrap">
															
 
																+                                <div class="text">
															
 
																+                                    <p>It showed a lady fitted out with a fur hat and fur boa who sat upright, raising a heavy fur muff that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the window at the dull weather. Drops of rain could be heard hitting the pane, which made him feel quite sad. Gregor then turned to look out the window at the dull weather. Drops of rain could be heard hitting the pane, which made him feel quite sad.</p>
															
 
																+                                </div>
															
 
																+                                <div class="bottom d-flex align-items-center justify-content-between align-self-end">
															
 
																+                                    <div class="icon"><i class="fa fa-quote-left"></i></div>
															
 
																+                                    <div class="testimonial-info d-flex">
															
 
																+                                        <div class="title">
															
 
																+                                            <h5>John McIntyre</h5>
															
 
																+                                            <p>CEO, TransTech</p>
															
 
																+                                        </div>
															
 
																+                                        <div class="avatar"><img alt="" src="img/person-1.jpg" class="img-fluid"></div>
															
 
																+                                    </div>
															
 
																+                                </div>
															
 
																+                            </div>
															
 
																+                        </li>
															
 
																+                    </ul>
															
 
																+                    <!-- Carousel End-->
															
 
																+                </div>
															
 
																+            </section>
															
 
																+            <section class="bg-white bar">
															
 
																+                <div class="container">
															
 
																+                <div class="heading text-center">
															
 
																+                    <h2>From the blog</h2>
															
 
																+                </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>
															
 
																+                    </div>
															
 
																+                    </div>
															
 
																+                </div>
															
 
																+                </div>
															
 
																+            </section>
															
 
																+            <section class="bar bg-gray">
															
 
																+                <div class="container">
															
 
																+                <div class="heading text-center">
															
 
																+                    <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>
															
 
																+                </ul>
															
 
																+                </div>
															
 
																+            </section>
															
 
																+            <!-- 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/
															
 
																+        .js"></script>
															
 
																+    </body>
															
 
																+</html>
															
--- a/website/src/main/resources/templates/css/custom.css
+++ b/website/src/main/resources/templates/css/custom.css
@@ -0,0 +1,63 @@
 
																+/* your styles go here */
															
 
																+* {
															
 
																+    z-index: 10;
															
 
																+}
															
 
																+
															
 
																+.background_video {
															
 
																+    position: fixed;/* 视频定位方式设为固定 */
															
 
																+    right: 0;
															
 
																+    bottom: 0;/* 视频位置 */
															
 
																+    min-width: 100%;
															
 
																+    min-height: 100%; /* 不会因视频尺寸造成页面需要滚动 */
															
 
																+    width: auto;
															
 
																+    height: auto; /* 尺寸保持原视频大小 */
															
 
																+    z-index: -100; /* z轴定位，小于0即可 */
															
 
																+    -webkit-filter: grayscale(20%);/*添加灰度蒙版，如果设定为100%则视频显示为黑白 */
															
 
																+}
															
 
																+
															
 
																+.background-wap {
															
 
																+    position: relative;
															
 
																+    /* background: -webkit-gradient( linear, 0 50%, 100% 50%, from(#66b1ff), to(#467fbf) );
															
 
																+    -webkit-transform: skewY(-15deg); */
															
 
																+    background: #fff;
															
 
																+}
															
 
																+
															
 
																+#navbar .navbar-toggler {
															
 
																+    color: #fff;
															
 
																+    border: 1px solid #fff !important
															
 
																+}
															
 
																+
															
 
																+/* 轮播图自定义样式 */
															
 
																+.home-carousel .owl-carousel {
															
 
																+    padding-top: 0;
															
 
																+}
															
 
																+
															
 
																+.banner .home-carousel .owl-carousel { 
															
 
																+    padding-bottom: 20px;
															
 
																+    position: relative;
															
 
																+}
															
 
																+
															
 
																+.banner .owl-carousel .owl-dots {
															
 
																+    margin-top: 20px;
															
 
																+    text-align: center;
															
 
																+    position: absolute;
															
 
																+    bottom: 3rem;
															
 
																+    width: 100%;
															
 
																+}
															
 
																+
															
 
																+.owl-item {
															
 
																+    height: 100%;
															
 
																+}
															
 
																+
															
 
																+.banner .owl-carousel .owl-item img {
															
 
																+    height: 100%;
															
 
																+    max-height: 680px;
															
 
																+    min-height: 175px;
															
 
																+    margin: 0 auto;
															
 
																+}
															
 
																+
															
 
																+@media (max-width: 767px) {
															
 
																+    .banner .home-carousel img {
															
 
																+        max-height: 175px;
															
 
																+    }
															
 
																+}
															
--- a/website/src/main/resources/templates/css/style.blue.css
+++ b/website/src/main/resources/templates/css/style.blue.css
--- a/website/src/main/resources/templates/css/style.default.css
+++ b/website/src/main/resources/templates/css/style.default.css
--- a/website/src/main/resources/templates/css/style.green.css
+++ b/website/src/main/resources/templates/css/style.green.css
--- a/website/src/main/resources/templates/css/style.lightblue.css
+++ b/website/src/main/resources/templates/css/style.lightblue.css
--- a/website/src/main/resources/templates/css/style.marsala.css
+++ b/website/src/main/resources/templates/css/style.marsala.css
--- a/website/src/main/resources/templates/css/style.pink.css
+++ b/website/src/main/resources/templates/css/style.pink.css
--- a/website/src/main/resources/templates/css/style.red.css
+++ b/website/src/main/resources/templates/css/style.red.css
--- a/website/src/main/resources/templates/css/style.violet.css
+++ b/website/src/main/resources/templates/css/style.violet.css
--- a/website/src/main/resources/templates/img/apple-touch-icon-114x114.png
+++ b/website/src/main/resources/templates/img/apple-touch-icon-114x114.png
--- a/website/src/main/resources/templates/img/apple-touch-icon-120x120.png
+++ b/website/src/main/resources/templates/img/apple-touch-icon-120x120.png
--- a/website/src/main/resources/templates/img/apple-touch-icon-144x144.png
+++ b/website/src/main/resources/templates/img/apple-touch-icon-144x144.png
--- a/website/src/main/resources/templates/img/apple-touch-icon-152x152.png
+++ b/website/src/main/resources/templates/img/apple-touch-icon-152x152.png
--- a/website/src/main/resources/templates/img/apple-touch-icon-57x57.png
+++ b/website/src/main/resources/templates/img/apple-touch-icon-57x57.png
--- a/website/src/main/resources/templates/img/apple-touch-icon-72x72.png
+++ b/website/src/main/resources/templates/img/apple-touch-icon-72x72.png
--- a/website/src/main/resources/templates/img/apple-touch-icon-76x76.png
+++ b/website/src/main/resources/templates/img/apple-touch-icon-76x76.png
--- a/website/src/main/resources/templates/img/apple-touch-icon.png
+++ b/website/src/main/resources/templates/img/apple-touch-icon.png
--- a/website/src/main/resources/templates/img/background.png
+++ b/website/src/main/resources/templates/img/background.png
--- a/website/src/main/resources/templates/img/background_video.mp4
+++ b/website/src/main/resources/templates/img/background_video.mp4
--- a/website/src/main/resources/templates/img/banner.jpg
+++ b/website/src/main/resources/templates/img/banner.jpg
--- a/website/src/main/resources/templates/img/banner1.jpg
+++ b/website/src/main/resources/templates/img/banner1.jpg
--- a/website/src/main/resources/templates/img/banner1.png
+++ b/website/src/main/resources/templates/img/banner1.png
--- a/website/src/main/resources/templates/img/banner2.jpg
+++ b/website/src/main/resources/templates/img/banner2.jpg
--- a/website/src/main/resources/templates/img/banner3.jpg
+++ b/website/src/main/resources/templates/img/banner3.jpg
--- a/website/src/main/resources/templates/img/banner4.jpg
+++ b/website/src/main/resources/templates/img/banner4.jpg
--- a/website/src/main/resources/templates/img/basketsquare.jpg
+++ b/website/src/main/resources/templates/img/basketsquare.jpg
--- a/website/src/main/resources/templates/img/blog-avatar.jpg
+++ b/website/src/main/resources/templates/img/blog-avatar.jpg
--- a/website/src/main/resources/templates/img/blog-avatar2.jpg
+++ b/website/src/main/resources/templates/img/blog-avatar2.jpg
--- a/website/src/main/resources/templates/img/blog-medium.jpg
+++ b/website/src/main/resources/templates/img/blog-medium.jpg
--- a/website/src/main/resources/templates/img/blog-recent-2.jpg
+++ b/website/src/main/resources/templates/img/blog-recent-2.jpg
--- a/website/src/main/resources/templates/img/blog-recent-3.jpg
+++ b/website/src/main/resources/templates/img/blog-recent-3.jpg
--- a/website/src/main/resources/templates/img/blog-recent.jpg
+++ b/website/src/main/resources/templates/img/blog-recent.jpg
--- a/website/src/main/resources/templates/img/blog.jpg
+++ b/website/src/main/resources/templates/img/blog.jpg
--- a/website/src/main/resources/templates/img/blog2.jpg
+++ b/website/src/main/resources/templates/img/blog2.jpg
--- a/website/src/main/resources/templates/img/boxed-pattern.png
+++ b/website/src/main/resources/templates/img/boxed-pattern.png
--- a/website/src/main/resources/templates/img/customer-1.png
+++ b/website/src/main/resources/templates/img/customer-1.png
--- a/website/src/main/resources/templates/img/customer-2.png
+++ b/website/src/main/resources/templates/img/customer-2.png
--- a/website/src/main/resources/templates/img/customer-3.png
+++ b/website/src/main/resources/templates/img/customer-3.png
--- a/website/src/main/resources/templates/img/customer-4.png
+++ b/website/src/main/resources/templates/img/customer-4.png
--- a/website/src/main/resources/templates/img/customer-5.png
+++ b/website/src/main/resources/templates/img/customer-5.png
--- a/website/src/main/resources/templates/img/customer-6.png
+++ b/website/src/main/resources/templates/img/customer-6.png
--- a/website/src/main/resources/templates/img/detailbig1.jpg
+++ b/website/src/main/resources/templates/img/detailbig1.jpg
--- a/website/src/main/resources/templates/img/detailbig2.jpg
+++ b/website/src/main/resources/templates/img/detailbig2.jpg
--- a/website/src/main/resources/templates/img/detailbig3.jpg
+++ b/website/src/main/resources/templates/img/detailbig3.jpg
--- a/website/src/main/resources/templates/img/detailsquare.jpg
+++ b/website/src/main/resources/templates/img/detailsquare.jpg
--- a/website/src/main/resources/templates/img/detailsquare2.jpg
+++ b/website/src/main/resources/templates/img/detailsquare2.jpg
--- a/website/src/main/resources/templates/img/detailsquare3.jpg
+++ b/website/src/main/resources/templates/img/detailsquare3.jpg
--- a/website/src/main/resources/templates/img/favicon.ico
+++ b/website/src/main/resources/templates/img/favicon.ico
--- a/website/src/main/resources/templates/img/fixed-background-1.jpg
+++ b/website/src/main/resources/templates/img/fixed-background-1.jpg
--- a/website/src/main/resources/templates/img/fixed-background-2.jpg
+++ b/website/src/main/resources/templates/img/fixed-background-2.jpg
--- a/website/src/main/resources/templates/img/grayscale.svg
+++ b/website/src/main/resources/templates/img/grayscale.svg
@@ -0,0 +1,8 @@
 
																+<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
															
 
																+<filter id="greyscale">
															
 
																+<feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0
															
 
																+ 0.3333 0.3333 0.3333 0 0
															
 
																+ 0.3333 0.3333 0.3333 0 0
															
 
																+ 0  0  0  1 0"/>
															
 
																+</filter>
															
 
																+</svg>
															
--- a/website/src/main/resources/templates/img/home-try.jpg
+++ b/website/src/main/resources/templates/img/home-try.jpg
--- a/website/src/main/resources/templates/img/home.jpg
+++ b/website/src/main/resources/templates/img/home.jpg
--- a/website/src/main/resources/templates/img/homepage-slider.jpg
+++ b/website/src/main/resources/templates/img/homepage-slider.jpg
--- a/website/src/main/resources/templates/img/logo-small.png
+++ b/website/src/main/resources/templates/img/logo-small.png
--- a/website/src/main/resources/templates/img/logo.png
+++ b/website/src/main/resources/templates/img/logo.png
--- a/website/src/main/resources/templates/img/main-slider1.jpg
+++ b/website/src/main/resources/templates/img/main-slider1.jpg
--- a/website/src/main/resources/templates/img/main-slider2.jpg
+++ b/website/src/main/resources/templates/img/main-slider2.jpg
--- a/website/src/main/resources/templates/img/main-slider3.jpg
+++ b/website/src/main/resources/templates/img/main-slider3.jpg
--- a/website/src/main/resources/templates/img/main-slider4.jpg
+++ b/website/src/main/resources/templates/img/main-slider4.jpg
--- a/website/src/main/resources/templates/img/marker.png
+++ b/website/src/main/resources/templates/img/marker.png
--- a/website/src/main/resources/templates/img/men.jpg
+++ b/website/src/main/resources/templates/img/men.jpg
--- a/website/src/main/resources/templates/img/page-1.jpg
+++ b/website/src/main/resources/templates/img/page-1.jpg
--- a/website/src/main/resources/templates/img/page-2.jpg
+++ b/website/src/main/resources/templates/img/page-2.jpg
--- a/website/src/main/resources/templates/img/page-3.jpg
+++ b/website/src/main/resources/templates/img/page-3.jpg
--- a/website/src/main/resources/templates/img/payment.png
+++ b/website/src/main/resources/templates/img/payment.png
--- a/website/src/main/resources/templates/img/person-1.jpg
+++ b/website/src/main/resources/templates/img/person-1.jpg
--- a/website/src/main/resources/templates/img/person-2.jpg
+++ b/website/src/main/resources/templates/img/person-2.jpg
--- a/website/src/main/resources/templates/img/person-3.png
+++ b/website/src/main/resources/templates/img/person-3.png
--- a/website/src/main/resources/templates/img/person-4.jpg
+++ b/website/src/main/resources/templates/img/person-4.jpg
--- a/website/src/main/resources/templates/img/photogrid.jpg
+++ b/website/src/main/resources/templates/img/photogrid.jpg
--- a/website/src/main/resources/templates/img/portfolio-1.jpg
+++ b/website/src/main/resources/templates/img/portfolio-1.jpg
--- a/website/src/main/resources/templates/img/portfolio-2.jpg
+++ b/website/src/main/resources/templates/img/portfolio-2.jpg
--- a/website/src/main/resources/templates/img/portfolio-3.jpg
+++ b/website/src/main/resources/templates/img/portfolio-3.jpg
--- a/website/src/main/resources/templates/img/portfolio-4.jpg
+++ b/website/src/main/resources/templates/img/portfolio-4.jpg
--- a/website/src/main/resources/templates/img/portfolio-5.jpg
+++ b/website/src/main/resources/templates/img/portfolio-5.jpg
--- a/website/src/main/resources/templates/img/portfolio-6.jpg
+++ b/website/src/main/resources/templates/img/portfolio-6.jpg
--- a/website/src/main/resources/templates/img/portfolio-7.jpg
+++ b/website/src/main/resources/templates/img/portfolio-7.jpg
--- a/website/src/main/resources/templates/img/portfolio-8.jpg
+++ b/website/src/main/resources/templates/img/portfolio-8.jpg
--- a/website/src/main/resources/templates/img/portfolio-9.jpg
+++ b/website/src/main/resources/templates/img/portfolio-9.jpg
--- a/website/src/main/resources/templates/img/product1.jpg
+++ b/website/src/main/resources/templates/img/product1.jpg
--- a/website/src/main/resources/templates/img/product2.jpg
+++ b/website/src/main/resources/templates/img/product2.jpg
--- a/website/src/main/resources/templates/img/product3.jpg
+++ b/website/src/main/resources/templates/img/product3.jpg
--- a/website/src/main/resources/templates/img/product4.jpg
+++ b/website/src/main/resources/templates/img/product4.jpg
--- a/website/src/main/resources/templates/img/slide1.jpg
+++ b/website/src/main/resources/templates/img/slide1.jpg
--- a/website/src/main/resources/templates/img/slide2.jpg
+++ b/website/src/main/resources/templates/img/slide2.jpg
--- a/website/src/main/resources/templates/img/slide3.jpg
+++ b/website/src/main/resources/templates/img/slide3.jpg
--- a/website/src/main/resources/templates/img/slide4.jpg
+++ b/website/src/main/resources/templates/img/slide4.jpg
--- a/website/src/main/resources/templates/img/slide5.jpg
+++ b/website/src/main/resources/templates/img/slide5.jpg
--- a/website/src/main/resources/templates/img/slide6.jpg
+++ b/website/src/main/resources/templates/img/slide6.jpg
--- a/website/src/main/resources/templates/img/template-easy-code.png
+++ b/website/src/main/resources/templates/img/template-easy-code.png
--- a/website/src/main/resources/templates/img/template-easy-customize-less.png
+++ b/website/src/main/resources/templates/img/template-easy-customize-less.png
--- a/website/src/main/resources/templates/img/template-easy-customize.png
+++ b/website/src/main/resources/templates/img/template-easy-customize.png
--- a/website/src/main/resources/templates/img/template-homepage.png
+++ b/website/src/main/resources/templates/img/template-homepage.png
--- a/website/src/main/resources/templates/img/template-mac.png
+++ b/website/src/main/resources/templates/img/template-mac.png
--- a/website/src/main/resources/templates/img/template-tablets-2.png
+++ b/website/src/main/resources/templates/img/template-tablets-2.png
--- a/website/src/main/resources/templates/img/template-tablets.png
+++ b/website/src/main/resources/templates/img/template-tablets.png
--- a/website/src/main/resources/templates/img/template.png
+++ b/website/src/main/resources/templates/img/template.png