webadmin.php

/var/www/hkosl.com/innoutstorage2019/tc/index.php

<?php
require_once ('../webadmin/basic_info.php');

$sql = "select * from slideshow where status = ? and deleted = ? order by sort ASC";
$parameters = array(1, 0);
$slideshow_info = bind_pdo($sql, $parameters, "selectall");

$sql = "select * from popup where popup_id = ? and status = ? and ? between datefrom and dateto";
$parameters = array(1, 1, date("Y-m-d"));
$popup_info = bind_pdo($sql, $parameters, "selectone");

$SD_master_room_info = get_master_room_info_web2('(1,2,3,4)');
$SSW_master_room_info = get_master_room_info_web2('(5)');
$CW_master_room_info = get_master_room_info_web2('(6)');

?>

<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
    <?php require_once ("html_head.php") ?>
</head>

<body class="stretched no-transition">

<?php require_once ("google_analysis.php"); ?>

<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">

    <!-- Header
    ============================================= -->
    <?php require_once ("html_header.php") ?>

    <section id="slider" class="slider-parallax swiper_wrapper full-screen clearfix">

        <div class="swiper-container swiper-parent">
            <div class="swiper-wrapper">
                <?php foreach($slideshow_info as $slideshow){ ?>
                    <div class="swiper-slide dark" style="background-image: url('../images/slideshow/<?=$slideshow["slideimg_".$langcode]?>');">
                        <div class="container clearfix">
                            <div class="slider-caption slider-caption-center">
                                <?php
                                echo "<a href='".$slideshow["slidelink_".$langcode]."'>";
                                if(!empty($slideshow["slidetext1_".$langcode])){
                                    echo '<h2 data-caption-animate="fadeInUp">'.$slideshow["slidetext1_".$langcode].'</h2>';
                                }

                                if(!empty($slideshow["slidetext2_".$langcode])){
                                    echo '<a data-animate="fadeInUp" data-delay="800" href="'.$slideshow["slidelink_".$langcode].'" class="button button-3d button-large nobottommargin" style="margin: 30px 0 0 10px;">'.$slideshow["slidetext2_".$langcode].'</a>';
                                }
                                echo "</a>";
                                ?>
                            </div>
                        </div>
                    </div>
                <?php } ?>
            </div>
            <div id="slider-arrow-left"><i class="icon-angle-left"></i></div>
            <div id="slider-arrow-right"><i class="icon-angle-right"></i></div>
        </div>

        <script>
            jQuery(document).ready(function($){
                var swiperSlider = new Swiper('.swiper-parent',{
                    autoplay: 8000,
                    paginationClickable: false,
                    slidesPerView: 1,
                    grabCursor: true,
                    loop: true,
                    onSwiperCreated: function(swiper){
                        $('[data-caption-animate]').each(function(){
                            var $toAnimateElement = $(this);
                            var toAnimateDelay = $(this).attr('data-caption-delay');
                            var toAnimateDelayTime = 0;
                            if( toAnimateDelay ) { toAnimateDelayTime = Number( toAnimateDelay ) + 750; } else { toAnimateDelayTime = 750; }
                            if( !$toAnimateElement.hasClass('animated') ) {
                                $toAnimateElement.addClass('not-animated');
                                var elementAnimation = $toAnimateElement.attr('data-caption-animate');
                                setTimeout(function() {
                                    $toAnimateElement.removeClass('not-animated').addClass( elementAnimation + ' animated');
                                }, toAnimateDelayTime);
                            }
                        });
                        SEMICOLON.slider.swiperSliderMenu();
                    },
                    onSlideChangeStart: function(swiper){
                        $('[data-caption-animate]').each(function(){
                            var $toAnimateElement = $(this);
                            var elementAnimation = $toAnimateElement.attr('data-caption-animate');
                            $toAnimateElement.removeClass('animated').removeClass(elementAnimation).addClass('not-animated');
                        });
                        SEMICOLON.slider.swiperSliderMenu();
                    },
                    onSlideChangeEnd: function(swiper){
                        $('#slider').find('.swiper-slide').each(function(){
                            if($(this).find('video').length > 0) { $(this).find('video').get(0).pause(); }
                            if($(this).find('.yt-bg-player').length > 0) { $(this).find('.yt-bg-player').pauseYTP(); }
                        });
                        $('#slider').find('.swiper-slide:not(".swiper-slide-active")').each(function(){
                            if($(this).find('video').length > 0) {
                                if($(this).find('video').get(0).currentTime != 0 ) $(this).find('video').get(0).currentTime = 0;
                            }
                            if($(this).find('.yt-bg-player').length > 0) {
                                $(this).find('.yt-bg-player').getPlayer().seekTo( $(this).find('.yt-bg-player').attr('data-start') );
                            }
                        });
                        if( $('#slider').find('.swiper-slide.swiper-slide-active').find('video').length > 0 ) { $('#slider').find('.swiper-slide.swiper-slide-active').find('video').get(0).play(); }
                        if( $('#slider').find('.swiper-slide.swiper-slide-active').find('.yt-bg-player').length > 0 ) { $('#slider').find('.swiper-slide.swiper-slide-active').find('.yt-bg-player').playYTP(); }

                        $('#slider .swiper-slide.swiper-slide-active [data-caption-animate]').each(function(){
                            var $toAnimateElement = $(this);
                            var toAnimateDelay = $(this).attr('data-caption-delay');
                            var toAnimateDelayTime = 0;
                            if( toAnimateDelay ) { toAnimateDelayTime = Number( toAnimateDelay ) + 300; } else { toAnimateDelayTime = 300; }
                            if( !$toAnimateElement.hasClass('animated') ) {
                                $toAnimateElement.addClass('not-animated');
                                var elementAnimation = $toAnimateElement.attr('data-caption-animate');
                                setTimeout(function() {
                                    $toAnimateElement.removeClass('not-animated').addClass( elementAnimation + ' animated');
                                }, toAnimateDelayTime);
                            }
                        });
                    }
                });

                $('#slider-arrow-left').on('click', function(e){
                    e.preventDefault();
                    swiperSlider.swipePrev();
                });

                $('#slider-arrow-right').on('click', function(e){
                    e.preventDefault();
                    swiperSlider.swipeNext();
                });
            });
        </script>

        <a href="#" data-scrollto="#section-howtorent" data-easing="easeInOutExpo" data-speed="1250" data-offset="65" class="one-page-arrow dark"><i class="icon-angle-down infinite animated fadeInDown"></i></a>

    </section>

    <!-- Content
    ============================================= -->
    <section id="content">

        <div class="content-wrap nopadding">

            <div id="section-howtorent" class="center page-section formobile">
                <div class="container clearfix">
                    <h2 class="divcenter bottommargin font-body" style="max-width: 700px; font-size: 40px;">如何去租用一個迷你倉儲</h2>
                    <div class="clear"></div>
                    <div class="row divcenter" style="max-width: 1000px;">

                        <div class="col-sm-3 bottommargin">
                            <div class="team">
                                <div class="team-image"><img src="../images/4.jpg" alt="Reserve"></div>
                                <div class="team-desc team-desc-bg">
                                    <div class="team-title"><h4>1<br />計算物品數量</h4><span>我們為你計算物品數量及大小，提高迷你倉空間實用性。</span></div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-3 bottommargin">
                            <div class="team">
                                <div class="team-image"><img src="../images/1.jpg" alt="Reserve"></div>
                                <div class="team-desc team-desc-bg">
                                    <div class="team-title"><h4>2<br />預留迷你倉及參觀場地</h4><span>你可於網上預留迷你倉。預留後可到場參觀迷你倉，了解服務及實制環境。</span></div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-3 bottommargin">
                            <div class="team">
                                <div class="team-image"><img src="../images/2.jpg" alt="Easy Payment"></div>
                                <div class="team-desc team-desc-bg">
                                    <div class="team-title"><h4>3<br />辦理租倉手續</h4><span>選擇了適合你的迷你倉後，正式辦理租倉手續。你可於參觀場地時付款或於網上經PayPal付款去租用迷你倉服務。</span></div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-3 bottommargin">
                            <div class="team">
                                <div class="team-image"><img src="../images/3.jpg" alt="Move-In"></div>
                                <div class="team-desc team-desc-bg">
                                    <div class="team-title"><h4>4<br />搬入倉享用迷你倉服務</h4><span>我們可安排搬運組運送你的物品到我們倉儲設施，確保你的儲存過程簡單快捷。搬入出入易迷你倉後，盡情享用迷你倉服務！</span></div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <a href="#" data-scrollto="#section-pricing" data-easing="easeInOutExpo" data-speed="1250" data-offset="65" class="button t400 ls2 button-rounded">立即預訂</a>

                </div>
            </div>
            <!-- End section-howtorent -->

            <div id="section-pricing" class="center page-section" style="background-image: url(../images/whyus_bg.jpg); background-repeat: repeat;">
                <div class="container clearfix">
                    <div class="center"><h1 style="color: #ffffff;">價格</h1></div>

                    <ul id="myTab" class="nav nav-tabs boot-tabs">
                        <li><a href="#priceing-a" data-toggle="tab">香港仔</a></li>
                        <li><a href="#priceing-b" data-toggle="tab">小西灣</a></li>
                        <li class="active"><a href="#priceing-c" data-toggle="tab">柴灣</a></li>
                    </ul>
                    <div id="myTabContent" class="tab-content">
                        <div class="tab-pane fade" id="priceing-a">
                            <div style="float:left; color:#FFF;">價錢代表每月租金</div>
                            <div style="float:right; color:#FFF;">尺寸:(長x闊x高)</div><div class="clearfix"></div>
                            <?php
                            foreach($SD_master_room_info as $master_room){

                                if(numberformat($master_room["retail_price"], 0, "") == numberformat($master_room["lowest_price"], 0, "")){
                                    $org_price_text = '<span class="org" style="height: 22px;">&nbsp;</span>';
                                }else {
                                    $org_price_text = '<span class="org">$' . floatval(numberformat($master_room["retail_price"], 0, "")) . '</span>';
                                }


                                echo '<div class="col_one_fifth pricelist">
                                    <div class="feature-box fbox-center pricelist">
                                <div class="size">尺碼 '.$master_room["size"].'</div>';


                                $prepaid_discount_info = get_master_room_discount_by_mater_room_id($master_room["master_room_id"], date("Y-m-d"));

                                if(!empty($prepaid_discount_info)){
                                    $i = 1;
                                    foreach($prepaid_discount_info as $prepaid_discount){
                                        if($prepaid_discount["show_frontend"] == 0 || $i > 2)
                                            continue;

                                        echo '<div class="price_g'.$i.'">HK$ <span>'.floatval(numberformat($master_room["retail_price"]*(100-$prepaid_discount["discount"])/100, 0, "")).'</span></div>
                                <div class="price_info">'.$prepaid_discount["name_".$langcode].'</div>';

                                        $i++;
                                    }
                                }

                                echo '<div class="org">租金 $'.floatval(numberformat($master_room["retail_price"], 0, "")).'</div>';
                                echo '<a href="rent.php?id='.$master_room["master_room_id"].'" class="button t400 ls2 button-rounded">租用</a>';
                                echo '</div></div>';


                            }
                            ?>
                            <div class="col_one_fifth pricelist">
                                <div class="feature-box fbox-center pricelist">
                                    <div class="size">度身訂造存倉計劃﹕</div><br />
                                    <div class="price_r1">設有度身訂造服務，100呎以上的迷你倉，我們都可以提供</div><br />
                                    <a href="contactus.php"><span class="price_g1">歡迎向我們查詢<br />及獲取報價</span></a>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div style="font-size: 18px; color:#FFF;"><br />地址：香港仔大道232號城都工業大廈5樓, 12樓, 14樓及18樓</div>
                        </div><!-- end tab1-->
                        <!-- tab2-->
                        <div class="tab-pane fade" id="priceing-b">
                            <div style="float:left; color:#FFF;">價錢代表每月租金</div>
                            <div style="float:right; color:#FFF;">尺寸:(長x闊x高)</div><div class="clearfix"></div>
                            <?php

                            foreach($SSW_master_room_info as $master_room){

                                if(numberformat($master_room["retail_price"], 0, "") == numberformat($master_room["lowest_price"], 0, "")){
                                    $org_price_text = '<span class="org" style="height: 22px;">&nbsp;</span>';
                                }else {
                                    $org_price_text = '<span class="org">$' . floatval(numberformat($master_room["retail_price"], 0, "")) . '</span>';
                                }


                                echo '<div class="col_one_fifth pricelist">
                                    <div class="feature-box fbox-center pricelist">
                                <div class="size">尺碼 '.$master_room["size"].'</div>';


                                $prepaid_discount_info = get_master_room_discount_by_mater_room_id($master_room["master_room_id"], date("Y-m-d"));

                                if(!empty($prepaid_discount_info)){
                                    $i = 1;
                                    foreach($prepaid_discount_info as $prepaid_discount){
                                        if($prepaid_discount["show_frontend"] == 0 || $i > 2)
                                            continue;

                                        echo '<div class="price_g'.$i.'">HK$ <span>'.floatval(numberformat($master_room["retail_price"]*(100-$prepaid_discount["discount"])/100, 0, "")).'</span></div>
                                <div class="price_info">'.$prepaid_discount["name_".$langcode].'</div>';

                                        $i++;
                                    }
                                }

                                echo '<div class="org">租金 $'.floatval(numberformat($master_room["retail_price"], 0, "")).'</div>';
                                //<a href="rent.php?id='.$master_room["master_room_id"].'" class="button t400 ls2 button-rounded">租用</a>
                                echo '</div></div>';


                            }
                            ?>
                            <div class="col_one_fifth pricelist">
                                <div class="feature-box fbox-center pricelist">
                                    <div class="size">度身訂造存倉計劃﹕</div>
                                    <br/>
                                    <div class="price_r1">設有度身訂造服務，100呎以上的迷你倉，我們都可以提供</div>
                                    <br/>
                                    <a href="contactus.php"><span class="price_g1">歡迎向我們查詢<br/>及獲取報價</span></a>
                                </div>
                            </div>

                            <div class="clearfix"></div>
                            <div style="font-size: 18px; color:#FFF;"><br />地址：小西灣安業街3號新藝工業大廈1樓E室</div>
                        </div><!-- end tab2-->
                        <!-- tab3-->
                        <div class="tab-pane fade in active" id="priceing-c">
                            <div style="float:left; color:#FFF;">價錢代表每月租金</div>
                            <div style="float:right; color:#FFF;">尺寸:(長x闊x高)</div><div class="clearfix"></div>

                            <?php
                            foreach($CW_master_room_info as $master_room){

                                if(numberformat($master_room["retail_price"], 0, "") == numberformat($master_room["lowest_price"], 0, "")){
                                    $org_price_text = '<span class="org" style="height: 22px;">&nbsp;</span>';
                                }else {
                                    $org_price_text = '<span class="org">$' . floatval(numberformat($master_room["retail_price"], 0, "")) . '</span>';
                                }


                                echo '<div class="col_one_fifth pricelist">
                                <div class="feature-box fbox-center pricelist">
                                <div class="size">尺碼 '.$master_room["size"].'</div>';


                                $prepaid_discount_info = get_master_room_discount_by_mater_room_id($master_room["master_room_id"], date("Y-m-d"));

                                if(!empty($prepaid_discount_info)){
                                    $i = 1;
                                    foreach($prepaid_discount_info as $prepaid_discount){
                                        if($prepaid_discount["show_frontend"] == 0 || $i > 2)
                                            continue;

                                        echo '<div class="price_g'.$i.'">HK$ <span>'.floatval(numberformat($master_room["retail_price"]*(100-$prepaid_discount["discount"])/100, 0, "")).'</span></div>
                                <div class="price_info">'.$prepaid_discount["name_".$langcode].'</div>';

                                        $i++;
                                    }
                                }

                                echo '<div class="org">租金 $'.floatval(numberformat($master_room["retail_price"], 0, "")).'</div>';
                                //<a href="rent.php?id='.$master_room["master_room_id"].'" class="button t400 ls2 button-rounded">租用</a>
                                echo '</div></div>';


                            }
                            ?>

                            <div class="col_one_fifth pricelist">
                                <div class="feature-box fbox-center pricelist">
                                    <div class="size">度身訂造存倉計劃﹕</div><br />
                                    <div class="price_r1">設有度身訂造服務，100呎以上的迷你倉，我們都可以提供</div><br />
                                    <a href="contactus.php"><span class="price_g1">歡迎向我們查詢<br />及獲取報價</span></a>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div style="font-size: 18px; color:#FFF;"><br />地址：柴灣利眾街34號寶源(東丞)工業大廈15樓</div>
                        </div><!-- end tab3-->

                    </div><!-- end tab-content-->

                    <div class="clear"></div>
                    <div style=" font-size: 18px; color:#FFF; padding: 20px 0px;">付款方式： <img src="../images/visa_mastercard_logo_<?=$langcode?>.png" height="50"></div>
                </div>
            </div>
            <!-- End section-pricing -->

            <div id="section-whyus" class="center page-section nobottompadding">
                <div class="container clearfix">
                    <div class="center"><h1>為何選我們</h1></div>

                    <div class="col_one_fourth">
                        <div class="feature-box fbox-center fbox-small fbox-plain">
                            <a href="#"><img src="../images/whyus/01.png"></a>
                            <h2>線上預訂</h2>
                        </div>
                    </div>

                    <div class="col_one_fourth">
                        <div class="feature-box fbox-center fbox-small fbox-plain">
                            <a href="#"><img src="../images/whyus/02.png"></a>
                            <h2>全天候高清監控</h2>
                        </div>
                    </div>

                    <div class="col_one_fourth">
                        <div class="feature-box fbox-center fbox-small fbox-plain">
                            <a href="#"><img src="../images/whyus/03.png"></a>
                            <h2>温度濕度控制</h2>
                        </div>
                    </div>

                    <div class="col_one_fourth  col_last">
                        <div class="feature-box fbox-center fbox-small fbox-plain">
                            <a href="#"><img src="../images/whyus/04.png"></a>
                            <h2>地點方便 自置物業</h2>
                        </div>
                    </div>

                    <div class="col_one_fourth">
                        <div class="feature-box fbox-center fbox-small fbox-plain">
                            <a href="#"><img src="../images/whyus/05.png"></a>
                            <h2>各種付款方式包括線上支付</h2>
                        </div>
                    </div>

                    <div class="col_one_fourth">
                        <div class="feature-box fbox-center fbox-small fbox-plain">
                            <a href="#"><img src="../images/whyus/06.png"></a>
                            <h2>經Paypal保安系统的自動帳單記帳</h2>
                        </div>
                    </div>

                    <div class="col_one_fourth">
                        <div class="feature-box fbox-center fbox-small fbox-plain">
                            <a href="#"><img src="../images/whyus/07.png"></a>
                            <h2>免費無線上網</h2>
                        </div>
                    </div>

                    <div class="col_one_fourth  col_last">
                        <div class="feature-box fbox-center fbox-small fbox-plain">
                            <a href="#"><img src="../images/whyus/08.png"></a>
                            <h2>搬運服務</h2>
                        </div>
                    </div>

                    <div class="col_full text-center">
                        <div class="col_half">

                            <div class="feature-box fbox-center fbox-small fbox-plain ">
                                <div class="inline-block text-center nomargin" style="vertical-align: middle;width: 185px; padding: 10px 0;">
                                    衣服<br>
                                    紀念用品<br>
                                    書本<br>
                                    運動用品<br>
                                    珍藏<br>
                                    家庭用品<br>
                                </div>
                                <div class="inline-block text-center nomargin">
                                    <a href="#"><img src="../images/whyus/FamilyStorage.jpg" width="200"></a>
                                    <div style="position: relative">
                                        <div class="whyus_storage_text">
                                            <b>個人與家庭儲存</b>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>

                        <div class="col_half col_last">
                            <div class="feature-box fbox-center fbox-small fbox-plain ">
                                <div class="inline-block text-center nomargin">
                                    <a href="#"><img src="../images/whyus/BusinessStorage.jpg" width="200"></a>

                                    <div style="position: relative">
                                        <div class="whyus_storage_text">
                                            <b>商用儲存</b>
                                        </div>
                                    </div>
                                </div>

                                <div class="inline-block text-center nomargin" style="vertical-align: middle;width: 185px; padding: 10px 0">
                                    文件<br>
                                    展覽用品<br>
                                    模型<br>
                                    文件夾<br>
                                    器材<br>
                                    商品庫存<br>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="clear"></div>
                </div>
            </div>
            <!-- End section-whyus -->

            <div id="section-whyus" class="center page-section notoppadding">
                <div class="container clearfix">
                    <div class="center notopmargin">
                        <!--h1>合作伙伴</h1>
                        <p>
                            出入易迷你倉由香港一間上市公司持有。我們擁有超過三十年管理倉庫、物流、生產電子產品、和物業租賃業務的經驗。在香港和中國大陸，擁有總面積超過280,000平方呎的私人物業。我們的宗旨是提供更多高質素和安全的私人儲存空間。
                        </p-->
                        <h1>提供優質的迷你倉服務</h1></br>
                        <p>香港寸金尺土，無論是居住或工作環境，都會面臨空間的問題。或許你會想過家中的雜物沒有地方放置時，怎麼辦呢？又或是辦公室的貨件沒有地方擺放時，不知怎樣辦？出入易迷你倉可以幫到你!</p>
                        <p>出入易迷你倉是一間提供儲存服務的公司，由香港一間上市公司所持有，該上市公司現時在香港和中國大陸等地區，擁有總面積超過280,000平方呎的物業。出入易迷你倉提供的不同類型和大小的迷你倉，適合不同客戶的需要，而且安全可靠，能為客戶提供理想且合用的迷你倉服務。</p>
                        <p>現時我們位處香港仔，內設迷你倉供客人租用，而且24小時開放，方便客人隨時儲存或搬移物件。如對我們的迷你倉服務有任何疑問，歡迎透過電話 (852) 2580 2088、電郵<a href="mailto:info@innoutstorage.com">info@innoutstorage.com</a>或親臨香港仔大道232號城都工業大廈12樓查詢。</p>

                    </div></br>

                    <h1>合作伙伴</h1>

                    <div id="oc-clients-full" class="owl-carousel image-carousel">

                        <a href="#"><img src="../images/ourpartner/starlite.jpg" alt=""></a>
                        <a href="#"><img src="../images/ourpartner/ssaa.jpg" alt=""></a>
                        <a href="#"><img src="../images/ourpartner/garndjestic.jpg" alt=""></a>
                        <a href="#"><img src="../images/ourpartner/lovebox.jpg" alt=""></a>
                        <a href="#"><img src="../images/ourpartner/kp.jpg" alt=""></a>
                        <a href="#"><img src="../images/ourpartner/singing.jpg" alt=""></a>

                    </div>

                    <script type="text/javascript">

                        jQuery(document).ready(function($) {

                            var ocClients = $("#oc-clients-full");

                            ocClients.owlCarousel({
                                items: 6,
                                margin: 30,
                                loop: true,
                                nav: false,
                                autoplay: true,
                                dots: false,
                                autoplayHoverPause: true,
                                responsive:{
                                    0:{ items:1 },
                                    480:{ items:3 },
                                    768:{ items:4 },
                                    992:{ items:5 },
                                    1200:{ items:5 }
                                }
                            });

                        });

                    </script>
                </div>
            </div>
            <!-- End section-ourpartner -->
            <?php
            //unset($_SESSION["popup_".$langcode]);
            if(!isset($_SESSION["popup_".$langcode]) && !empty($popup_info)){
                $_SESSION["popup_".$langcode] = 1;

                ?>
                <!-- Popup -->
                <div class="modal-on-load" data-target="#myModal1"></div>

                <!-- Modal -->
                <div class="modal1 mfp-hide" id="myModal1">
                    <div class="block divcenter" style="background-color: #FFF; max-width: 500px;">
                        <div class="center" style="padding: 50px;">
                            <?=$popup_info["popupdesc_".$langcode]?>
                        </div>
                    </div>
                </div>
                <!-- End Popup -->

            <?php } ?>

        </div>

    </section><!-- #content end -->

    <!-- Footer
    ============================================= -->
    <?php require_once ("html_footer.php"); ?>

</div><!-- #wrapper end -->

<!-- Go To Top
============================================= -->
<div id="gotoTop" class="icon-angle-up"></div>

<!-- Footer Scripts
============================================= -->
<script type="text/javascript" src="../js/functions.js"></script>

</body>
</html>