前台页码编码

application/home/controller/Index.php

@@ -37,17 +37,21 @@ class Index extends Controller
             'navigation_enName',
             'navigation_id',
         ];
-        $getNavigation = model('Navigation')->getSelect($navigationField);
+        $navigationWhere = ['navigation_type' => 1];
+        $getNavigation = model('Navigation')->getSelect($navigationField, $navigationWhere);
         $this->assign('navigation', $getNavigation);
         $navigationId = [
             'home',
             'service',
-            'portfolio',
-            'about',
+            'count',
+            'about-us',
             'pricing',
             'contact',
         ];
         $this->assign('navigationId', $navigationId);
+        $navigationWhere = ['navigation_type' => 2];
+        $getNavigation = model('Navigation')->getSelect($navigationField, $navigationWhere);
+        $this->assign('navigationTitle', $getNavigation);
 
         $this->assign('admin_info', 11);
         return $this->fetch();

application/home/model/Navigation.php

@@ -16,16 +16,17 @@ class Navigation extends Model
      * @access public
      * @param mixed $field 查询字段
      * @param mixed $where 条件
+     * @param mixed $order 排序
      * @return array 返回类型
      */
-    public function getSelect($field, $where=[])
+    public function getSelect($field, $where=[], $order='navigation_id asc')
     {
         $result = $this->field($field);
         if (empty($where) === false) {
             $result = $result->where($where);
         }
 
-        $result = $result->select();
+        $result = $result->order($order)->select();
         return $result;
     }//endgetSelect()
 

application/home/view/index/index.html

@@ -91,7 +91,6 @@ Fixed Navigation
         <!-- /main nav -->
     </div>
 
-    </div>
 </header>
 <!--
 End Fixed Navigation
@@ -141,7 +140,7 @@ End #home Slider
                     <div class="media-body" style="text-align: center">
                         <h3><img src="{$Think.HOME_SITE_ROOT}/images/web.png"></h3>
                         <h3>Google web fonts</h3>
-                        <p>Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
+                        <p style="text-align: left">Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
                     </div>
                 </div>
             </div>
@@ -151,7 +150,7 @@ End #home Slider
                     <div class="media-body" style="text-align: center">
                         <h3><img src="{$Think.HOME_SITE_ROOT}/images/smallProgram.png"></h3>
                         <h3>Google web fonts</h3>
-                        <p>Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
+                        <p style="text-align: left">Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
                     </div>
                 </div>
             </div>
@@ -161,7 +160,7 @@ End #home Slider
                     <div class="media-body" style="text-align: center">
                         <h3><img src="{$Think.HOME_SITE_ROOT}/images/app.png"></h3>
                         <h3>Google web fonts</h3>
-                        <p>Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
+                        <p style="text-align: left">Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
                     </div>
                 </div>
             </div>
@@ -171,7 +170,7 @@ End #home Slider
                     <div class="media-body" style="text-align: center">
                         <h3><img src="{$Think.HOME_SITE_ROOT}/images/system.png"></h3>
                         <h3>Google web fonts</h3>
-                        <p>Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
+                        <p style="text-align: left">Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
                     </div>
                 </div>
             </div>
@@ -181,7 +180,7 @@ End #home Slider
                     <div class="media-body" style="text-align: center">
                         <h3><img src="{$Think.HOME_SITE_ROOT}/images/mobile.png"></h3>
                         <h3>Google web fonts</h3>
-                        <p>Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
+                        <p style="text-align: left">Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
                     </div>
                 </div>
             </div>
@@ -191,7 +190,7 @@ End #home Slider
                     <div class="media-body" style="text-align: center">
                         <h3><img src="{$Think.HOME_SITE_ROOT}/images/market.png"></h3>
                         <h3>Google web fonts</h3>
-                        <p>Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
+                        <p style="text-align: left">Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
                     </div>
                 </div>
             </div>
@@ -207,7 +206,7 @@ End #service
 #service-bottom
 ========================== -->
 
-<section id="service-bottom">
+<!--<section id="service-bottom">
     <div class="container">
         <div class="mobile-device">
             <img data-wow-delay="0.2s" class="img-responsive black  wow fadeInLeftBig" src="img/iphone/iphone-black.png" alt="iPhone Black">
@@ -224,7 +223,7 @@ End #service
             </ul>
         </div>
     </div>
-</section>
+</section>-->
 <!--
 End #service-bottom
 ========================== -->
@@ -234,7 +233,7 @@ End #service-bottom
 #Portfolio
 ========================== -->
 
-<section id="portfolio">
+<!--<section id="portfolio">
 
     <div class="section-title text-center wow fadeInDown">
         <h2>Portfolio</h2>
@@ -293,9 +292,9 @@ End #service-bottom
             <a href="img/portfolio/portfolio-3.jpg" title="Title Eight" rel="portfolio" class="fancybox"><span class="plus"></span></a>
         </figure>
 
-    </div> <!-- end #projects -->
+    </div> &lt;!&ndash; end #projects &ndash;&gt;
 
-</section>
+</section>-->
 <!--
 End #Portfolio
 ========================== -->
@@ -303,7 +302,7 @@ End #Portfolio
 <!--
 #about
 ========================== -->
-<section id="about">
+<!--<section id="about">
     <div class="container">
         <div class="row">
 
@@ -323,7 +322,7 @@ End #Portfolio
 
         </div>
     </div>
-</section>
+</section>-->
 <!--
 End #about
 ========================== -->
@@ -335,46 +334,79 @@ End #about
 
 <section id="count">
     <div class="container">
-        <div class="row">
+        <div class="row" style="color: #fff">
+
+            <div class="col-md-12" style="margin-bottom: 50px">
+                <div class="section-title text-center wow fadeInUp">
+                    <h1>{$navigation[2]->navigation_zhName}</h1>
+                    <h3>—&nbsp;&nbsp;&nbsp;{$navigation[2]->navigation_enName}&nbsp;&nbsp;&nbsp;—</h3>
+                </div>
+            </div>
 
-            <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-delay="0.5s">
-                <div class="fact-item text-center">
+            <div class="col-md-5 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-delay="0.5s">
+                <p style="font-size: 18px; padding-right: 120px">反反复复付付付付付付付付付付付付反反复复付付付付付付反反复复付付付付付付付付付付付付
+                    付付付付付付反反复复付付付付付付付付付付付付反反复复付付付付付付反反复复付付付付付付付付付付付付
+                    反反复复付付付付付付付付付付付付付付付付付付</p>
+            </div>
+
+            <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px; margin-right: 40px;" data-wow-delay="0.5s">
+                <!--<div class="fact-item text-center">
                     <div class="count-icon">
                         <i class="fa fa-android"></i>
                     </div>
                     <span data-to="120">0</span>
                     <p>Completed Projects</p>
-                </div>
+                </div>-->
+                <h3><img src="{$Think.HOME_SITE_ROOT}/images/onlinMarket.png" style="margin-bottom: 20px;"></h3>
+                <h3>Google</h3>
             </div>
 
-            <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-delay="0.8s">
-                <div class="fact-item text-center">
+            <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px; margin-right: 40px;" data-wow-delay="0.5s">
+                <!--<div class="fact-item text-center">
                     <div class="count-icon">
-                        <i class="fa fa-users"></i>
+                        <i class="fa fa-android"></i>
                     </div>
-                    <span data-to="152">0</span>
-                    <p>Satisfied Clients</p>
-                </div>
+                    <span data-to="120">0</span>
+                    <p>Completed Projects</p>
+                </div>-->
+                <h3><img src="{$Think.HOME_SITE_ROOT}/images/storeManagement.png" style="margin-bottom: 20px;"></h3>
+                <h3>Google</h3>
             </div>
 
-            <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-delay="1.1s">
-                <div class="fact-item text-center last">
+            <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px;" data-wow-delay="0.5s">
+                <!--<div class="fact-item text-center">
                     <div class="count-icon">
-                        <i class="fa fa-clock-o"></i>
+                        <i class="fa fa-android"></i>
                     </div>
-                    <span data-to="2500">0</span>
-                    <p>Working Hours</p>
-                </div>
+                    <span data-to="120">0</span>
+                    <p>Completed Projects</p>
+                </div>-->
+                <h3><img src="{$Think.HOME_SITE_ROOT}/images/bargain.png" style="margin-bottom: 20px;"></h3>
+                <h3>Google</h3>
             </div>
 
-            <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-delay="1.3s">
-                <div class="fact-item text-center last">
+            <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px; margin-right: 40px;" data-wow-delay="0.5s">
+                <!--<div class="fact-item text-center">
                     <div class="count-icon">
-                        <i class="fa fa-trophy"></i>
+                        <i class="fa fa-android"></i>
                     </div>
-                    <span data-to="150">0</span>
-                    <p>Award Won</p>
-                </div>
+                    <span data-to="120">0</span>
+                    <p>Completed Projects</p>
+                </div>-->
+                <h3><img src="{$Think.HOME_SITE_ROOT}/images/customerManagement.png" style="margin-bottom: 20px;"></h3>
+                <h3>Google</h3>
+            </div>
+
+            <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px;" data-wow-delay="0.5s">
+                <!--<div class="fact-item text-center">
+                    <div class="count-icon">
+                        <i class="fa fa-android"></i>
+                    </div>
+                    <span data-to="120">0</span>
+                    <p>Completed Projects</p>
+                </div>-->
+                <h3><img src="{$Think.HOME_SITE_ROOT}/images/Invoicing.png" style="margin-bottom: 20px;"></h3>
+                <h3>Google</h3>
             </div>
 
         </div>
@@ -391,106 +423,105 @@ End #count
     <div class="container">
         <div class="row">
 
-            <div class="col-md-5 col-md-offset-1 wow fadeInLeft">
-
-                <div class="subtitle">
-                    <h3>Testimonials</h3>
-                    <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante nunc eifend eget turp.</p>
+            <div class="col-md-12" style="margin-bottom: 50px">
+                <div class="section-title text-center wow fadeInUp">
+                    <h1>{$navigation[3]->navigation_zhName}</h1>
+                    <h3>—&nbsp;&nbsp;&nbsp;{$navigation[3]->navigation_enName}&nbsp;&nbsp;&nbsp;—</h3>
                 </div>
+            </div>
 
-                <div id="testimonial">
-
-                    <div class="tst-item clearfix">
-                        <div class="tst-single clearfix">
-                            <img src="img/client/1.jpg" alt="Client" class="img-responsive">
-                            <div class="tst-content">
-                                <p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet.</p>
-                                <span>Albart Windy, CEO</span>
-                            </div>
-                        </div>
-
-                        <div class="tst-single clearfix">
-                            <img src="img/client/2.jpg" alt="Client" class="img-responsive">
-                            <div class="tst-content">
-                                <p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet.</p>
-                                <span>John Doe, CEO</span>
-                            </div>
-                        </div>
+            <div style="float: left">
+                <div class="col-md-5 col-md-offset-1 wow fadeInLeft">
+                    <img src="{$Think.HOME_SITE_ROOT}/images/custom.png">
+                </div> <!-- end .col-md-5 -->
+                <div class="col-md-5 col-md-offset-1 wow fadeInRight">
+                    <div class="subtitle">
+                        <h3>OUR SKILLS</h3>
+                        <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante
+                            nunc eifend eget turp.</p>
+                        <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante
+                            nunc eifend eget turp.</p>
                     </div>
+                </div>
+            </div>
 
-                    <div class="tst-item">
-                        <div class="tst-single clearfix">
-                            <img src="img/client/3.jpg" alt="Client" class="img-responsive">
-                            <div class="tst-content">
-                                <p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet.</p>
-                                <span>John Doe, CEO</span>
-                            </div>
-                        </div>
-                        <div class="tst-single clearfix">
-                            <img src="img/client/1.jpg" alt="Client" class="img-responsive">
-                            <div class="tst-content">
-                                <p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet.</p>
-                                <span>John Doe, CEO</span>
-                            </div>
-                        </div>
+            <div style="float: left; margin-top: 50px">
+                <div class="col-md-5 col-md-offset-1 wow fadeInRight">
+                    <div class="subtitle">
+                        <h3>OUR SKILLS</h3>
+                        <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante
+                            nunc eifend eget turp.</p>
+                        <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante
+                            nunc eifend eget turp.</p>
                     </div>
+                </div>  <!-- end .col-md-5 -->
+                <div class="col-md-5 col-md-offset-1 wow fadeInLeft">
+                    <img src="{$Think.HOME_SITE_ROOT}/images/4444.png">
+                </div> <!-- end .col-md-5 -->
+            </div>
 
-                    <div class="tst-item">
-                        <div class="tst-single clearfix">
-                            <img src="img/client/2.jpg" alt="Client" class="img-responsive">
-                            <div class="tst-content">
-                                <p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet.</p>
-                                <span>John Doe, CEO</span>
-                            </div>
-                        </div>
-                        <div class="tst-single clearfix">
-                            <img src="img/client/3.jpg" alt="Client" class="img-responsive">
-                            <div class="tst-content">
-                                <p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet.</p>
-                                <span>John Doe, CEO</span>
-                            </div>
-                        </div>
+            <div style="float: left; margin-top: 50px">
+                <div class="col-md-5 col-md-offset-1 wow fadeInLeft">
+                    <img src="{$Think.HOME_SITE_ROOT}/images/433433.png">
+                </div> <!-- end .col-md-5 -->
+                <div class="col-md-5 col-md-offset-1 wow fadeInRight">
+                    <div class="subtitle">
+                        <h3>OUR SKILLS</h3>
+                        <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante
+                            nunc eifend eget turp.</p>
+                        <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante
+                            nunc eifend eget turp.</p>
                     </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</section>
+<!--
+End #about-us
+========================== -->
 
-                </div> <!-- end #testimonial -->
-            </div> <!-- end .col-md-5 -->
 
-            <div class="col-md-5 col-md-offset-1 wow fadeInRight">
+<section id="service-bottom">
+    <div class="container"style="background-color: rgba(50, 50, 50, 0.8); margin-top: -100px; width: 100%;">
+        <div class="row" style="color: #fff">
 
-                <div class="subtitle">
-                    <h3>OUR SKILLS</h3>
-                    <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante nunc eifend eget turp.</p>
+            <div class="col-md-12" style="margin-top: 100px;">
+                <div class="section-title text-center wow fadeInUp">
+                    <h1>{$navigationTitle[0]->navigation_zhName}</h1>
+                    <h3>—&nbsp;&nbsp;&nbsp;{$navigationTitle[0]->navigation_enName}&nbsp;&nbsp;&nbsp;—</h3>
                 </div>
+            </div>
 
-                <div class="progress-bars">
+            <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px; margin-right: 40px;" data-wow-delay="0.5s">
+                <h3><img src="{$Think.HOME_SITE_ROOT}/images/demandDegotiation.png" style="margin-bottom: 20px;"></h3>
+                <h3>Google</h3>
+            </div>
 
-                    <span>HTML 5</span>
-                    <div class="progress"  data-progress="85">
-                        <div class="bar"><small>85%</small></div>
-                    </div>
-                    <span>CSS 3</span>
-                    <div class="progress"  data-progress="90">
-                        <div class="bar"><small>90%</small></div>
-                    </div>
-                    <span>PHP</span>
-                    <div class="progress" data-progress="65">
-                        <div class="bar"><small>65%</small></div>
-                    </div>
-                    <span>mySQL</span>
-                    <div class="progress kill-margin"  data-progress="50">
-                        <div class="bar"><small>50%</small></div>
-                    </div>
+            <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px; margin-right: 40px;" data-wow-delay="0.5s">
+                <h3><img src="{$Think.HOME_SITE_ROOT}/images/productDesign.png" style="margin-bottom: 20px;"></h3>
+                <h3>Google</h3>
+            </div>
 
-                </div>  <!-- progress-bars -->
+            <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px;" data-wow-delay="0.5s">
+                <h3><img src="{$Think.HOME_SITE_ROOT}/images/bargain.png" style="margin-bottom: 20px;"></h3>
+                <h3>Google</h3>
+            </div>
 
-            </div>  <!-- end .col-md-5 -->
+            <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px; margin-right: 40px;" data-wow-delay="0.5s">
+                <h3><img src="{$Think.HOME_SITE_ROOT}/images/customerManagement.png" style="margin-bottom: 20px;"></h3>
+                <h3>Google</h3>
+            </div>
+
+            <div class="col-md-2 col-sm-6 col-xs-12 wow fadeInLeft" style="text-align: center; margin-bottom: 40px;" data-wow-delay="0.5s">
+                <h3><img src="{$Think.HOME_SITE_ROOT}/images/Invoicing.png" style="margin-bottom: 20px;"></h3>
+                <h3>Google</h3>
+            </div>
 
         </div>
     </div>
 </section>
-<!--
-End #about-us
-========================== -->
 
 <!--
 #quotes
@@ -732,7 +763,7 @@ JavaScripts
 ========================== -->
 
 <!-- main jQuery -->
-<script src="js/vendor/jquery-1.11.1.min.js"></script>
+<script src="{$Think.HOME_SITE_ROOT}/js/vendor/jquery-1.11.1.min.js"></script>
 <!-- Bootstrap -->
 <script src="{$Think.HOME_SITE_ROOT}/js/bootstrap.min.js"></script>
 <!-- jquery.nav -->

public/static/home/css/main.css

@@ -280,7 +280,7 @@ body > section {
 *******Main Slider******
 **************************/
 #home {
-    background: url('../../../uploads/home/bg1.jpg') fixed no-repeat left top / cover;
+    background: url('../images/bg1.jpg') fixed no-repeat left top / cover;
     background-color: #121116;
 }
 
@@ -421,7 +421,7 @@ body > section {
 ============================================================*/
 
 #service-bottom {
-    background: url('../img/bg/bg2.jpg') scroll no-repeat left top / cover;
+    background: url('../images/monika.png') scroll no-repeat left top / cover;
     background-color: #121116;
 }
 
@@ -611,7 +611,7 @@ body > section {
 /* Counter section */
 
 #count {
-    background: url('../img/bg/bg3.jpg') scroll no-repeat center bottom / cover;
+    background: url('../images/bg3.png') scroll no-repeat center bottom / cover;
     background-color: #121116;
     padding-bottom: 90px;
 }

public/static/home/js/main.js

@@ -18,7 +18,7 @@ $(function(){
     
     jQuery(window).scroll(function () {
         if (jQuery(window).scrollTop() > 400) {
-            jQuery("#navigation").css("background-color","#E7EF4A");
+            jQuery("#navigation").css("background-color","#666");
             jQuery("#navigation").addClass("animated-nav");
         } else {
             jQuery("#navigation").css("background-color","transparent");