首页制作

application/common.php

@@ -9,6 +9,7 @@ define('ADMIN_SITE_ROOT', BASE_SITE_ROOT . '/static/admin');
 define('HOME_SITE_ROOT', BASE_SITE_ROOT . '/static/home');
 define('MOBILE_SITE_ROOT', BASE_SITE_ROOT . '/static/mobile');
 define('LINK_SITE_ROOT', BASE_SITE_ROOT . '/uploads/home/link');
+define('UPLOADS_HOME_ROOT', BASE_SITE_ROOT . '/uploads/home');
 
 define("REWRITE_MODEL", FALSE); // 设置伪静态
 if (!REWRITE_MODEL) {

application/home/view/index/index.html

@@ -67,7 +67,7 @@ Fixed Navigation
             <!--<h1 class="navbar-brand">-->
             <h1 class="">
                 <a href="#body">
-                    <img src="{$Think.HOME_SITE_ROOT}/img/logo.png" width="40%">
+                    <img src="{$Think.UPLOADS_HOME_ROOT}/logo.png" width="70%">
                     <!--<div class="site-logo"><span>K</span>eeper</div>-->
                 </a>
             </h1>
@@ -104,15 +104,9 @@ Home Slider
 <section id="home">
     <div class="container">
         <div class="home-intro">
-            <div class="animated bounceInRight">
+            <div class="animated bounceInRight" style="text-align: left">
                 <h2>HELLO Keeper <br>WE ARE KASPER,WE MAKE ART.</h2>
                 <p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur aliquet quam. Accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet elit, eget tincidunt accumsan id imperdiet.</p>
-                <ul class="list-inline available">
-                    <li><span>Available On :</span></li>
-                    <li><i class="fa fa-android"></i></li>
-                    <li><i class="fa fa-apple"></i></li>
-                    <li><i class="fa fa-windows"></i></li>
-                </ul>
             </div>
         </div>
     </div>
@@ -130,8 +124,8 @@ End #home Slider
         <div class="row">
             <div class="col-md-12">
                 <div class="section-title text-center wow fadeInDown">
-                    <h2>Services</h2>
-                    <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante nunc, eleifend eget turpis sit amet, sodales porttitor felis.</p>
+                    <h1>{$navigation[1]->navigation_zhName}</h1>
+                    <h3>—&nbsp;&nbsp;&nbsp;{$navigation[1]->navigation_enName}&nbsp;&nbsp;&nbsp;—</h3>
                 </div>
             </div>
         </div>
@@ -139,12 +133,13 @@ End #home Slider
 
             <div class="col-md-4 col-sm-6 wow fadeInLeft">
                 <div class="media service-item">
-                    <a href="#" class="pull-left text-center">
+                    <!--<a href="#" class="pull-left text-center">
                         <div class="fact-icon">
                             <i class="fa fa-cog fa-lg"></i>
                         </div>
-                    </a>
-                    <div class="media-body">
+                    </a>-->
+                    <div class="media-body" style="text-align: center">
+                        <h3><img src="{$Think.UPLOADS_HOME_ROOT}/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>
                     </div>
@@ -153,12 +148,8 @@ End #home Slider
 
             <div class="col-md-4 col-sm-6 wow fadeInLeft">
                 <div class="media service-item">
-                    <a href="#" class="pull-left text-center">
-                        <div class="fact-icon">
-                            <i class="fa fa-cog fa-lg"></i>
-                        </div>
-                    </a>
-                    <div class="media-body">
+                    <div class="media-body" style="text-align: center">
+                        <h3><img src="{$Think.UPLOADS_HOME_ROOT}/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>
                     </div>
@@ -167,12 +158,8 @@ End #home Slider
 
             <div class="col-md-4 col-sm-6 wow fadeInLeft">
                 <div class="media service-item">
-                    <a href="#" class="pull-left text-center">
-                        <div class="fact-icon">
-                            <i class="fa fa-cog fa-lg"></i>
-                        </div>
-                    </a>
-                    <div class="media-body">
+                    <div class="media-body" style="text-align: center">
+                        <h3><img src="{$Think.UPLOADS_HOME_ROOT}/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>
                     </div>
@@ -181,12 +168,8 @@ End #home Slider
 
             <div class="col-md-4 col-sm-6 wow fadeInLeft">
                 <div class="media service-item">
-                    <a href="#" class="pull-left text-center">
-                        <div class="fact-icon">
-                            <i class="fa fa-cog fa-lg"></i>
-                        </div>
-                    </a>
-                    <div class="media-body">
+                    <div class="media-body" style="text-align: center">
+                        <h3><img src="{$Think.UPLOADS_HOME_ROOT}/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>
                     </div>
@@ -195,12 +178,8 @@ End #home Slider
 
             <div class="col-md-4 col-sm-6 wow fadeInLeft">
                 <div class="media service-item">
-                    <a href="#" class="pull-left text-center">
-                        <div class="fact-icon">
-                            <i class="fa fa-cog fa-lg"></i>
-                        </div>
-                    </a>
-                    <div class="media-body">
+                    <div class="media-body" style="text-align: center">
+                        <h3><img src="{$Think.UPLOADS_HOME_ROOT}/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>
                     </div>
@@ -209,12 +188,8 @@ End #home Slider
 
             <div class="col-md-4 col-sm-6 wow fadeInLeft">
                 <div class="media service-item">
-                    <a href="#" class="pull-left text-center">
-                        <div class="fact-icon">
-                            <i class="fa fa-cog fa-lg"></i>
-                        </div>
-                    </a>
-                    <div class="media-body">
+                    <div class="media-body" style="text-align: center">
+                        <h3><img src="{$Think.UPLOADS_HOME_ROOT}/web@2x.png"></h3>
                         <h3>Google web fonts</h3>
                         <p>Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
                     </div>

public/static/home/css/main.css

@@ -280,7 +280,7 @@ body > section {
 *******Main Slider******
 **************************/
 #home {
-    background: url('../img/bg/bg1.jpg') fixed no-repeat left top / cover;
+    background: url('../../../uploads/home/bg1.jpg') fixed no-repeat left top / cover;
     background-color: #121116;
 }
 

runtime/temp/212e2acb8d1ff94e46cf7e755bcd4848.php

@@ -1,4 +1,4 @@
-<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:71:"D:\wamp64\www\Home-WEB\public/../application/home\view\index\index.html";i:1557457117;}*/ ?>
+<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:71:"D:\wamp64\www\Home-WEB\public/../application/home\view\index\index.html";i:1557460440;}*/ ?>
 <!DOCTYPE html>
 <!--[if lt IE 7]>      <html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
 <!--[if IE 7]>         <html lang="en" class="no-js lt-ie9 lt-ie8"> <![endif]-->
@@ -68,7 +68,7 @@ Fixed Navigation
             <!--<h1 class="navbar-brand">-->
             <h1 class="">
                 <a href="#body">
-                    <img src="uploads/home/logo.png" width="40%">
+                    <img src="<?php echo UPLOADS_HOME_ROOT; ?>/logo.png" width="70%">
                     <!--<div class="site-logo"><span>K</span>eeper</div>-->
                 </a>
             </h1>
@@ -105,15 +105,9 @@ Home Slider
 <section id="home">
     <div class="container">
         <div class="home-intro">
-            <div class="animated bounceInRight">
+            <div class="animated bounceInRight" style="text-align: left">
                 <h2>HELLO Keeper <br>WE ARE KASPER,WE MAKE ART.</h2>
                 <p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur aliquet quam. Accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet elit, eget tincidunt accumsan id imperdiet.</p>
-                <ul class="list-inline available">
-                    <li><span>Available On :</span></li>
-                    <li><i class="fa fa-android"></i></li>
-                    <li><i class="fa fa-apple"></i></li>
-                    <li><i class="fa fa-windows"></i></li>
-                </ul>
             </div>
         </div>
     </div>
@@ -131,8 +125,8 @@ End #home Slider
         <div class="row">
             <div class="col-md-12">
                 <div class="section-title text-center wow fadeInDown">
-                    <h2>Services</h2>
-                    <p>Aliquam condimen tum velit ut sapien dignissim, ut blandit neque fermentum. Suspendisse ante nunc, eleifend eget turpis sit amet, sodales porttitor felis.</p>
+                    <h1><?php echo $navigation[1]->navigation_zhName; ?></h1>
+                    <h3>—&nbsp;&nbsp;&nbsp;<?php echo $navigation[1]->navigation_enName; ?>&nbsp;&nbsp;&nbsp;—</h3>
                 </div>
             </div>
         </div>
@@ -140,12 +134,13 @@ End #home Slider
 
             <div class="col-md-4 col-sm-6 wow fadeInLeft">
                 <div class="media service-item">
-                    <a href="#" class="pull-left text-center">
+                    <!--<a href="#" class="pull-left text-center">
                         <div class="fact-icon">
                             <i class="fa fa-cog fa-lg"></i>
                         </div>
-                    </a>
-                    <div class="media-body">
+                    </a>-->
+                    <div class="media-body" style="text-align: center">
+                        <h3><img src="<?php echo UPLOADS_HOME_ROOT; ?>/web@2x.png"></h3>
                         <h3>Google web fonts</h3>
                         <p>Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
                     </div>
@@ -154,12 +149,8 @@ End #home Slider
 
             <div class="col-md-4 col-sm-6 wow fadeInLeft">
                 <div class="media service-item">
-                    <a href="#" class="pull-left text-center">
-                        <div class="fact-icon">
-                            <i class="fa fa-cog fa-lg"></i>
-                        </div>
-                    </a>
-                    <div class="media-body">
+                    <div class="media-body" style="text-align: center">
+                        <h3><img src="<?php echo UPLOADS_HOME_ROOT; ?>/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>
                     </div>
@@ -168,12 +159,8 @@ End #home Slider
 
             <div class="col-md-4 col-sm-6 wow fadeInLeft">
                 <div class="media service-item">
-                    <a href="#" class="pull-left text-center">
-                        <div class="fact-icon">
-                            <i class="fa fa-cog fa-lg"></i>
-                        </div>
-                    </a>
-                    <div class="media-body">
+                    <div class="media-body" style="text-align: center">
+                        <h3><img src="<?php echo UPLOADS_HOME_ROOT; ?>/web@2x.png"></h3>
                         <h3>Google web fonts</h3>
                         <p>Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
                     </div>
@@ -182,12 +169,8 @@ End #home Slider
 
             <div class="col-md-4 col-sm-6 wow fadeInLeft">
                 <div class="media service-item">
-                    <a href="#" class="pull-left text-center">
-                        <div class="fact-icon">
-                            <i class="fa fa-cog fa-lg"></i>
-                        </div>
-                    </a>
-                    <div class="media-body">
+                    <div class="media-body" style="text-align: center">
+                        <h3><img src="<?php echo UPLOADS_HOME_ROOT; ?>/web@2x.png"></h3>
                         <h3>Google web fonts</h3>
                         <p>Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
                     </div>
@@ -196,12 +179,8 @@ End #home Slider
 
             <div class="col-md-4 col-sm-6 wow fadeInLeft">
                 <div class="media service-item">
-                    <a href="#" class="pull-left text-center">
-                        <div class="fact-icon">
-                            <i class="fa fa-cog fa-lg"></i>
-                        </div>
-                    </a>
-                    <div class="media-body">
+                    <div class="media-body" style="text-align: center">
+                        <h3><img src="<?php echo UPLOADS_HOME_ROOT; ?>/web@2x.png"></h3>
                         <h3>Google web fonts</h3>
                         <p>Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
                     </div>
@@ -210,12 +189,8 @@ End #home Slider
 
             <div class="col-md-4 col-sm-6 wow fadeInLeft">
                 <div class="media service-item">
-                    <a href="#" class="pull-left text-center">
-                        <div class="fact-icon">
-                            <i class="fa fa-cog fa-lg"></i>
-                        </div>
-                    </a>
-                    <div class="media-body">
+                    <div class="media-body" style="text-align: center">
+                        <h3><img src="<?php echo UPLOADS_HOME_ROOT; ?>/web@2x.png"></h3>
                         <h3>Google web fonts</h3>
                         <p>Curabitur arcu erat, accumsan iditea imperdiet et, porttitor at sem. Mauris blandit aliquet elit ciduntue.</p>
                     </div>