webadmin.php

/var/www/(Del)gepgroup.hk/content.php

<?php
$without_session_start = true;
require_once( realpath(dirname(__FILE__)) . '/common/config.php');
?><!DOCTYPE HTML>
<html style="background-color: black;">
<?php
require_once( __DIR__ . '/_static_bg.php');
require_once( __DIR__ . '/_slideshow.php');

// Get data
$metadata_keywords = Miscellaneous::key('metadata_keywords');
$metadata_description = Miscellaneous::key('metadata_description');

$newss = News::all(array(
    'conditions' => array('deleted = 0 AND actived = 1'),
    'order' => 'sort',
));
?><head>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=0.25">
    <title>Glorious Entertainment</title>
    <meta name="keywords" content="<?=$metadata_keywords->value?>" />
    <meta name="description" content="<?=$metadata_description->value?>" />
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Muli" />
    <link rel="stylesheet" type="text/css" href="css/vader/jquery-ui-1.10.3.custom.min.css" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/bootstrapSwitch.css" />
    <link rel="stylesheet" type="text/css" href="css/smoothDivScroll.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.2.0.min.css" />
    <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/style.css?v=<?=$v?>" />
    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="css/ie8.css?v=<?=$v?>" />
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css" />

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script type="text/javascript" src="js/html5shiv.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/bootstrapSwitch.js"></script>
    <script type="text/javascript" src="js/jquery.validate.min.js"></script>
    <script type="text/javascript" src="js/jquery.validate.additional-methods.min.js"></script>
    <!-- <script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script> -->
    <script type="text/javascript" src="js/jquery-ui-1.10.3.custom.min.js"></script>
    <script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="js/jquery.kinetic.js"></script>
    <script type="text/javascript" src="js/jquery.smoothdivscroll-1.3-min.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.ba-hashchange.min.js"></script>
    <script type="text/javascript" src="js/jquery.slideshow.min.js"></script>
    <script type="text/javascript" src="js/jquery.nicescroll.js?v=<?=$v?>"></script>
    <script type="text/javascript" src="js/jquery.corner.js"></script>
    <script type="text/javascript" src="js/jquery.imagesloaded.min.js"></script>
    <script type="text/javascript" src="js/jquery.one-gridnav.js?v=<?=$v?>"></script>
    <script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.js"></script>
    <script type="text/javascript" src="js/one-mosaic.1.0.1.js?v=<?=$v?>"></script>
    <script type="text/javascript" src="js/site.js?v=<?=$v?>"></script>
    <script type="text/javascript" src="js/json2.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.2.0.min.js"></script>
    <script src='//www.google.com/recaptcha/api.js?hl=en'></script>
</head>

<body style="background-color: black;">
<?=require_once( realpath(dirname(__FILE__)) . '/analyticstracking.php');?>
<div id="container" class="aquaScroll">
    <div id="pages">
        <div id="home" title="Home" class="h-page" data-menu-img="images/menu_home.jpg" data-menu-hover-img="images/menu_home_on.jpg" data-menu-active-img="images/menu_home_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('images/'.rawurlencode("home_bg_1.jpg")); ?>
                <?php slideShow_bg('images/'.rawurlencode("home_bg_2.jpg")); ?>
                <?php slideShow_bg('images/'.rawurlencode("home_bg_3.jpg")); ?>
                <?php slideShow_bg('images/'.rawurlencode("home_bg_4.jpg")); ?>
                </ul>
            </div>
        </div>
        <div id="about_us" title="About Us" class="h-page" data-menu-img="images/menu_about_us.jpg" data-menu-hover-img="images/menu_about_us_on.jpg" data-menu-active-img="images/menu_about_us_on.jpg">
            <?php static_bg('slide/'.rawurlencode('AboutUs_bg_1.jpg')); ?>
            <div id="about_us_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        ABOUT US<br />
                    </div>
                    <!--<div class="pop-up-subtitle">
                        GLORIOUS<br />
                        ENTERTAINMENT<br />
                        PRODUCTION
                    </div>-->
                    <!--<div class="pop-up-desc">
                        About GEP
                    </div>-->
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">About Us</div>-->
                    <div class="pop-up-desc">
                        <p>
                            <?=h('Glorious Entertainment Production (GEP) is a technically advanced and highly capable company specializing in the field of entertainment special effects, and event production.')?>
                        </p>
                        <p>
                            <?=h('Our Mission: To captivate our audience’s emotions by inspiring their senses; expression is conveyed through the integration of multi-faceted media elements: fire, water, light, sound, and imaging.')?>
                        </p>
                        <p>
                            <?=h('GEP continues to be at the forefront of the entertainment and special effects industry by incorporating advanced technologies from around the globe.  A strategic global network of partnerships allows for a vast variety of technically advanced skills, innovative designs, safe and effective installations.  Situated in Hong Kong, China, GEP has been vigorously active in realizing events and multimedia productions of all scales across Asia and abroad.')?>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="history" title="History" class="h-page" data-menu-img="images/menu_history.jpg" data-menu-hover-img="images/menu_history_on.jpg" data-menu-active-img="images/menu_history_on.jpg">
            <?php static_bg('slide/'.rawurlencode('History_bg_1.jpg')); ?>
            <div id="history_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        HISTORY
                    </div>
                    <!--<div class="pop-up-desc">
                        A Brief History of GEP
                    </div>-->
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">History</div>-->
                    <div class="pop-up-desc">
                        <p>
                            <?=h('The Glorious brand is a well respected name in the global fireworks industry and like many companies in this trade, Glorious started off as a small family business producing firecrackers in China.  This was the beginning of the Glorious Firecracker Company founded in 1920.  Fast forward 30 years and you’ll find a newly established Glorious Fireworks International, with its new business headquarters in Hong Kong where it begins international trade of its high quality fireworks products.  Adopting manufacturing technologies and techniques from around the globe, the Glorious name quickly establishes itself as a high quality company in its industry.')?>
                        </p>
                        <p>
                            <?=h('The early 80’s marked a new era for the Glorious family as it ventured into entertainment special effects, and event production.  It started by producing large scale firework shows and special effects in Hong Kong, then expanded its services throughout South East Asia.  By strategically aligning with a strong international network of event production companies, Glorious quickly gains international technical experience and techniques of special effects, event production, and establishes Glorious Entertainment Production Limited.')?>
                        </p>
                        <p>
                            <?=h('Today, GEP Group has evolved into a technically advanced and highly capable entertainment, special effects, and event production company.  By adopting technologies and techniques from Germany, USA, Canada, Japan, and Italy; GEP Group is able to produce high quality special effects and events effectively as well as efficiently worldwide.')?>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="work" title="Work" class="h-page" data-menu-img="images/menu_work.jpg" data-menu-hover-img="images/menu_work_on.jpg" data-menu-active-img="images/menu_work_on.jpg">
            <?php static_bg('slide/'.rawurlencode('Work_bg_1.jpg')); ?>
            <div id="work_pop_up" class="pop-up-page" style="height:470px; width:1000px; margin-top:-220px;">
                <div id="work_scroll" class="pop-up-desc" style="height:100%; padding:0px;">
                    <div class="css-table" style="width:100%">
                        <!-- Start row -->
                        <div class="css-tr">
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=24" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2013 Sands Cotai Strip New Year's Eve Countdown Celebration</h4>
                                            <p>Macau, China</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2013_Sands_Cotai_Strip_New_Years_Eve_Countdown_Celebration_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=21" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2013 LCSD “New Year’s Eve Countdown Carnival 2013” in Shatin</h4>
                                            <p>Hong Kong, China</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2013_LCSD_New_Year_s_Eve_Countdown_Carnival_2013_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=22" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2013 Longines International Jockey’s Championship</h4>
                                            <p>Hong Kong, China</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2013_Longines_International_Jockey_s_Championship_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=23" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2013 Swire Symphony Under the Stars</h4>
                                            <p>Hong Kong, China</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2013_Swire_Symphony_Under_the_Stars_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                        </div>
                        <!-- End row -->

                        <!-- Start row -->
                        <div class="css-tr">
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=20" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2012 Sands Cotai Strip New Year’s Eve Countdown Celebration</h4>
                                            <p>Macau, China</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2012_Sands_Cotai_Strip_New_Year_s_Eve_Countdown_Celebration_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=19" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2012 Sands Cotai Celebration for the Opening of the Sheraton Macau Hotel, Cotai Central</h4>
                                            <p>Macau, China</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2012_Sands_Cotai_Celebration_for_the_Opening_of_the_Sheraton_Macau_Hotel_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=18" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2011 Celebrations of His Majesty the King’s 84th Birthday</h4>
                                            <p>Pattaya, Thailand</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2011_Pattaya_Thailand_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=17" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2010 Thailand Pattaya International Fireworks Festival</h4>
                                            <p>Pattaya, Thailand</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2010_Pattaya_Thailand_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                        </div>
                        <!-- End row -->

                        <!-- Start row -->
                        <div class="css-tr">
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=16" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2010 Mondial de l'Automobile – VAG Exhibit</h4>
                                            <p>Paris, France</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2010_Paris_Bentley_2.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=15" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2010 Mondial de l'Automobile – VAG Exhibit</h4>
                                            <p>Paris, France</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2010_Paris_Bentley_1.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=14" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2010 Celebrations of His Majesty the King’s Birthday</h4>
                                            <p>Chiang Mai, Thailand</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2010_Chiang_Mai_Thailand_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=13" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2009 Top Gear Live Hong Kong</h4>
                                            <p>Hong Kong, China</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2009_Top_Gear_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                        </div>
                        <!-- End row -->

                        <!-- Start row -->
                        <div class="css-tr">
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=12" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2009 Singapore Chingay Parade</h4>
                                            <p>Singapore</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2009_Singapore_Chingay_Parade_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=11" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2008 Singapore Flyer Grand Opening</h4>
                                            <p>Singapore</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2008_Singapore_Flyers_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=10" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2007 Special Olympics Opening Ceremonies</h4>
                                            <p>Shanghai, China</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2007_Shanghai_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=9" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2007 Aida Diva Taufe Inauguration</h4>
                                            <p>Hamburg, Germany</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2007_Aida_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                        </div>
                        <!-- End row -->

                        <!-- Start row -->
                        <div class="css-tr">
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=8" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2006 60th Coronation of the King of Thailand</h4>
                                            <p>Bangkok, Thailand</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2006_Thailand_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=7" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2006 Singapore National Day Parade</h4>
                                            <p>Singapore</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2006_Singapore_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=6" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2007 FIFA World Cup Closing Ceremony</h4>
                                            <p>Berlin, Germany</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2006_Berlin_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=5" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2006 Asian Games Opening and Closing Ceremonies</h4>
                                            <p>Doha, Qatar</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2006_AsianGameFrontPic_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                        </div>
                        <!-- End row -->

                        <!-- Start row -->
                        <div class="css-tr">
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=4" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2005-2008 Hong Kong International Theme Park New Year’s Eve Countdown Events</h4>
                                            <p>Hong Kong, China</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2005-2008_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=3" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>2002 Winter Olympic Games</h4>
                                            <p>Salt Lake City, USA</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/2002_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php?id=1" target="popup" class="mosaic-overlay fancybox-a">
                                        <div class="mosaic-details">
                                            <h4>1982-85, 87-98 Victoria Harbor Chinese New Year Fireworks</h4>
                                            <p>Hong Kong, China</p>
                                        </div>
                                    </a>
                                    <div class="mosaic-backdrop"><div style="background:url(work-img/1982-85_87-98_1_s.jpg) center center no-repeat;width:235px;height:175px;"></div></div>
                                </div>
                            </div>
                            <div class="css-td">
                                <div class="mosaic-block mosaic-fade">
                                    <a href="work_detail.php" target="popup" class="fancybox-a">
                                        <div style="background:#f53f6c;;width:235px;height:175px;"><div style="text-align:center; padding:75px 0px; font-size:16px; font-weight:bold; color:#FFFFFF;">LIST OF ACHIEVEMENTS</div></div>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- End row -->

                    </div>
                </div>
            </div>
        </div>
        <div id="service_pyro" title="PYRO" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <?php static_bg("slide/".rawurlencode("pyro_bg_1.jpg")); ?>
            <div id="service_pyro_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        PYRO
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Pyro</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_close" title="CLOSE-PROXIMITY PYROTECHNICS" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('slide/'.rawurlencode("close-pro-pyro_bg_1.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("close-pro-pyro_bg_2.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("close-pro-pyro_bg_3.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("close-pro-pyro_bg_4.jpg")); ?>
                </ul>
            </div>
            <div id="service_close_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        CLOSE-PROXIMITY PYROTECHNICS
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Close-Proximate Pyrotechnics</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Proximate pyrotechnic displays requires special attention, special products, in depth experience and product knowledge in order to deliver a safe and unique display.  Commonly used in stadiums, rooftops, theaters, convention centers, hotel ballrooms, and amusement parks. Close proximate pyrotechnics are performed closer to the audience that produces little to zero debris fallout.
                        </p>
                        <p>
                            All of our proximate products are manufactured in the USA by the most renowned companies in the industry, and are designed to be used in distance-restricted areas and/or in close proximity to audiences and structures where traditional fireworks cannot be used.
                        </p>
                        <p>
                            No display is too small!
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_aerial" title="AERIAL DISPLAY FIREWORKS" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('slide/'.rawurlencode("aerial_bg_1.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("aerial_bg_2.jpg")); ?>
                </ul>
            </div>
            <div id="service_aerial_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        AERIAL DISPLAY FIREWORKS
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Aerial Display Fireworks</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Aerial Display Fireworks are the most traditional type of firework display.  Often used for public events such as national celebrations, international sporting events…etc.  Aerial fireworks are a great medium to entertain large audiences as it uses the largest physical type of fireworks.  Greater safety distances to audience and structures are required due to the size of these types of displays.
                        </p>
                        <p>
                            GEP utilizes cutting edge, industry specific computer equipment to design a perfectly synchronized display.  For many years, GEP has been producing aerial firework displays of large scale all around the globe.
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_multimedia" title="MULTIMEDIA" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <?php static_bg('slide/'.rawurlencode("multimedia_bg_1.jpg")); ?>
            <div id="service_multimedia_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        MULTIMEDIA
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Multimedia</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_water" title="WATER" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <?php static_bg('slide/'.rawurlencode("Symphony_Under_The_Star_-_01.jpg")); ?>
            <div id="service_water_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        WATER
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Water</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_waterscreen" title="WATER SCREEN" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('slide/'.rawurlencode("Water_Screen_bg_1.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Water_Screen_bg_2.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Water_Screen_bg_3.jpg")); ?>
                </ul>
            </div>
            <div id="service_waterscreen_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        WATER SCREEN
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Water Screen</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_watercurtin" title="WATER CURTAIN" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('slide/'.rawurlencode("Water_Curtain_bg_1.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Water_Curtain_bg_2.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Water_Curtain_bg_3.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Water_Curtain_bg_4.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Water_Curtain_bg_5.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Water_Curtain_bg_6.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Water_Curtain_bg_7.jpg")); ?>
                </ul>
            </div>
            <div id="service_watercurtin_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        GRAPHICS WATER CURTAIN
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Graphics Water Curtain</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_fogscreen" title="FOG SCREEN" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('slide/'.rawurlencode("FogScreen_bg_1.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("FogScreen_bg_2.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("FogScreen_bg_3.jpg")); ?>
                </ul>
            </div>
            <div id="service_fogscreen_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        FOG SCREEN
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Fog Screen</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_light" title="LIGHT" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('slide/'.rawurlencode("light_bg_1.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("light_bg_2.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("light_bg_3.jpg")); ?>
                </ul>
            </div>
            <div id="service_light_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        LIGHT
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Light</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_laser" title="LASER" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('slide/'.rawurlencode("laser_bg_1.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("laser_bg_2.jpg")); ?>
                </ul>
            </div>
            <div id="service_laser_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        LASER
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Laser</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_projection" title="PROJECTION" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('slide/'.rawurlencode("Projection_bg_1.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Projection_bg_2.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Projection_bg_3.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Projection_bg_4.jpg")); ?>
                </ul>
            </div>
            <div id="service_projection_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        PROJECTION MAPPING
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Projection Mapping</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_fire" title="FIRE" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('slide/'.rawurlencode("fire_bg_1.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("fire_bg_2.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("fire_bg_3.jpg")); ?>
                </ul>
            </div>
            <div id="service_fire_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        FIRE
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Fire</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_filmtvsfx" title="FILM & TELEVISION SFX" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('slide/'.rawurlencode("SFX_bg_1.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("SFX_bg_2.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("SFX_bg_3.jpg")); ?>
                </ul>
            </div>
            <div id="service_filmtvsfx_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        FILM & TELEVISION SFX
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Film & Television SFX</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_logistics" title="LOGISTICS" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('slide/'.rawurlencode("logistics_bg_1.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("logistics_bg_2.jpg")); ?>
                </ul>
            </div>
            <div id="service_logistics_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        LOGISTICS
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Logistics</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_trading" title="TRADING" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('slide/'.rawurlencode("Trading_bg_1.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Trading_bg_2.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Trading_bg_3.jpg")); ?>
                </ul>
            </div>
            <div id="service_trading_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        TRADING
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Trading</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_professionalproducts" title="GLORIOUS PROFESSIONAL PRODUCTS" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('slide/'.rawurlencode("Trading_bg_1.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Trading_bg_2.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Trading_bg_3.jpg")); ?>
                </ul>
            </div>
            <div id="service_professionalproducts_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        GLORIOUS PROFESSIONAL PRODUCTS
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Glorious Professional Products</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_pyrotechnics" title="RES-SPECIALTY PYROTECHNICS" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('slide/'.rawurlencode("Trading_bg_1.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Trading_bg_2.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Trading_bg_3.jpg")); ?>
                </ul>
            </div>
            <div id="service_pyrotechnics_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        RES-SPECIALTY PYROTECHNICS
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">Res-Specialty Pyrotechnics</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="service_santai" title="SAN TAI FIREWORKS PRODUCTS" class="h-page" data-menu-img="images/menu_services.jpg" data-menu-hover-img="images/menu_services_on.jpg" data-menu-active-img="images/menu_services_on.jpg">
            <div class="slideShow">
                <ul class="slides">
                <?php slideShow_bg('slide/'.rawurlencode("Trading_bg_1.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Trading_bg_2.jpg")); ?>
                <?php slideShow_bg('slide/'.rawurlencode("Trading_bg_3.jpg")); ?>
                </ul>
            </div>
            <div id="service_santai_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">
                        SAN TAI FIREWORKS PRODUCTS
                    </div>
                    <div class="pop-up-desc">
                        &nbsp;
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <!--<div class="pop-up-title">San Tai Fireworks Products</div>-->
                    <div class="pop-up-desc">
                        <p>
                            Under Construction
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div id="news" title="News" class="h-page" data-menu-img="images/menu_news.jpg" data-menu-hover-img="images/menu_news_on.jpg" data-menu-active-img="images/menu_news_on.jpg">
            <div id="news_containers">
                <?php foreach ($newss as $news) { ?><div class="news-container">
                    <div class="news">
                        <div class="news-date"><?=strtoupper($news->date->format('j M Y'))?></div>
                        <div class="news-title"><?=$news->title?></div>
                        <div class="news-content">
                            <?=$news->desc?>
                        </div>
                    </div>
                </div><?php } ?>
            </div>
        </div>
        <div id="partner" title="Partners" class="h-page" data-menu-img="images/menu_partners.jpg" data-menu-hover-img="images/menu_partners_on.jpg" data-menu-active-img="images/menu_partners_on.jpg">
            <?php static_bg('slide/'.rawurlencode('Partners_bg_1.jpg')); ?>
            <div id="partner_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">PARTNERS</div>
                    <div class="pop-up-desc">
                        <?=h('The GEP Group has become an internationally ready events and production company with the ability to deploy its expertise to all four corners of the globe. No event is too large or too small for GEP, its ability to plan and execute events stems from its partners around the globe.')?>
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <div class="pop-up-title" style="font-size:16px; padding-left:10px;">Europe</div>
                    <div class="pop-up-desc">
                        <ul>
                            <li><?=h('Flash Art FX and Entertainment GmbH')?></li>
                            <li><?=h('Flash Art Special Effects & Show Design GmbH')?></li>
                            <li><?=h('FLASH ART POLSKA Sp. Z O. O.')?></li>
                            <li><?=h('LKE Lasershow-Technik')?></li>
                            <li><?=h('Pyro Contact GmbH')?></li>
                            <li><?=h('NICO Feuerwerks GmbH')?></li>
                            <li><?=h('NICO Luenig Event GmbH')?></li>
                            <li><?=h('Bright Star Fireworks A/S')?></li>
                        </ul>
                    </div>
                    <div class="pop-up-title" style="font-size:16px; padding-left:10px;">America</div>
                    <div class="pop-up-desc">
                        <ul>
                            <li><?=h('RES Specialty Pyrotechnics')?></li>
                            <li><?=h('Pyro Spectaculars by Souza Inc.')?></li>
                            <li><?=h('American Fireworks Warehouse LLC')?></li>
                        </ul>
                    </div>
                    <div class="pop-up-title" style="font-size:16px; padding-left:10px;">Asia</div>
                    <div class="pop-up-desc">
                        <ul>
                            <li><?=h('Glorious Entertainment Production (Macau) Limited')?></li>
                            <li><?=h('Glorious Logistics Company Limited')?></li>
                            <li><?=h('Glorious Professional Products Trading Limited')?></li>
                            <li><?=h('GEP Film SFX Limited')?></li>
                            <li><?=h('Glorious Fireworks (International) Limited Trading as "Glorious Company"')?></li>
                            <li><?=h('Glorious (China) Limited')?></li>
                            <li><?=h('San Tai Fireworks')?></li>
                            <li><?=h('Guangxi Hepu Glorious Fireworks Export Factory')?></li>
                            <li><?=h('Guangxi Hepu Glorious Fireworks Special Effects Production Company Limited')?></li>
                            <li><?=h('Wanzai Glorious Fireworks Trade Company Limited')?></li>
                            <li><?=h('Wanzai Glorious Multimedia Production Limited Liability Company')?></li>
                            <li><?=h('Glorious Singapore Pte Ltd')?></li>
                        </ul>
                    </div>
                    <div class="pop-up-title" style="font-size:16px; padding-left:10px;">Middle East</div>
                    <div class="pop-up-desc">
                        <ul>
                            <li><?=h('FLASH ART Dubai The Show & Effects LLC')?></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div id="contact_us" title="Contact Us" class="h-page one-invisible" data-menu-img="images/menu_contact_us.jpg" data-menu-hover-img="images/menu_contact_us_on.jpg" data-menu-active-img="images/menu_about_us_on.jpg">
            <?php static_bg('slide/'.rawurlencode('ContactUs_bg_1.jpg')); ?>
            <div id="contact_us_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">CONTACT US</div>
                    <div class="pop-up-desc">
                        <p style="color:yellow">Glorious Entertainment Production Ltd.</p>
                        <address>
                            <?=nl2br(h("Unit A, 5/F, Centro-Sound Industrial Building, 6 A Kung Ngam Village Road, Shau Kei Wan,                             Hong Kong"))?>
                        </address>
                        <div style="height:20px"></div>
                        <table>
                            <tr>
                                <td>TEL:</td>
                                <td>2967 5080</td>
                            </tr>
                            <tr>
                                <td>FAX:</td>
                                <td>2545 3477</td>
                            </tr>
                            <tr>
                                <td>EMAIL:</td>
                                <td><a href="mailto:inquiry@gepgroup.hk" style="color:white;font-weight:normal">inquiry@gepgroup.hk</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <div class="pop-up-title" style="font-weight:normal;padding-top:62px">For enquires, please feel free to contact us.</div>
                    <div class="pop-up-desc" style="color:white">
                        <div style="height:10px"></div>
                        <form id="contact_us_form" action="<?=basename(__FILE__)?>" method="post">
                            <table style="width:70%">
                                <tr>
                                    <th><label for="contact_us_name">NAME</label></th>
                                    <td><input type="text" id="contact_us_name" name="name" value="" class="required" data-mini="true" /></td>
                                </tr>
                                <tr>
                                    <th><label for="contact_us_email">E-MAIL</label></th>
                                    <td><input type="text" id="contact_us_email" name="email" value="" class="required email" data-mini="true" /></td>
                                </tr>
                                <tr>
                                    <th><label for="contact_us_subject">SUBJECT</label></th>
                                    <td><input type="text" id="contact_us_subject" name="subject" value="" class="required" data-mini="true" /></td>
                                </tr>
                                <tr>
                                    <th><label for="contact_us_message">MESSAGE</label></th>
                                    <td><textarea id="contact_us_message" name="message" rows="5" style="height:80px" data-mini="true"></textarea></td>
                                </tr>
                                <tr>
                                    <th><label for="contact_us_verification">VERIFICATION</label></th>
                                    <td class="contact_us_verify_td"><div id="contact_us_verification" class="g-recaptcha" data-sitekey="6LfEmgETAAAAABhig6ttsZUQweLI5jPg5fL7iSYl" data-callback="verifyCallback"></div></td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                    <td><input type="button" id="contact_us_submit_button" value="SUBMIT" data-inline="true" data-mini="true" data-theme="e" style="width:100%" /></td>
                                </tr>
                            </table>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div id="site_map" title="Site Map" class="h-page one-invisible" data-menu-img="images/menu_site_map.jpg" data-menu-hover-img="images/menu_site_map_on.jpg" data-menu-active-img="images/menu_site_map_on.jpg">
            <?php static_bg('slide/'.rawurlencode('Sitemap_bg_1.jpg')); ?>
            <div id="site_map_pop_up" class="pop-up-page">
                <div class="pop-up-title">SITEMAP</div>
                <div class="pop-up-desc">
                    <table class="sitemap">
                        <tr>
                            <td colspan="4"><a href="#home" class="title">Home</a></td>
                        </tr>
                        <tr>
                            <td><a href="#work" class="title">Work</a></td>
                            <td><a href="#service_pyro" class="title">Services</a></td>
                            <td><a href="#news" class="title">News</a></td>
                            <td><a href="#partner" class="title">Partners</a></td>
                        </tr>
                        <tr>
                            <td>
                            </td>
                            <td>
                                <ul>
                                    <li><a href="#service_pyro" class="sub-title">Pyro</a></li>
                                    <li><a href="#service_multimedia" class="sub-title">Multimedia</a></li>
                                    <li><a href="#service_filmtvsfx" class="sub-title">Film & Television SFX</a></li>
                                    <li><a href="#service_logistics" class="sub-title">Logistics</a></li>
                                    <li><a href="#service_trading" class="sub-title">Trading</a></li>
                                </ul>
                            </td>
                            <td>&nbsp;</td>
                            <td>
                                <ul>
                                    <li><a href="#partner" class="sub-title">Europe</a></li>
                                    <li><a href="#partner" class="sub-title">America</a></li>
                                    <li><a href="#partner" class="sub-title">Asia</a></li>
                                    <li><a href="#partner" class="sub-title">Middle East</a></li>
                                </ul>
                            </td>
                        </tr>
                        <tr>
                            <td><a href="#about_us" class="title">About Us</a></td>
                            <td><a href="#contact_us" class="title">Contact Us</a></td>
                            <td><a href="#follow_us" class="title">Follow Us</a></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>
                                <ul>
                                    <li><a href="#about_us" class="sub-title">About Us</a></li>
                                    <li><a href="#history" class="sub-title">History</a></li>
                                    <li><a href="#work" class="sub-title">Works</a></li>
                                </ul>
                            </td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div id="follow_us" title="Follow us" class="h-page" data-menu-img="images/menu_follow_us.jpg" data-menu-hover-img="images/menu_follow_us_on.jpg" data-menu-active-img="images/menu_follow_us_on.jpg">
            <?php static_bg('slide/'.rawurlencode('FollowUs_bg_1.jpg')); ?>
            <div id="follow_us_pop_up" class="pop-up-page">
                <div class="pop-up-left-side">
                    <div class="pop-up-title">FOLLOW US</div>
                    <div class="pop-up-desc">
                    </div>
                </div>
                <div class="pop-up-right-side">
                    <div class="pop-up-title">&gt; <a href="https://www.facebook.com/pages/Glorious-Group-%E6%A6%AE%E8%81%B2%E9%9B%86%E5%9C%98/282349818468813" target="_blank">Facebook</a></div>
                    <div class="pop-up-desc">
                    </div>
                    <div class="pop-up-title">&gt; <a href="https://twitter.com/GloriousGroup_" target="_blank">Twitter</a></div>
                    <div class="pop-up-desc">
                    </div>
                    <div class="pop-up-title">&gt; <a href="http://www.youtube.com/user/gloriousfireworks" target="_blank">Youtube</a></div>
                    <div class="pop-up-desc">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="footer">
    <div id="menu_container">
        <ul id="menu" class="h-menu">
            <li style="width:150px">
                <a href="index.php" rel="external"><img id="logo" alt="" src="images/glogo.jpg?_=<?=date('YmdHis')?>" /></a>
            </li>
            <li class="dropup">
                <a class="dropdown-toggle one-non-clickable one-menu-button" data-toggle="dropdown" data-target="#" aria-labelledby="dropdownMenu" href="#about_us">
                    <img id="menu_about_us" src="images/menu_about_us.jpg" title="About Glorious" alt="About Glorious" />
                </a>
                <ul class="dropdown-menu" style="margin-bottom:20px">
                    <li><a class="one-dropdown-a" href="#about_us"> ABOUT US</a></li>
                    <li><a class="one-dropdown-a" href="#history"> HISTORY</a></li>
                    <li><a class="one-dropdown-a" href="#work"> WORKS</a></li>
                </ul>
            </li>
            <li class="dropup">
                <a class="dropdown-toggle one-non-clickable one-menu-button" data-toggle="dropdown" data-target="#" aria-labelledby="dropdownMenu" href="#service_pyro">
                    <img id="menu_service" src="images/menu_services.jpg" title="Service" alt="Service" />
                </a>
                <ul class="dropdown-menu" style="margin-bottom:20px">
                    <li class="dropdown-submenu">
                        <a class="one-dropdown-a" href="#service_pyro"> PYRO</a>
                        <ul class="dropdown-menu">
                            <li><a class="one-dropdown-a" href="#service_close"> CLOSE-PROXIMITY PYROTECHNICS</a></li>
                            <li><a class="one-dropdown-a" href="#service_aerial"> AERIAL DISPLAY FIREWORKS</a></li>
                        </ul>
                    </li>
                    <li class="dropdown-submenu">
                        <a class="one-dropdown-a" href="#service_multimedia"> MULTIMEDIA</a>
                        <ul class="dropdown-menu">
                            <li class="dropdown-submenu">
                                <a class="one-dropdown-a" href="#service_water"> WATER</a>
                                <ul class="dropdown-menu">
                                    <li><a class="one-dropdown-a" href="#service_waterscreen"> WATER SCREEN</a></li>
                                    <li><a class="one-dropdown-a" href="#service_watercurtin"> GRAPHICS WATER CURTAIN</a></li>
                                    <li><a class="one-dropdown-a" href="#service_fogscreen"> FOG SCREEN</a></li>
                                </ul>
                            </li>
                            <li class="dropdown-submenu">
                                <a class="one-dropdown-a" href="#service_light"> LIGHT</a>
                                <ul class="dropdown-menu">
                                    <li><a class="one-dropdown-a" href="#service_laser"> LASER</a></li>
                                    <li><a class="one-dropdown-a" href="#service_projection"> PROJECTION MAPPING</a></li>
                                </ul>
                            </li>
                            <li>
                                <a class="one-dropdown-a" href="#service_fire"> FIRE</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a class="one-dropdown-a" href="#service_filmtvsfx"> FILM & TELEVISION SFX</a>
                    </li>
                    <li>
                        <a class="one-dropdown-a" href="#service_logistics"> LOGISTICS</a>
                    </li>
                    <li class="dropdown-submenu">
                        <a class="one-dropdown-a" href="#service_trading"> TRADING</a>
                        <ul class="dropdown-menu">
                            <li><a class="one-dropdown-a" href="#service_professionalproducts"> GLORIOUS PROFESSIONAL PRODUCTS</a></li>
                            <li><a class="one-dropdown-a" href="#service_pyrotechnics"> RES-SPECIALTY PYROTECHNICS</a></li>
                            <li><a class="one-dropdown-a" href="#service_santai"> SAN TAI FIREWORKS PRODUCTS</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#news" class="one-menu-button">
                    <img id="menu_news" src="images/menu_news.jpg" title="News" alt="News" />
                </a>
            </li>
            <li>
                <a href="#partner" class="one-menu-button">
                    <img id="menu_partner" src="images/menu_partners.jpg" title="Partners" alt="Partners" />
                </a>
            </li>
        </ul>
    </div>
    <div id="bottom_menu">
        <a href="#contact_us">CONTACT US</a> |
        <a href="#site_map">SITEMAP</a><!-- |
        <a href="member/" target="_blank">CLIENT LOGIN</a>-->
        <!-- <a href="#follow_us">FOLLOW US</a> -->
        <!-- <a href="client_login.php" style="padding-left:40px"><span style="color:yellow">&gt;</span> CLIENT LOGIN</a> -->
        <a href="#" style="padding-right:20px">&copy; GEP 2014</a>
        <!--[if lt IE 9]>
        <div style="width:100px; display: inline-block">
        <![endif]-->
        <a href="https://www.facebook.com/glorious.entertainmentproduct" target="_blank"><img alt="Facebook" src="images/follow_us_facebook.png" /></a>
        <a href="https://twitter.com/GloriousGroup_" target="_blank"><img alt="Twitter" src="images/follow_us_twitter.png" /></a>
        <a href="http://www.youtube.com/user/gloriousfireworks" target="_blank"><img alt="Youtube" src="images/follow_us_youtube.png" /></a>
        <!--[if lt IE 9]>
        <div>
        <![endif]-->
    </div>
</div>
</body>
</html>