ҳ̸Ҳ̸ҳ Rabiza Ekel ҳ̸Ҳ̸ҳ
	: 216.73.216.147
	: 47.103.87.29 / www.bakerandspice.com.cn
	: Linux Wagas-WebServer 3.10.0-1160.11.1.el7.x86_64 #1 SMP Fri Dec 18 16:34:56 UTC 2020 x86_64
: /usr/html/www/
files >> //usr/html/www/index.php
 <?php
include_once("function.php");
$font=GetFontList('en');
$img=GetImgList();
?>
<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
  <meta charset="utf-8" />
  <title>Wagas，健康饮食开启美好生活</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0">
  <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  <meta content="" name="description" />
  <meta content="" name="author" />
  <!-- BEGIN GLOBAL MANDATORY STYLES -->
  <link rel="shortcut icon" href="favicon.ico">
<!--  <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&amp;subset=all' rel='stylesheet' type='text/css'>-->
  <link href="plugins/socicon/socicon.css" rel="stylesheet" type="text/css" />
  <link href="plugins/bootstrap-social/bootstrap-social.css" rel="stylesheet" type="text/css" />
  <link href="plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  <link href="plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
  <link href="plugins/animate/animate.min.css" rel="stylesheet" type="text/css" />
  <link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  <!-- END GLOBAL MANDATORY STYLES -->
  <!-- BEGIN: BASE PLUGINS  -->
  <link href="plugins/revo-slider/css/settings.css" rel="stylesheet" type="text/css" />
  <link href="plugins/revo-slider/css/layers.css" rel="stylesheet" type="text/css" />
  <link href="plugins/revo-slider/css/navigation.css" rel="stylesheet" type="text/css" />
  <link href="plugins/cubeportfolio/css/cubeportfolio.min.css" rel="stylesheet" type="text/css" />
  <link href="plugins/owl-carousel/assets/owl.carousel.css" rel="stylesheet" type="text/css" />
  <link href="plugins/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" />
  <link href="plugins/slider-for-bootstrap/css/slider.css" rel="stylesheet" type="text/css" />
  <!-- END: BASE PLUGINS -->
  <!-- BEGIN THEME STYLES -->
  <link href="base/css/plugins.css" rel="stylesheet" type="text/css" />
  <link href="base/css/components.css" id="style_components" rel="stylesheet" type="text/css" />
  <link href="base/css/themes/yellow3.css" rel="stylesheet" id="style_theme" type="text/css" />
  <link href="css/custom.css" rel="stylesheet" type="text/css" />
  <!-- END THEME STYLES -->
  <link rel="shortcut icon" href="favicon.ico" />
  <script src="plugins/jquery.min.js" type="text/javascript"></script>
  <script src="plugins/jquery-migrate.min.js" type="text/javascript"></script>
  <script src="plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
  <style>
    @font-face {
      font-family: 'Alte-DIN-1451-Mittelschrift';
      src:  url('font/webfonts_Alte-DIN-1451-Mittelschrift/Alte-DIN-1451-Mittelschrift.ttf.woff') ,
      url('font/webfonts_Alte-DIN-1451-Mittelschrift/Alte-DIN-1451-Mittelschrift.ttf.svg#Alte-DIN-1451-Mittelschrift') ,
      url('font/webfonts_Alte-DIN-1451-Mittelschrift/Alte-DIN-1451-Mittelschrift.ttf.ttf') ,
      url('font/webfonts_Alte-DIN-1451-Mittelschrift/Alte-DIN-1451-Mittelschrift.ttf.eot') ,
      url('font/webfonts_Alte-DIN-1451-Mittelschrift/Alte-DIN-1451-Mittelschrift.eot?#iefix') ;
      font-weight: normal;
      font-style: normal;
    }

  </style>
  <style type="text/css">
    *{font-family: 'Alte-DIN-1451-Mittelschrift' ; letter-spacing: 1px;}
    @media(min-width: 992px) and (max-width: 1200px){
        .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
            padding-left: 6px;
            padding-right: 6px;
        }
    }
  </style>
  <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?0cdfc7b230d35082b5874216974cdee4";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
</head>
<body class="c-layout-header-fixed c-layout-header-mobile-fixed c-layout-header-fullscreen ">
<header class="c-layout-header c-layout-header-onepage c-layout-header-4 c-layout-header-default-mobile" id="home" data-minimize-offset="40">
  <div class="c-navbar">
    <div class="container">
      <!-- BEGIN: BRAND -->
      <div class="c-navbar-wrapper clearfix">
        <div class="c-brand c-pull-left"> <a href="index.php" class="c-logo"> <img src="images/wagas_logo.png" alt="logo" class="c-desktop-logo"> <img src="images/wagas_logo.png" alt="logo" class="c-desktop-logo-inverse"> <img src="images/wagas_logo3.png" alt="logo" class="c-mobile-logo"> </a>
          <button class="c-hor-nav-toggler" type="button" data-target=".c-mega-menu"> <span class="c-line"></span> <span class="c-line"></span> <span class="c-line"></span> </button>
          <button class="c-language-toggler" type="button" id="cn"> <img src="images/cn.png" alt="" style="padding: 0px 2px 4px;"> <span style="margin: 0px; color:#999; font-size: 14px;">CN</span> </button>
          <button class="c-cart-toggler" type="button"> <span class="icon-share" aria-hidden="true"></span> </button>
        </div>
        <!-- END: BRAND -->
        <!-- BEGIN: HOR NAV -->
        <!-- BEGIN: LAYOUT/HEADERS/MEGA-MENU-ONEPAGE -->
        <!-- BEGIN: MEGA MENU -->
        <nav class="c-mega-menu c-mega-menu-onepage c-pull-right c-mega-menu-dark c-mega-menu-dark-mobile c-fonts-uppercase c-fonts-bold" data-onepage-animation-speed="700">
          <ul class="nav navbar-nav c-theme-nav">
            <li class="c-onepage-link c-active active"> <a href="#home" class="c-link">HOME</a> </li>
            <li class="c-onepage-link "> <a href="#home2" class="c-link">ABOUT US</a> </li>
              <li class="c-onepage-link "> <a href="#location" class="c-link">FIND A STORE</a> </li>
              <li class="c-onepage-link "> <a href="#member" class="c-link">MEMBER REWARDS</a> </li>
            <!-- <li class="c-onepage-link "> <a href="" class="c-link">FIND A STORE</a> </li> -->
            <li class="c-onepage-link "> <a href="http://www.wineandspice.com.cn/english" class="c-link" target="_blank">WINE STORE</a> </li>
            <li class="c-onepage-link "> <a href="#join" class="c-link">JOIN US</a> </li>
            <li class="c-cart-toggler-wrapper"> <a href="index_cn.php" class="c-btn-border-opacity-04 c-btn btn-no-focus c-btn-header btn btn-sm c-btn-border-1x c-btn-uppercase c-btn-sbold"> <img src="images/cn.png" alt="" style="padding: 0px 2px 4px;"> <span style="margin: 0px; color:#999; font-size: 14px;">CN</span> </a> </li>
            <li><a class="c-link" href="#home" style="padding: 1px;"></a></li>
            <li class="c-cart-toggler-wrapper"> <a href="#" class="c-btn-border-opacity-04 c-btn btn-no-focus c-btn-header btn btn-sm c-btn-border-1x c-btn-uppercase c-btn-sbold c-cart-toggler"> <span class="icon-share" aria-hidden="true"></span> </a> </li>
            <li><a class="c-link" href="#home" style="padding: 1px;"></a></li>
          </ul>
        </nav>
        <!-- END: MEGA MENU -->
        <!-- END: LAYOUT/HEADERS/MEGA-MENU-ONEPAGE -->
        <!-- END: HOR NAV -->
      </div>
      <div class="c-cart-menu">
        <div class="c-cart-menu-title text-center">
          <nav class="c-top-menu c-pull-left">
            <ul class="c-icons c-theme-ul jiathis_style">
              <li> <a class="jiathis_button_tsina" id="sina1" href="http://weibo.com/wagascn" target="_blank" style="padding:0px 10px 0px 0px;"> <i class="fa fa-weibo"></i> </a> </li>
              <li> <a data-toggle="modal" data-target=".bs-example-modal-sm2"> <i class="fa fa-wechat" style="margin-top: 5px;"></i></a> </li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </div>
</header>

<?php /***
<div class="hidden-xs" style="position: fixed; border: 0px none; z-index: 99999999; right: 26px; top: 403px;"> <a href="http://www.bakerandspice.com.cn" target="_blank"><img src="images/wagas_logo_b02.png"></a> <br>
<br>
<a href="http://www.wineandspice.com.cn" target="_blank"><img src="images/wagas_logo_b01.png"></a> </div>
<div class="visible-xs" style="position: fixed; border: 0px none; z-index: 99999999; right: 8px; top: 283px;"> <a href="http://www.bakerandspice.com.cn" target="_blank"><img src="images/wagas_logo_b02.png" style="width:40px; height:40px;"></a> <br>
<br>
<a href="http://www.wineandspice.com.cn" target="_blank"><img src="images/wagas_logo_b01.png" style="width:40px; height:40px;"></a> </div>
 ***/?>
<div class="c-layout-page">
  <!-- BEGIN: PAGE CONTENT -->
  <!-- BEGIN: LAYOUT/SLIDERS/REVO-SLIDER-4 -->
<!--  <div>-->
<!--    <div class="">-->
<!--      <div class="external-flexslider-container8624 flexslider-img-preloader default-flex arrows-image" >-->
<!--        <div class="flexslider carousel flexslider-container8624 flexslider-img-content" id="">-->
<!--          <ul class="slides8624 slides">-->
<!--            <li><img src="images/wagas_bg_01.jpg" alt="" class="flex-slide-img"/></li>-->
<!--            <li><img src="images/wagas_bg_02.jpg" alt="" class="flex-slide-img"/></li>-->
<!--            <li><img src="images/wagas_bg_03.jpg" alt="" class="flex-slide-img"/></li>-->
<!--            <li><img src="images/wagas_bg_04.jpg" alt="" class="flex-slide-img"/></li>-->
<!--          </ul>-->
<!--        </div>-->
<!--      </div>-->
<!--    </div>-->
<!--  </div>-->

  <style>
    li{list-style-type:none;}
    .flexslider{position:relative;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
    .slides{position:relative;z-index:1;}
    /*.slides li{height:400px;}*/
    .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
    .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}

    /*.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(images/dot.png) right 0 no-repeat;cursor:pointer;}*/
    .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background-color:#f8a614;cursor:pointer;border-radius: 14px;}
    .flex-control-nav .flex-active{background-color: white;}
    /*.flex-control-nav .flex-active{background-position:0 0;}*/
    .flex-control-nav{padding-left: 0px;}

    .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
    .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
    .flex-direction-nav li a.flex-prev{left:40px;background:url(images/prev.png) center center no-repeat;}
    .flex-direction-nav li a.flex-next{right:40px;background:url(images/next.png) center center no-repeat;}
  </style>

  <div class="jq22-container">

    <div class="flexslider">
      <ul class="slides" style="padding-left: 0px;">
        <!-- <li style="background:url(images/wagas_bg_01.jpg) 50% 0 no-repeat;background-size: 100% 100%;"></li>
        <li style="background:url(images/wagas_bg_02.jpg) 50% 0 no-repeat;background-size: 100% 100%;"></li>
        <li style="background:url(images/wagas_bg_03.jpg) 50% 0 no-repeat;background-size: 100% 100%; "></li>
        <li style="background:url(images/wagas_bg_04.jpg) 50% 0 no-repeat;background-size: 100% 100%; "></li> -->
        <?php 
        $res=GetSliderList();
        foreach ($res as $key => $value) {
          echo "<li style=\"background:url(".$value.") 50% 0 no-repeat;background-size: 100% 100%; \"></li>";
        }
        ?>
      </ul>
    </div>

  </div>
  <!-- END: LAYOUT/SLIDERS/REVO-SLIDER-4 -->
  <section id="home2">
    <div class="c-content-box c-size-md c-bg-parallax">
      <div class="container">
        <div class="row" style=" margin-bottom:30px;" id="cc">
          <div class="col-md-4 col-md-offset-2 col-sm-6">
            <div class="msg-info"> <span style="font-size:18px;font-weight:600;padding: 0px 0px 2px 0px;margin-bottom: 31px;">OUR STORY</span> &nbsp;&nbsp; &nbsp;&nbsp;
              <div style="width: 100px;border-bottom: 4px solid #f8a614"></div>
              <div style="padding: 0px 0px 8px 0px;"></div>
              <?php 
              echo $font['pinpai1'];
              ?>
              <!-- <p style="line-height: 20px;">A young Dane named John F.Christensen had trouble finding a good sandwich in Shanghai.And so he opened a cafe - Wagas.Founded in 1999,Wagas is a group of cafes serving delicious everyday food - <span style="color:#ff9e19; ">Sandwiches,pasta,salad,modern Asian,cake,fresh juice & specialty coffee.</span><br>Food quality and consistency are very important to us - it is our core belief.</p> -->
            </div>
            <img src="<?php echo $img['pinpai1'];?>" class="img-responsive hidden-xs" id="msg-img"> </div>
          <div class="col-md-4 col-sm-6 hidden-xs"><img src="<?php echo $img['pinpai2'];?>" class="img-responsive" id="img" style="margin-top: 36px;"> </div>
        </div>
        <div class="row">
          <div class="col-md-4 col-md-offset-2 col-sm-6 hidden-xs"><img src="<?php echo $img['pinpai3'];?>" class="img-responsive" style=" margin-bottom:30px;"> </div>
          <div class="col-md-4 col-sm-6"><img src="<?php echo $img['pinpai4'];?>" class="img-responsive" >
            <div style="margin-top:20px; text-align:center;" >
              <!-- <p style="font-size: 18px;line-height: 26px;font-weight:600;margin-bottom: 0;">Over 65 stores <br>
                Across 10 major cities<br> Pioneering the cafe industry since 1999</p>
              <div style="width: 100px;margin: 0 auto;border-bottom: 4px solid #f8a614;"></div>
              <div style="padding: 0px 0px 8px 0px;"></div>
              <p style="font-size: 14px;line-height: 23px;">In 2010,Our obsession with quality inspired the creation of Baker & Spice,a multi award winning cafe and retail bakery specialising in Modern European breads,sour doughs,pastries & cakes.Baker & Spice bake fresh products everyday for Wagas,guaranteeing the best quality.</p> -->
              <?php echo $font['pinpai2'];?>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="about">
    <!-- BEGIN: CONTENT/FEATURES/FEATURES-6 -->
    <div class="c-content-box c-size-md c-bg-parallax">
      <div class="container">
        <div class="row" style="margin-bottom:20px;">
          <div class="col-md-12"><img src="images/wagas_home_02_02.jpg" class="img-responsive"></div>
        </div>
        <div class="row" style="margin-bottom:20px; padding: 0 50px;">

          <div class="col-md-12 text-center" style="background: #ededec none repeat scroll 0 0;">
            <div class="row">

              <!--<div class="col-md-6" style="padding:0px;">
                <link rel="stylesheet" href="js/inibc/js/labxplayer.css" />
                <script type="text/javascript" src="js/inibc/js/prism.js"></script>
                <div class="prism-player" id="J_prismPlayer"></div>
                <script>
                  var player = new prismplayer({
                    id: "J_prismPlayer", // 容器id
                    source: "http://www.wagas.com.cn/video/wagas.mp4",
                    // source: "http://labxvideoo.oss-cn-hangzhou.aliyuncs.com/Act-m3u8-segment/bcb8dc273d584c60a0230201b26dd25b/Wagas delivery video_30s_website.m3u8",  // 视频url 支持互联网可直接访问的视频地址
                    // source: "video/wagas.mp4",
                    autoplay: false,      // 自动播放
                    width: "100%",       // 播放器宽度
                    height: "100%",      // 播放器高度
                    cover: "images/wagas_home_11.jpg",
                  });
                </script>
              </div>-->

                <div class="col-md-3"></div>
              <div class="col-md-6" style="padding:15px;">
                <h4 class="c-font-bold" style="margin-bottom:10px;">Learn more about wagas</h4>
<!--                <div style="margin-bottom:10px; font-weight:bold; font-size:18px; ">WAGAS-->
                    <!--<img src="images/wagas_home_05.jpg">-->
<!--                </div>-->
                <div class="row">
                  <div class="col-xs-6 text-center">
                    <p>Please scan QR code<br>to enter Wagas Wechat</p>
                    <img src="images/wagas_home_042.jpg" class="img-responsive" style="margin: 0 auto;"> <a href="http://weibo.com/wagascn" target="_blank">
                      <button class="btn c-btn-dark c-btn-square" type="button" style="margin-top:20px; color:#FFF;padding: 6px 10px 4px 10px;font-size: 12px;">click into weibo </button>
                    </a> </div>
                  <div class="col-xs-6 text-center">
                    <p>Please scan QR code<br>to enter Wagas Mini Program</p>
                    <img src="images/wagas_home_05.png" width="179" class="img-responsive" style="margin: 0 auto;"> <a href="https://www.xiaohongshu.com/user/profile/5f1aa01400000000010089ea?xhsshare=CopyLink&appuid=5f1aa01400000000010089ea&apptime=1614840674" target="_blank">
                      <button class="btn c-btn-dark c-btn-square" type="button" style="margin-top:20px; color:#FFF;padding: 6px 10px 4px 10px;font-size: 12px;">click into Xiaohongshu</button>
                    </a> </div>
                  <!--       <div class="container">
                                <div class="row" style="margin-bottom:20px;">
                            <div class="col-md-12"><img src="images/wagas_home_02.jpg" class="img-responsive"></div>
                          </div>
                          <div class="row" style="margin-bottom:20px; padding: 0 50px;">

                            <div class="col-md-12 text-center" style="background: #ededec none repeat scroll 0 0;">
                              <div class="row">

                                <div class="col-md-6" style="padding:0px;">
                                  <link rel="stylesheet" href="/themes/inibc/js/labxplayer.css" />
                                  <script type="text/javascript" src="/themes/inibc/js/prism.js"></script>
                                  <div class="prism-player" id="J_prismPlayer"></div>
                                  <script>
                                   var player = new prismplayer({
                       id: "J_prismPlayer", // 容器id
                       source: "http://labxvideoo.oss-cn-hangzhou.aliyuncs.com/Act-m3u8-segment/bcb8dc273d584c60a0230201b26dd25b/Wagas delivery video_30s_website.m3u8",  // 视频url 支持互联网可直接访问的视频地址
                       autoplay: false,      // 自动播放
                       width: "100%",       // 播放器宽度
                       height: "100%",      // 播放器高度
                       cover: "images/wagas_home_11.jpg",
                     });
                   </script>
                  </div>
                        <h4 class="c-font-bold" style="padding: 15px;">Learn more about wagas</h4>
                        <div style="margin-bottom:15px;"><div style="margin-bottom:10px; font-weight:bold; font-size:18px; ">WAGAS<img src="images/wagas_home_05.jpg"></div></div>
                        <div class="row">
                          <div class="col-xs-6 text-center">
                            <p>Please scan QR code<br>to enter Wagas Wechat</p>
                            <img src="images/wagas_home_042.jpg" class="img-responsive" style="margin: 0 auto;"> <a href="http://weibo.com/wagascn" target="_blank">
                            <button class="btn c-btn-dark c-btn-square" type="button" style="margin-top:20px; color:#FFF;padding: 6px 10px 4px 10px;font-size: 12px;">Or click into the wagas official weibo </button>
                            </a> </div>
                          <div class="col-xs-6 text-center">
                            <p>Please scan QR to enter<br> Wagas Delivery</p>
                            <img src="images/wagas_home_04.jpg" class="img-responsive" style="margin: 0 auto;"> <a href="http://wagasdelivery.com.cn/" target="_blank">
                            <button class="btn c-btn-dark c-btn-square" type="button" style="margin-top:20px; color:#FFF;padding: 6px 10px 4px 10px;font-size: 12px;width: 150px;">Delivery</button>
                            </a> </div> -->
                </div>
              </div>
                <div class="col-md-3"></div>
            </div>
          </div>
        </div>
        <!-- END: CONTENT/FEATURES/FEATURES-6 -->
  </section>
  <section id="member">
    <!-- BEGIN: CONTENT/SLIDERS/TEAM-1 -->
    <div class="c-content-box c-size-md c-bg-white">
      <div class="container">
        <!-- Begin: Testimonals 1 component -->
        <div class="row" style="padding:0px 50px;">
          <div class="col-md-6" style="margin-bottom:20px;padding:0px 30px;">
            <h3 class="c-font-bold"><span style="font-size:18px;font-weight:600;padding: 0px 0px 2px 0px;margin-bottom: 31px;">WAGAS REWARD PROGRAM</span></h3>
            <div style="width: 245px;border-bottom: 4px solid #f8a614;"></div>
            <div style="padding: 0px 0px 8px 0px;"></div>
            <!-- <p style="font-size:14px;">Register to become a Wagas Reward Program member, you can earn points at participating Wagas and Baker & Spice stores. Earn one point per every RMB spent on full priced items. Points can be redeemed for member-only e-coupons. Points will expire one year after they are earned!</p>
            <p>The higher your Member Level is, the more rewards you are entitled to access. Join now to EAT WELL ADN LIVE WELL!</p> -->
            <?php echo $font['huiyuan'];?>
            <div> <a href="member_en.php?act=2" target="_blank">
                <button class="btn c-btn-dark c-btn-square" type="button" style="margin-top:20px;color:#FFF;text-align: center;"> MEMBER REWARDS</button>
              </a> <a href="member_en.php" target="_blank">
                <button class="btn c-btn-dark c-btn-square" type="button" style="margin-top:20px; color:#FFF;width: 150px;"> FAQ</button>
              </a> </div>

          </div>
          <div class="col-md-6" style="padding:0px 30px;"> <img src="<?php echo $img['huiyuan'];?>" class="img-responsive"> </div>
        </div>
        <!-- End-->
      </div>
    </div>
    <!-- END: CONTENT/SLIDERS/TEAM-1 -->
  </section>
  <section id="location">
    <!-- BEGIN: CONTENT/FEATURES/FEATURES-11 -->
        <div class="row">
          <div class="col-md-12">

            <div class="c-content-box text-center">
              <div class="row">
                <div class="col-md-12">
                  <style>
                    .item {
                      padding: 0px;
                      text-align: center;
                    }
                    .owl-stage-outer {
                      position: relative;
                    }
                    .owl-theme .owl-controls .owl-nav [class*="owl-"] {
                      margin:0px;
                      padding:0px;
                      background:none;
                      color:#ccc;
                      font-size: 30px;
                      position: absolute;
                      top: calc(50% - 8px);
                      border-radius: 50%;
                    }
                    .owl-theme .owl-controls .owl-nav .owl-prev {
                      left: 0px;
                    }
                    .owl-theme .owl-controls .owl-nav .owl-next {
                      right: 0px;
                    }
                    .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
                      color: #f8a614;
                      text-decoration: none;
                      opacity: 1 !important;
                    }
                    .owl-theme .owl-dots {
                      position: absolute;
                      bottom: 0px;
                      left: calc(50% - 40px);
                    }
                    .owl-theme .owl-dots .owl-dot span {
                      margin: 5px 5px;
                      border-radius: 30px !important;
                    }
                    .owl-theme:not(.owl-single):not(.owl-bordered){
                      margin-left: 0px !important;
                      width: 100%;
                    }
                    @media (min-width: 768px) {
                      .owl-carousel .col-xs-12,.title-12{
                        width: inherit;
                      }
                      .owl-carousel2 .col-xs-12{
                        width: inherit;
                      }
                      .owl-theme:not(.owl-single):not(.owl-bordered){
                        width: inherit;
                      }
                      .hzhb img{
                        min-height: 400px;
                      }
                    }

                    .owl-theme .owl-controls .owl-nav .owl-prev {
                      left: 20px;
                    }
                    .owl-theme .owl-controls .owl-nav .owl-next {
                      right: 20px;
                    }

                    }
                    @media(max-width:360px) and (min-width: 280px){
                      .owl-carousel2 .item{
                        padding:0px;
                      }
                    }
                    /* Team */
                    .team-figure{ position: relative; text-align: center; padding: 0px;}
                    figcaption h2{color:white;}
                    figcaption p{color:white;font-size: 14px;padding:0px 20px;opacity:0;}
                    .team-figure::before{ content: ""; position: absolute; left: 0; z-index: 1; top: 0;background:#000;  height: 100%; width: 100%;opacity:0;}
                    .team-figure.opacity82::before{opacity:0;}
                    .team-figure:hover::before{ height: 100%;opacity: 0.8;background: #000;}

                    .employee-detail{ position: absolute; top: 0; height: 100%; width: 100%; left: 0;z-index: 2;}
                    .employee-desination{padding-top:35%;}

                    .team-figure:hover .employee-desination{ opacity: 1;padding-top: 20%;}
                    .team-figure:hover .employee-desination .item-line{opacity: 0 !important;}

                    .item-img, .item-img-hover{position: absolute;left: 0;right: 0;top: 0;}

                    .item-img-hover{opacity: 0;}
                    .team-figure:hover .item-img-hover{opacity: 1;}
                    .team-figure:hover figcaption p{opacity: 1;}
                    .team-figure:hover figcaption{margin-top:-10px;}
                    .employee-desination, .employee-desination .item-line, .item-img-hover,.item-img, figcaption, figcaption p, .team-figure::before{
                      transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);
                    }
                    .owl-carousel .owl-controls{margin-top: 0px}
                  </style>
                  <div class="c-content-box text-center">
                    <div class="row" >
                      <!-- owl-carousel start -->
                      <div class="container" style="padding:0px;">
                        <div class="owl-carousel2">

                        <?php 
                        $res=GetStoreList();
                        foreach ($res as $key => $value) { ?>
                          <div class="item">
                            <figure class="team-figure" style="pointer-events:none;"> <img src="<?php echo $value['pic'];?>" alt="<?php echo $value['ename'];?>">
                              <div class="employee-detail">
                                <div class="employee-desination">
                                  <figcaption>
                                    <p><?php echo $value['eaddress'];?><br>
                                      <?php echo $value['tel'];?></p>
                                  </figcaption>
                                </div>
                              </div>
                            </figure>
                          </div>
                        <?php }?>
                        
<!--                           <div class="item">
                            <figure class="team-figure"> <img src="images/wagas_shop_07.jpg" alt="img-01">
                              <div class="employee-detail">
                                <div class="employee-desination">
                                  <figcaption>
                                    <p>No 3300 North Zhongshan Road,1F,Room L1045-L1047<br>
                                      021-52995677</p>
                                  </figcaption>
                                </div>
                              </div>
                            </figure>


                          </div>

                          <div class="item">

                            <figure class="team-figure"> <img src="images/wagas_shop_02.jpg" alt="img-01">
                              <div class="employee-detail">
                                <div class="employee-desination">
                                  <figcaption>
                                    <p>No. 8 Zhongshamao Street,1F,Room 1239<br>
                                      028-86946802</p>
                                  </figcaption>
                                </div>
                              </div>
                            </figure>
                          </div>
                          <div class="item">
                            <figure class="team-figure"> <img src="images/wagas_shop_03.jpg" alt="img-01">
                              <div class="employee-detail">
                                <div class="employee-desination">
                                  <figcaption>
                                    <p>No.383 Tianhe Lu,Room MU06<br>
                                      020-85655790</p>
                                  </figcaption>
                                </div>
                              </div>
                            </figure>
                          </div>
                          <div class="item">
                            <figure class="team-figure opacity82"> <img src="images/wagas_shop_04.jpg" alt="img-01">
                              <div class="employee-detail">
                                <div class="employee-desination">
                                  <figcaption>
                                    <p>No.7 Donghu Lu<br>
                                      021-54661488</p>
                                  </figcaption>
                                </div>
                              </div>
                            </figure>
                          </div>
                          <div class="item">
                            <figure class="team-figure opacity82"> <img src="images/wagas_shop_05.jpg" alt="img-01">
                              <div class="employee-detail">
                                <div class="employee-desination">
                                  <figcaption>
                                    <p>No.1515 West Nanjing Lu, N1-22<br>
                                      021-62521509</p>
                                  </figcaption>
                                </div>
                              </div>
                            </figure>
                          </div>
                          <div class="item">
                            <figure class="team-figure"> <img src="images/wagas_shop_06.jpg" alt="img-01">
                              <div class="employee-detail">
                                <div class="employee-desination">
                                  <figcaption>
                                    <p>No.1188 Lujiazui Ring Lu,L1<br>
                                      021-68685296</p>
                                  </figcaption>
                                </div>
                              </div>
                            </figure>
                          </div>
                          <div class="item">
                            <figure class="team-figure opacity82"> <img src="images/wagas_shop_01.jpg" alt="img-01">
                              <div class="employee-detail">
                                <div class="employee-desination">
                                  <figcaption>
                                    <p>Beijing Gemdale Center,No 91 Jianguo Road,1F,Room L108-L109,<br>
                                      010-85712826</p>
                                  </figcaption>
                                </div>
                              </div>
                            </figure>
                          </div>
                          <div class="item">
                            <figure class="team-figure opacity82"> <img src="images/wagas_shop_08.jpg" alt="img-01">
                              <div class="employee-detail">
                                <div class="employee-desination">
                                  <figcaption>
                                    <p>No. 168 Lixin Avenue,1F,Room 117<br>
                                      0510-85179897</p>
                                  </figcaption>
                                </div>
                              </div>
                            </figure>
                          </div> -->
                        </div>
                      </div>
                      <!-- owl-carousel end -->
                    </div>
                  </div>
                  <script type="text/javascript">
                    $(document).ready(function(){
                      $('.owl-carousel2').owlCarousel({
                        loop:true,
                        margin:10,
                        nav:true,
                        navText:['',''],
                        responsive:{
                          100:{
                            items:1,
                            dots:false
                          },
                          320:{
                            items:1,
                            dots:false
                          },
                          530:{
                            items:2,
                            dots:false
                          },
                          640:{
                            items:2,
                            dotsEach:false
                          },
                          960:{
                            items:3,
                            dotsEach:false
                          },
                          1280:{
                            items:3,
                            dotsEach:false
                          }
                        }
                      });
                      $('.owl-carousel2 .owl-prev').addClass('fa fa-angle-left');
                      $('.owl-carousel2 .owl-next').addClass('fa fa-angle-right');
                    });
                  </script>
                </div>
              </div>
            </div>
          </div>
          <!-- END: CONTENT/FEATURES/FEATURES-11 -->
  </section>
  <section id="join">
    <!-- BEGIN: CONTENT/SLIDERS/TEAM-1 -->
    <div class="c-content-box c-size-md c-bg-white">
      <div class="container">
        <!-- Begin: Testimonals 1 component -->
        <div class="row">
          <div class="col-md-6" style="margin-bottom:20px;"> 
          <?php echo $font['joinus']?>
          <!-- <span style="font-size:18px;font-weight:500;padding: 0px 0px 2px 0px;margin-bottom: 31px;">WE LOVE TO WORK WITH PEOPLE WHO<br>
              <span style="color:#ff9e19;">SMILE</span> A LOT AND <span style="color:#ff9e19;">LOVE</span> WHAT THEY DO! </span>
            <div style="padding: 0px 0px 8px 0px;"></div>
            <div style="width: 345px;border-bottom: 4px solid #f8a614"></div>
            <div style="padding: 0px 0px 8px 0px;"></div>
            <p style="font-size:14px; line-height:23px; padding-top:2px;"><a style="cursor:no-vertical-text;text-decoration:none;color:black;cursor:text;" href="/video/">If</a> you have a great passion for the service industry;Or love specialty coffee;Or hope to learn and improve your English;Or love to train and develop young people;Or a creative who loves architecture or graphic design...We would love to meet you.<br>
              Positions available:Store Manager,Trainee manager,<br>
              Part-time or full time service,Barista,Chefs,Kitchen managers <br>Office Headquarters:Shanghai:Interior designer,Senior Graphic designer<br>
            <p><span style="font-size:12px;"><a style="cursor:no-vertical-text;text-decoration:none;color:black;cursor:text;" href="/base/">Contact</a>:021- 6234 0860 ext 121 careers@wagas.com.cn</span></p> -->
            <!--<p style="text-align: right; font-size:14px;">Love, Wagas</p>-->
            <ul class="c-icons c-theme-ul jiathis_style">
              <!--<li> <a href="#"> <i class="fa fa-facebook"></i> </a> </li>
              <li> <a href="#"> <i class="fa fa-vimeo"></i> </a> </li>
              <li> <a href="#"> <i class="fa fa-twitter"></i> </a> </li>-->
                <li><a style="display:inline-block;background: url('images/hr.png') no-repeat;width: 16px;height:16px;margin: 0 5px;" href="http://recruitment.wagas.com.cn/" target="_blank"></a></li>
                <li><a class="jiathis_button_tsina" id="sina2" href="http://weibo.com/wagascn" target="_blank"></a></li>
              <li><a data-toggle="modal" data-target=".bs-example-modal-sm2" id="weixin2"></a></li>
<!--              <li><a style="float: left;background: url('images/hr.png') no-repeat;width: 16px;height:16px;margin: 0 5px;" href="http://recruitment.wagas.com.cn/" target="_blank"></a></li>-->
              <!-- <li><a class="jiathis_button_weixin" id="weixin2"></a></li> -->

              <!-- <li> <a data-toggle="modal" data-target=".bs-example-modal-sm2"><i class="fa fa-wechat"></i>
              </li> -->
            </ul>
            <!-- JiaThis Button BEGIN -->
            <script type="text/javascript" src="https://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
            <script>
              $(document).ready(function(){

                $("#sina1").html("<i class='fa fa-weibo'></i>");
                $("#weixin1").html("<i class='fa fa-wechat'></i>");
                $("#sina2").html("<i class='fa fa-weibo'></i>");
                $("#weixin2").html("<i class='fa fa-wechat'></i>");

              });
            </script>
            <style>

              .c-top-menu .jtico_tsina{
                padding-top: 5px;
              }
              .jiathis_style .jtico_tsina {
                background-position: -100px -96px !important;
                padding-left:0px !important;
                font-size:16px;
                overflow: visible;
              }
              .jiathis_style .jtico_weixin {
                background-position: -100px -1809px !important;
                padding-left:0px !important;
                font-size:16px;
                overflow: visible;
              }
            </style>
            <!-- JiaThis Button END -->
          </div>
          <div class="col-md-6">
            <img src="<?php echo $img['joinus'];?>" class="img-responsive">
          </div>
        </div>
        <section id="contact"> </section>
        <!-- END: PAGE CONTENT -->
      </div>
      
      <!-- BEGIN: LAYOUT/FOOTERS -->
      <a name="footer"></a>
      <footer class="c-layout-footer c-layout-footer-6">
        <div class="c-postfooter c-bg-dark-2">
          <div class="container">
            <div class="row text-center">
              <div class="col-md-5">
                <div class="row">


                  <div class="col-xs-12">
                    <style>
                      #accordion4 .panel { border:none; box-shadow: none; }
                      #accordion4 a{ color: #FFF; font-size:14px;}
                      #accordion4 a:hover { color: #FFF;}
                      #accordion4 .panel-heading { background-color: #50505a; border-bottom:1px solid #FFF; color:#fafafa;}

                      #accordion4 .panel-body { background-color: #50505a; border-top:0px solid #DDD !important; color:#acacac; padding:5px 0px 0px 0px;}

                      #accordion4 .panel-title .accordion-toggle.accordion-toggle-icon .toggle-icon:before{font:normal normal normal 14px/1 FontAwesome;content:"\f107";}
                      #accordion4 .panel-title .accordion-toggle.accordion-toggle-icon.collapsed .toggle-icon:before{font:normal normal normal 14px/1 FontAwesome;content:"\f106";}
                    </style>
                    <div id="accordion4" class="panel-group accordion">
                      <div class="panel panel-default">
                        <div class="panel-heading">
                          <h4 class="panel-title"> <a href="#collapse_41" data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle accordion-toggle-icon text-center"> FOLLOW US <i class="toggle-icon pull-right"></i></a> </h4>
                        </div>
                        <div class="panel-collapse collapse" id="collapse_41">
                          <div class="panel-body">
                            <ul class="c-icons c-theme-ul" style="margin:5px 0px;">
                              <li> <a href="http://weibo.com/wagascn" target="_blank" style="color:#acacac;"> <i class="fa fa-weibo"></i> </a> </li>
                              <li> <a data-toggle="modal" data-target=".bs-example-modal-sm" style="color:#acacac;"> <i class="fa fa-wechat"></i> </a> </li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div class="panel panel-default">
                        <div class="panel-heading">
                          <h4 class="panel-title"> <a href="#collapse_42" data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle accordion-toggle-icon text-center"> THE LAW <i class="toggle-icon pull-right"></i></a> </h4>
                        </div>
                        <div class="panel-collapse collapse" id="collapse_42">
                          <div class="panel-body">
                            <!--<p><a href="/term01_cn.php" target="_blank" style="color:#7f8c97;font-size: 12px;">Digital Card Instruction</a></p>-->
                            <p><a href="term02_cn.php" target="_blank" style="color:#7f8c97;font-size: 12px;">Rules for Wagas Single-Purpose Commercial Prepaid Card</a></p>
                            <p><a href="member_en.php" target="_blank" style="color:#7f8c97;font-size: 12px;">FAQ</a></p>
<!--                            <p><a href="store_information.php" target="_blank" style="color:#7f8c97;font-size: 12px;">Wagas Information Bulletin</a></p>-->
                          </div>
                        </div>
                      </div>
                      <div class="panel panel-default">
                        <div class="panel-heading">
                          <h4 class="panel-title"> <a href="#collapse_43" data-parent="#accordion4" data-toggle="collapse" class="accordion-toggle accordion-toggle-icon text-center">CONTACT US <i class="toggle-icon pull-right"></i></a> </h4>
                        </div>
                        <div class="panel-collapse collapse" id="collapse_43">
                          <div class="panel-body">

                              <p class="c-font-grey-3" style="font-size:14px;"> 1 Wuning Nan Road, 10F., Shanghai, China 200040<br>
                              +86 21 6234 0680<br>
                              Comments or consultations<br>
                              <a href="mailto:feedback@wagas.com.cn" style="color:#7f8c97;">feedback@wagas.com.cn</a><br>
                              Working at Wagas<br>
                              <a href="mailto:careers@wagas.com.cn" style="color:#7f8c97;">careers@wagas.com.cn</a> </p>
                          </div>
                        </div>
                      </div>

                    </div>

                  </div>

                </div>
              </div>
              <div class="col-md-7">
                <p class="c-copyright c-font-grey"><img src="images/wagas_logo2.png" alt="logo" class="c-desktop-logo" style="margin:auto auto; padding: 28px 0px;"></p>
                <p class="c-font-grey-3" style="font-size:14px;">&copy; Website by Wagas &nbsp;<a href="https://beian.miit.gov.cn" target="_blank" style="color:#7f8c97;">沪ICP备18037855号-2</a></p>
              </div>

            </div>
          </div>
        </div>
      </footer>
      <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" style="display: none;">
        <div class="modal-dialog modal-sm">
          <div class="modal-content c-square">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
              <h4 class="modal-title" id="mySmallModalLabel">Wechat</h4>
            </div>
            <div class="modal-body"> <img src="images/wagas_home_042.jpg" class="img-responsive" style="margin:0 auto;"> </div>
            <div class="modal-footer">
              <button type="button" class="btn default" data-dismiss="modal">Close</button>
            </div>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
      </div>
      <div class="modal fade bs-example-modal-sm2" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" style="display: none;">
        <div class="modal-dialog modal-sm">
          <div class="modal-content c-square">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
              <h4 class="modal-title" id="mySmallModalLabel">Shared to my Moments</h4>
            </div>
            <div class="modal-body"> <img src="images/wagas_qrcode.png" class="img-responsive" style="margin:0 auto;"> </div>
            <div class="modal-footer">
              <p style="text-align:left;">Open WeChat, click at the bottom of the "Discover", use the "Scan QR Code" the web can be Shared to my Moments.</p>
            </div>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
      </div>
      <style>
        .modal{
          padding-right:0px !important;
        }
      </style>
      <!-- END: LAYOUT/FOOTERS -->
      <!-- BEGIN: LAYOUT/FOOTERS/GO2TOP -->
      <div class="c-layout-go2top"> <i class="icon-arrow-up"></i> </div>
      <!-- END: LAYOUT/FOOTERS/GO2TOP -->
      <!-- BEGIN: LAYOUT/BASE/BOTTOM -->
      <!-- BEGIN: CORE PLUGINS -->
      <!--[if lt IE 9]>
      <script src="/themes/jango/assets/global/plugins/excanvas.min.js"></script>
      <![endif]-->
      <script src="plugins/jquery.easing.min.js" type="text/javascript"></script>
      <script src="plugins/reveal-animate/wow.js" type="text/javascript"></script>
      <script src="js/reveal-animate/reveal-animate.js" type="text/javascript"></script>
      <!-- END: CORE PLUGINS -->
      <!-- BEGIN: LAYOUT PLUGINS -->
      <script type="text/javascript" src="plugins/flexslider/jquery.flexslider.js"></script>
      <script type="text/javascript" src="plugins/flexslider/jquery.mousewheel.min.js"></script>
      <!--
      <script src="plugins/revo-slider/js/jquery.themepunch.tools.min.js" type="text/javascript"></script>
      <script src="plugins/revo-slider/js/jquery.themepunch.revolution.min.js" type="text/javascript"></script>
      <script src="plugins/revo-slider/js/extensions/revolution.extension.slideanims.min.js" type="text/javascript"></script>
      <script src="plugins/revo-slider/js/extensions/revolution.extension.layeranimation.min.js" type="text/javascript"></script>
      <script src="plugins/revo-slider/js/extensions/revolution.extension.navigation.min.js" type="text/javascript"></script>
      <script src="plugins/revo-slider/js/extensions/revolution.extension.video.min.js" type="text/javascript"></script>
      -->
      <script src="plugins/cubeportfolio/js/jquery.cubeportfolio.min.js" type="text/javascript"></script>
      <script src="plugins/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
      <script src="plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
      <script src="plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
      <script src="plugins/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
      <script src="plugins/smooth-scroll/jquery.smooth-scroll.js" type="text/javascript"></script>
      <script src="plugins/slider-for-bootstrap/js/bootstrap-slider.js" type="text/javascript"></script>
      <script src="plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
      <!-- END: LAYOUT PLUGINS -->
      <!-- BEGIN: THEME SCRIPTS -->
      <script src="base/js/components.js" type="text/javascript"></script>
      <script src="base/js/components-shop.js" type="text/javascript"></script>
      <script src="base/js/app.js" type="text/javascript"></script>
      <script>
        $(document).ready(function()
        {
          App.init(); // init core
        });
      </script>
      <!-- END: THEME SCRIPTS -->
      <!-- BEGIN: PAGE SCRIPTS -->
      <script type="text/javascript">
        $(document).ready(function(){
          $("#cn").click(function(){
            window.location.href = "index_cn.php";
          });

          $('#testDiv').slimScroll({
            height: '270px'
          });


          $('.owl-carousel2').owlCarousel({
            loop:true,
            margin:0,
            nav:true,
            navText:['',''],
            responsive:{
              100:{
                items:1,
                dots:false
              },
              320:{
                items:1,
                dots:false
              },
              530:{
                items:2,
                dots:false
              },
              640:{
                items:2,
                dotsEach:false
              },
              960:{
                items:3,
                dotsEach:false
              },
              1280:{
                items:4,
                dotsEach:false
              }
            }
          });
          $('.owl-carousel2 .owl-prev').addClass('fa fa-angle-left');
          $('.owl-carousel2 .owl-next').addClass('fa fa-angle-right');


          $("#sina1").html("<i class='fa fa-weibo'></i>");
          $("#weixin1").html("<i class='fa fa-wechat'></i>");
          $("#sina2").html("<i class='fa fa-weibo'></i>");
          $("#weixin2").html("<i class='fa fa-wechat'></i>");


          $(".c-topbar").hide();
          $("body").removeClass("c-layout-header-fullscreen");

        });
      </script>
      <script type="text/javascript">
        var offset = function(){
          var imgw = $('#img').height();
          var conw = $('#msg-img').height();
          var offset = imgw - conw;

          if($("#cc").width() >= "710"){
            $('.msg-info').css('height',offset + 36);
            $('#msg-img').css('margin-bottom','0px');
          }else{
            $('.msg-info').css('height','auto');
            $('#msg-img').css('margin-bottom','30px');
          }

        }
        window.onload = offset;
        window.onresize = offset;
      </script>
      <script language="javascript">
      </script>
      <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
      <script type="text/javascript">
        $(document).ready(function(){
          $('.flexslider').flexslider({
            directionNav: true,
            pauseOnAction: false,
            slideshowSpeed: 8000   //轮播图切换时间 单位毫秒
          });
          $(".flex-control-nav li>a").html("");
          $(".flexslider").css('height',$(window).width()/(2.7));
          $(".slides li").css('height',$(window).width()/(2.7));
          $(window).resize(function () {
            $(".flexslider").css('height',$(window).width()/(2.7));
            $(".slides li").css('height',$(window).width()/(2.7));
          });
        });
      </script>
      <!-- END: PAGE SCRIPTS -->
      <!-- END: LAYOUT/BASE/BOTTOM -->
</body>
</html>
ҳ̸Ҳ̸ҳ Rabiza Ekel ҳ̸Ҳ̸ҳ