ҳ̸Ҳ̸ҳ Rabiza Ekel ҳ̸Ҳ̸ҳ
:
216.73.216.83
:
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
:
/
Upload File:
files >> //index.html
<!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>BAKER & SPICE</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&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; } @font-face { font-family: 'DINPro-Bold'; src: url('font/dinpro/DINPro-Bold.otf'); } @font-face { font-family: 'DINPro-Regular'; src: url('font/dinpro/DINPro-Regular.otf'); } .bold { font-family: 'DINPro-Bold' !important; } </style> <style type="text/css"> body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { /*font-family: "Roboto Condensed",sans-serif !important;*/ font-family: "DINPro-Regular" !important; /*此处改为微软雅黑*/ } *{font-family: 'DINPro-Regular' ; 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" style="padding: 0;"> <!-- 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?1755598967" 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?1755598967" 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 bold">HOME</a> </li> <li class="c-onepage-link "> <a href="#about" class="c-link bold">ABOUT US</a> </li> <!-- <li class="c-onepage-link "> <a href="#location" class="c-link bold"">FIND A STORE</a> </li> --> <li class="c-onepage-link "> <a href="#member" class="c-link bold">MEMBER REWARDS</a> </li> <!-- <li class="c-onepage-link "> <a href="" class="c-link bold">FIND A STORE</a> </li> --> <li class="c-onepage-link "> <a href="http://www.wineandspice.com.cn/english" class="c-link bold" target="_blank">WINE STORE</a> </li> <li class="c-onepage-link "> <a href="#join" class="c-link bold">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> <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> --> <li style="background-image:url(/admin/img/sliderimg/1a8d7e746a1e3b17905effc4aca35b89.jpg); background-repeat: no-repeat; /*background-size: 100% 100%;*/ background-position: center center; "></li> </ul> </div> </div> <!-- END: LAYOUT/SLIDERS/REVO-SLIDER-4 --> <section id="home2"> <div class="c-content-box c-size-md c-bg-parallax" style="padding-bottom: 0;"> <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 class="bold" style="font-size:18px;font-weight:600;padding: 0px 0px 2px 0px;margin-bottom: 31px;">ABOUT US</span> <div style="width: 92.05px;border-bottom: 4px solid #f8a614;margin-top: 6px;"></div> <div style="padding: 0px 0px 10px 0px;"></div> <p style="line-height: 22px; margin-bottom: 0;">Today, BAKER & SPICE is more than a bakery with over 60 stores in China.</p> <p style="line-height: 22px;">Like their sister brand Wagas, quality is at the core of everything BAKER & SPICE do. Oh…. And by the way, we deliver!</p> <!-- <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="/admin/img/indeximg/3848acdf3a32cd1d269a5d96e6243f23.jpg" class="img-responsive hidden-xs" id="msg-img"> </div> <div class="col-md-4 col-sm-6 hidden-xs"><img src="/admin/img/indeximg/98b8b753f089e8a959a792fc38437958.jpg" class="img-responsive" id="img"> </div> </div> <div class="row"> <div class="col-md-4 col-md-offset-2 col-sm-6 hidden-xs"><img src="/admin/img/indeximg/0e7c8586431fecc6415600e3aa600573.jpg" class="img-responsive" style=" margin-bottom:30px;"> </div> <div class="col-md-4 col-sm-6"><img src="/admin/img/indeximg/00f8fda87fa49ac9ae6136b28161c363.jpg" class="img-responsive" > <div style="margin-top:20px; text-align:left;" > <!-- <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> --> <p><span>Hand made sourdoughs, Danish rye bread, pastries & our signature carrot cake are just a few of the bakery treats on offer. BAKER & SPICE also has healthy salads, Vietnamese Pho, roast chicken and tartines. For those who love wine, we also import our own wines from boutique wineries across 10 different countries. For coffee lovers, just like our breads, our speciality coffee is roasted by us and made with love. </span></p> </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" style="padding-bottom: 0;"> <div class="container"> <div class="row" style="margin-bottom:20px;"> <div class="col-md-12"> <div class="j-div" style="background-image: url('images/wagas_home_02_02.jpg'); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center;"> <img style="visibility: hidden;" src="images/wagas_home_02_02.jpg" class="img-responsive"> </div> </div> </div> <div class="row" style="/*margin-bottom:20px;*/ padding: 0 15px;"> <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="">Learn more about BAKER & SPICE</h4> <div class="row"> <div class="col-xs-6 text-center"> <p>Scan to enter<br/>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>Scan to enter<br/>Wagas Delivery</p> <img src="images/wagas_home_04.jpg" 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" style="padding-bottom: 0;"> <div class="container"> <!-- Begin: Testimonals 1 component --> <div class="row" style="padding:0px 15px;"> <div class="col-md-6" style="margin-bottom:20px;padding:0px 0px;"> <h3 class="c-font-bold"><span class="bold" 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 10px 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> --> <p>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 AND LIVE WELL!</p> <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: 200px;"> FAQ</button> </a> </div> </div> <div class="col-md-6" style="padding:0px 0px;"> <img src="/admin/img/indeximg/268588ebfc9a4642bc15dc24465205f6.jpg" class="img-responsive"> </div> </div> <!-- End--> </div> </div> <!-- END: CONTENT/SLIDERS/TEAM-1 --> </section> <section id="location"> <!-- BEGIN: CONTENT/FEATURES/FEATURES-11 --> <div class="c-content-box c-size-md c-bg-parallax" style="padding-bottom: 0;"> <div class="container"> <div class="row" style="margin-bottom:20px;;display:none" id="outer-box"> <div class="col-md-7" style="padding:0px 15px;margin-top: 20px;"> <div id="container" tabindex="0"></div> <div id="tip" style="display:none;"></div> </div> <div class="col-md-5" style="padding:0px 15px;"> <h3 class="c-font-bold">Location</h3> <div style="width: 75px;border-bottom: 4px solid #f8a614;margin-bottom: 10px;"></div> <!-- <input type="text" id="searchdata">--> <div class="row" style="margin:0;"> <div style="padding-bottom: 10px;" class="pull-left"> <select id="search_city" style="font-size: 14px;width: 150px;" class="form-control pull-left"> <option disabled="disabled" selected>Select city</option> <option value="Shanghai">Shanghai</option> <option value="Beijing">Beijing</option> <option value="Suzhou">Suzhou</option> <option value="Chengdu">Chengdu</option> <option value="Nanjing">Nanjing</option> <option value="Shenzhen">Shenzhen</option> </select> <span class="pull-left" style="font-size: 14px;font-weight: bold;line-height: 32px;padding: 0 8px;"> City</span> </div> <div style="padding-bottom: 10px;" class="pull-left"> <select id="search_area" style="font-size: 14px;width: 150px;" class="form-control pull-left"> <option disabled="disabled" selected>City first</option> </select> <span class="pull-left" style="font-size: 14px;font-weight: bold;line-height: 32px;padding: 0 8px;"> District</span> </div> <div class="clearfix"></div> </div> <!-- <select id="search_city" style="font-size: 14px;width: 150px;" class="form-control pull-left">--> <!-- <option disabled="disabled" selected>select city</option>--> <!-- <option value="Shanghai">Shanghai</option>--> <!-- <option value="Beijing">Beijing</option>--> <!-- <option value="Hangzhou">Hangzhou</option>--> <!-- <option value="Nanjing">Nanjing</option>--> <!-- <option value="Wuxi">Wuxi</option>--> <!-- <option value="Shenzhen">Shenzhen</option>--> <!-- <option value="Guangzhou">Guangzhou</option>--> <!-- <option value="Chengdu">Chengdu</option>--> <!-- </select>--> <!-- <span class="pull-left" style="font-size: 14px;font-weight: bold;line-height: 32px;padding: 0 8px;"> city</span>--> <!-- <select id="search_area" style="font-size: 14px;width: 150px;" class="form-control pull-left">--> <!-- <option disabled="disabled" selected>city first</option>--> <!-- </select>--> <!-- <span class="pull-left" style="font-size: 14px;font-weight: bold;line-height: 32px;padding: 0 8px;"> District</span>--> <!-- <div class="clearfix"></div>--> <!----> <!-- <div style="padding: 0px 0px 8px 0px;"></div>--> <p style="font-weight:600;display: none;">The current position <span id="mytip"></span> <span id="province"></span> <span id="result"></span> <span id="district"></span> </p> <div id="testDiv" style="overflow: hidden; width: auto; height: 270px;"> <div id="panel" class="scrollbar1"> <ul id="myList"> </ul> </div> </div> <input id="path1" value="res.php?act=json&type=1" type="hidden"> <input id="lng1" value="0" type="hidden"> <input id="lat1" value="0" type="hidden"> <ul id="btnList" class="hide"> <li> <input value="xx" type="button" data-path="/1071?act=json" /> </li> </ul> </div> </div> <!-- <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=95c80cfd691b63ad0124904ea7ac5243&plugin=AMap.Geocoder"></script>--> <!-- <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=3cf802c87163003905e0a52cd3b262d2&plugin=AMap.Geocoder"></script> --> <!-- <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script> --> <!-- UI组件库 1.0 --> <!-- <script src="//webapi.amap.com/ui/1.0/main.js"></script> --> <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" style="padding-left: 15px; padding-right: 15px;"> <!-- owl-carousel start --> <div class="container" style="padding:0px;"> <div class="owl-carousel2"> <div class="item"> <figure class="team-figure" style="pointer-events:none;"> <img src="/admin/img/storeimg/b35286d29bb55e6efdd76d09a7c9b3a5.jpg" alt="Beijing Grand Summit"> <div class="employee-detail"> <div class="employee-desination"> <figcaption> <p>Beijing Grand Summit,No.19 Dongfang East Road,F111<br> 010-85315082</p> </figcaption> </div> </div> </figure> </div> <div class="item"> <figure class="team-figure" style="pointer-events:none;"> <img src="/admin/img/storeimg/store6.png" alt="6"> <div class="employee-detail"> <div class="employee-desination"> <figcaption> <p>6<br> 6</p> </figcaption> </div> </div> </figure> </div> <div class="item"> <figure class="team-figure" style="pointer-events:none;"> <img src="/admin/img/storeimg/store5.png" alt="5"> <div class="employee-detail"> <div class="employee-desination"> <figcaption> <p>5<br> 5</p> </figcaption> </div> </div> </figure> </div> <div class="item"> <figure class="team-figure" style="pointer-events:none;"> <img src="/admin/img/storeimg/store4.png" alt="4"> <div class="employee-detail"> <div class="employee-desination"> <figcaption> <p>4<br> 4</p> </figcaption> </div> </div> </figure> </div> <div class="item"> <figure class="team-figure" style="pointer-events:none;"> <img src="/admin/img/storeimg/store3.png" alt="3"> <div class="employee-detail"> <div class="employee-desination"> <figcaption> <p>3<br> 3</p> </figcaption> </div> </div> </figure> </div> <div class="item"> <figure class="team-figure" style="pointer-events:none;"> <img src="/admin/img/storeimg/store2.png" alt="2"> <div class="employee-detail"> <div class="employee-desination"> <figcaption> <p>2<br> 2</p> </figcaption> </div> </div> </figure> </div> <div class="item"> <figure class="team-figure" style="pointer-events:none;"> <img src="/admin/img/storeimg/store1.png" alt="1"> <div class="employee-detail"> <div class="employee-desination"> <figcaption> <p>1<br> 1</p> </figcaption> </div> </div> </figure> </div> <!-- <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" style="padding-bottom: 0;"> <div class="container"> <!-- Begin: Testimonals 1 component --> <div class="row"> <div class="col-md-6" style="margin-bottom:20px;"> <p><span class="bold" style="font-size:16px;font-weight:500;padding: 0px 0px 2px 0px;margin-bottom: 31px;">WE LOVE TO WORK WITH PEOPLE WHO<br /> <span class="bold" style="color:#ff9e19;">SMILE</span> A LOT AND <span class="bold" style="color:#ff9e19;">LOVE</span> WHAT THEY DO! </span></p> <div style="width: 345px; max-width:100%; border-bottom: 4px solid #f8a614; height:0;"> </div> <div style="padding: 0px 0px 10px 0px; height:0;"> </div> <p>BAKER & SPICE is opening 8 new stores this year. Great career opportunities for people who smile a lot and love what they do.</p> <p> </p> <p>If you are up for a challenge and have an energetic positive attitude, we would love to meet you! Please email HR at careers@wagas.com.cn</p> <!-- <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;">If 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;">Contact: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 class="jiathis_button_tsina" id="sina2" href="http://weibo.com/wagascn" target="_blank"></a></li> <li style="/*float: left;*/"><a data-toggle="modal" data-target=".bs-example-modal-sm2" id="weixin2"></a></li> <li style="display: inline-flex;"><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="http://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="/admin/img/indeximg/07a3dc24fd7e125a083b277826c41fc1.jpg" 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> </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. <br> Shanghai,China 200040<br> +86 2162340680<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" width="150" alt="logo" class="c-desktop-logo" style="margin:auto auto; padding: 28px 0px;"></p> <p class="c-font-grey-3" style="font-size:14px;">© Website by Wagas <a href="https://beian.miit.gov.cn/" target="_blank" style="color:#7f8c97;">沪ICP备18037855号-3</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() <= "1200" && $("#cc").width() >= "710") { console.info(' cc -> ' + $('#cc').height()); console.info(' img -> ' + $('#img').height()); $('#img').css('margin-top', $('#cc').height() - $('#img').height()); } else if($("#cc").width() >= "710"){ $('.msg-info').css('height',offset); $('#msg-img').css('margin-bottom','0px'); $('#cc').css('margin-bottom', '30px'); }else{ $('#cc').css('margin-bottom', '0'); $('.msg-info').css('height','auto'); $('#msg-img').css('margin-bottom','30px'); } } window.onload = offset; window.onresize = offset; </script> <script language="javascript"> var map, geolocation; var result; var pospath; /* 初始化地图 */ // function mapInit () { // map = new AMap.Map('container', { // resizeEnable: true, // zoom:12, // scrollWheel:false, // }); // AMapUI.loadUI(['control/BasicControl'], function(BasicControl) { // map.addControl(new BasicControl.Zoom({ // position: 'lt', //left top，左上角 // showZoomNum: true //显示zoom值 // })); // }); // map.setLang('en'); // map.setZoom(12); // /*map = new AMap.Map('container', { // resizeEnable: true, // zoom:15 // });*/ // }; /*** STEP 1 ***/ // function getCurrentPosition () { //调用浏览器定位服务 // map.plugin('AMap.Geolocation', function () { // geolocation = new AMap.Geolocation({ // enableHighAccuracy: true,//是否使用高精度定位，默认:true // timeout: 10000, //超过10秒后停止定位，默认：无穷大 // maximumAge: 0, //定位结果缓存0毫秒，默认：0 // convert: true, //自动偏移坐标，偏移后的坐标为高德坐标，默认：true // showButton: true, //显示定位按钮，默认：true // buttonPosition: 'LB', //定位按钮停靠位置，默认：'LB'，左下角 // buttonOffset: new AMap.Pixel(10, 20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20) // showMarker: true, //定位成功后在定位到的位置显示点标记，默认：true // showCircle: true, //定位成功后用圆圈表示定位精度范围，默认：true // panToLocation: true, //定位成功后将定位到的位置作为地图中心点，默认：true // zoomToAccuracy:false //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false // }); // map.addControl(geolocation); // geolocation.getCurrentPosition(); // AMap.event.addListener(geolocation, 'complete', onComplete);//返回定位信息 // AMap.event.addListener(geolocation, 'error', onError); //返回定位出错信息 // }); // }; // function onComplete (data) { // cityname=''; // $("#myList").html(""); // $("#search_city").val("Select city"); // $("#search_area").html("<option disabled='disabled' selected>City first</option>"); // //解析定位结果 // //var str = '<p>定位成功</p>'; // //str += '<p>经度：' + data.position.getLng() + '</p>'; // //str += '<p>纬度：' + data.position.getLat() + '</p>'; // //str += '<p>精度：' + data.accuracy + ' 米</p>'; // //str += '<p>是否经过偏移：' + (data.isConverted ? '是' : '否') + '</p>'; // //result.innerHTML = str; // console.log("STEP 1 定位成功"); // //console.log("经度： " + data.position.getLng()); // //console.log("纬度： " + data.position.getLat()); // //document.getElementById('result').innerHTML = str; // document.getElementById("lng1").value = data.position.getLng(); // document.getElementById("lat1").value = data.position.getLat(); // /*** 逆地理编码 ***/ // lnglatXY = [data.position.getLng(), data.position.getLat()]; // function regeocoder() { //逆地理编码 // var geocoder = new AMap.Geocoder({ // radius: 1000, // extensions: "all" // }); // geocoder.getAddress(lnglatXY, function(status, result) { // console.log(status); // console.log(result); // console.log("222"); // if (status === 'complete' && result.info === 'OK') { // console.log(lnglatXY); // geocoder_CallBack(result); // console.log("111"); // } // }); // } // function geocoder_CallBack(data) { // var address = data.regeocode.formattedAddress; //返回地址描述 // var province = data.regeocode.addressComponent.province; // var district = data.regeocode.addressComponent.district; // console.log(data.regeocode.addressComponent); // console.log("省市:" + data.regeocode.addressComponent.province + "市:" +data.regeocode.addressComponent.city + "区:" +data.regeocode.addressComponent.district); // document.getElementById("province").innerHTML = " > " + province; // document.getElementById("district").innerHTML = " > " + district; // document.getElementById("path1").value="res.php?act=json&type=1&city=" + province; // // 处理默认select的选择 // var pro=transfer(province); // if(pro){ // cityname=pro; // $("#search_city").val(pro); // } // var temple=""; // // change map // switch (province){ // case "上海市": // temple="<option disabled='disabled' selected>District</option><option value='Jingan'>Jingan</option><option value='Changning'>Changning</option><option value='PudongNew'>PudongNew</option><option value='Huangpu'>Huangpu</option><option value='Xuhui'>Xuhui</option><option value='Putuo'>Putuo</option><option value='Minhang'>Minhang</option><option value='Hongkou'>Hongkou</option><option value='Yangpu'>Yangpu</option>"; // break; // case "北京市": // temple="<option disabled='disabled' selected>District</option><option value='Chaoyang'>Chaoyang</option><option value='Dongcheng'>Dongcheng</option><option value='Haidian'>Haidian</option><option value='Shunyi'>Shunyi</option>"; // break; // case "苏州市": // temple="<option disabled='disabled' selected>District</option><option value='Gongyeyuan'>Gongyeyuan</option><option value='Wuzhong'>Wuzhong</option>"; // break; // // case "杭州市": // // temple="<option disabled='disabled' selected>District</option><option value='Xiacheng'>Xiacheng</option><option value='Gongshu'>Gongshu</option><option value='Jianggan'>Jianggan</option>"; // // break; // // case "南京市": // // temple="<option disabled='disabled' selected>District</option><option value='Xuanwu'>Xuanwu</option><option value='Qinhuai'>Qinhuai</option>"; // // break; // // case "无锡市": // // temple="<option disabled='disabled' selected>District</option><option value='Binhu'>Binhu</option>"; // // break; // // case "深圳市": // // temple="<option disabled='disabled' selected>District</option><option value='Luohu'>Luohu</option><option value='Futian'>Futian</option>"; // // break; // // case "广州市": // // temple="<option disabled='disabled' selected>District</option><option value='Tianhe'>Tianhe</option>"; // // break; // case "成都市": // temple="<option disabled='disabled' selected>District</option><option value='Jinjiang'>Jinjiang</option>"; // break; // case "南京市": // temple="<option disabled='disabled' selected>District</option><option value='Xuanwu'>Xuanwu</option>"; // break; // case "深圳市": // temple="<option disabled='disabled' selected>District</option><option value='Futian'>Futian</option>"; // break; // default: // temple="<option>please select city</option>"; // break; // } // $("#search_area").html(temple); // var dis=transfer(district); // if(dis){ // if($("#search_area:contains('"+dis+"')")){ // $("#search_area").val(dis); // } // } // } // // 中英文转换字典 // // change map // function transfer($key) { // switch ($key){ // case "上海市": // return "Shanghai"; // case "北京市": // return "Beijing"; // case "苏州市": // return "Suzhou"; // case "成都市": // return "Chengdu"; // case "南京市": // return "Nanjing"; // case "深圳市": // return "Shenzhen"; // case "静安区": // return "Jingan"; // case "长宁区": // return "Changning"; // case "浦东新区": // return "PudongNew"; // case "黄浦区": // return "Huangpu"; // case "徐汇区": // return "Xuhui"; // case "普陀区": // return "Putuo"; // case "闵行": // return "Minhang"; // case "虹口": // return "Hongkou"; // case "杨浦区": // return "Yangpu"; // case "朝阳区": // return "Chaoyang"; // case "顺义区": // return "Shunyi"; // case "东城区": // return "Dongcheng"; // case "海淀区": // return "Haidian"; // case "工业园区": // return "Gongyeyuan"; // case "吴中区": // return "Wuzhong"; // case "锦江区": // return "Jinjiang"; // case "玄武区": // return "Xuanwu"; // case "福田区": // return "Futian"; // default: // return ""; // } // } // regeocoder(); // //document.getElementById("path1").value="res.php?act=json&type=1&lng=" + data.position.getLng() + "&lat=" + data.position.getLng(); // placelist(); // /*** ***/ // }; // function onError (data) { //解析定位错误信息 // console.log("STEP 1 定位失败"); // showCityInfo(); // }; /*** STEP 2 ***/ // function showCityInfo() { //IP定位 // //加载IP定位插件 // map.plugin(["AMap.CitySearch"], function() { // //实例化城市查询类 // var citysearch = new AMap.CitySearch(); // //自动获取用户IP，返回当前城市 // citysearch.getLocalCity(); // AMap.event.addListener(citysearch, "complete", function(result){ // if(result && result.city && result.bounds) { // var cityinfo = result.city; // var citybounds = result.bounds; // console.log("STEP 2 : 您当前所在城市："+cityinfo+""); // //document.getElementById('result').innerHTML = "您当前所在城市："+cityinfo+""; // //地图显示当前城市 // map.setBounds(citybounds); // } // else { // console.log("STEP 2 : 您当前所在城市："+cityinfo+""); // //document.getElementById('result').innerHTML = "您当前所在城市："+result.info+""; // } // document.getElementById("path1").value = "res.php?act=json&type=2&city=" + cityinfo; // placelist(); // }); // AMap.event.addListener(citysearch, "error", function(result){ // console.log("STEP 2 : 您当前IP所在城市无效"); // placeSearch(); // }); // }); // } /*** STEP 3 ***/ // var MSearch; // var key_1; // function placeSearch() { //POI搜索，关键字查询 // //key_1 = document.getElementById("key_1").value; // key_1 = "上海市"; // document.getElementById('result').innerHTML = "您输入的是：" + key_1; // map.plugin(["AMap.PlaceSearch"], function() { //构造地点查询类 // MSearch = new AMap.PlaceSearch({ // pageSize:10, // pageIndex:1, // city:"021" //城市 // }); // AMap.event.addListener(MSearch, "complete", function(data){ // var poiArr = data.poiList.pois; // var lngX = poiArr[0].getLng(); // var latY = poiArr[0].location.getLat(); // map.setCenter(new AMap.LngLat(lngX, latY)); // });//返回地点查询结果 // MSearch.search(key_1); //关键字查询 // }); // document.getElementById("path1").value = "res.php?act=json&type=3&city=" + key_1; // placelist(); // } // mapInit(); // getCurrentPosition(); /*** STEP 4 ***/ // function placelist() { // AMapUI.loadUI(['misc/MarkerList', 'overlay/SimpleMarker', 'overlay/SimpleInfoWindow'], // function(MarkerList, SimpleMarker, SimpleInfoWindow) { // //即jQuery/Zepto // var $ = MarkerList.utils.$; // // var defaultIconStyle = 'red', //默认的图标样式 // // hoverIconStyle = 'green', //鼠标hover时的样式 // // selectedIconStyle = 'purple' //选中时的图标样式 // // ; // var defaultIconStyle = { // src: 'http://www.wagas.com.cn/images/hei.png', // style: { // width:'20px' // } // }; // var hoverIconStyle = { // src: 'http://www.wagas.com.cn/images/huang.png', // style: { // width:'20px' // } // }; // var selectedIconStyle = { // src: 'http://www.wagas.com.cn/images/huang.png', // style: { // width:'20px' // } // }; // var markerList = new MarkerList({ // map: map, // //ListElement对应的父节点或者ID // listContainer: "myList", //document.getElementById("myList"), // //选中后显示 // //从数据中读取位置, 返回lngLat // getPosition: function(item) { // return [item.longitude, item.latitude]; // }, // //数据ID，如果不提供，默认使用数组索引，即index // getDataId: function(item, index) { // return item.id; // }, // getInfoWindow: function(data, context, recycledInfoWindow) { // if (recycledInfoWindow) { // recycledInfoWindow.setInfoTitle(data.name); // recycledInfoWindow.setInfoBody(data.address+"</br>"+data.tel); // return recycledInfoWindow; // } // return new SimpleInfoWindow({ // infoTitle: data.name, // infoBody: data.address+"</br>"+data.tel, // offset: new AMap.Pixel(0, -37) // }); // }, // //构造marker用的options对象, content和title支持模板，也可以是函数，返回marker实例，或者返回options对象 // getMarker: function(data, context, recycledMarker) { // //console.log(context); // //var label = String.fromCharCode('A'.charCodeAt(0) + context.index); // var label = context.index + 1; // if (recycledMarker) { // // recycledMarker.setIconLabel(label); // return; // } // return new SimpleMarker({ // containerClassNames: 'my-marker', // iconStyle: defaultIconStyle, // // iconLabel: label // }); // }, // //构造列表元素，与getMarker类似，可以是函数，返回一个dom元素，或者模板 html string // getListElement: function(data, context, recycledListElement) { // //var label = String.fromCharCode('A'.charCodeAt(0) + context.index); // var label = context.index + 1; // if(document.getElementById("lng1").value!="0"){ // //var lnglat = new AMap.LngLat(document.getElementById("lng1").value, document.getElementById("lat1").value); // //var strdistance = Math.floor(lnglat.distance([data.longitude, data.latitude]));// // //console.log(document.getElementById("lng1").value); // //console.log(document.getElementById("lat1").value); // //console.log(strdistance); // var innerHTML = MarkerList.utils.template('<div class="poi-imgbox">' + // ' <span class="poi-img" style="background-image:url(<%- data.pic %>)"></span>' + // '</div>' + // '<div class="poi-info-left">' + // ' <h3 class="poi-title">' + // ' <%- data.name %>(<%- data.distance %>M)' + // ' </h3>' + // ' <div class="poi-info">' + // ' <p class="poi-addr" data-city="<%= data.city_en %>"><%= data.address %></p>' + // ' <span class="poi-price">' + // ' <%= data.price %>' + // ' </span>' + // ' </div>' + // '</div>' + // '<div class="clear"></div>', { // data: data, // label: label // //strdistance: strdistance // }); // }else{ // //使用模板创建 // var innerHTML = MarkerList.utils.template('<div class="poi-imgbox">' + // ' <span class="poi-img" style="background-image:url(<%- data.pic %>)"></span>' + // '</div>' + // '<div class="poi-info-left">' + // ' <h3 class="poi-title">' + // ' <%- data.name %>' + // ' </h3>' + // ' <div class="poi-info">' + // ' <p class="poi-addr" data-city="<%= data.city_en %>"><%= data.address %></p>' + // ' <span class="poi-price">' + // ' <%= data.price %>' + // ' </span>' + // ' </div>' + // '</div>' + // '<div class="clear"></div>', { // data: data, // label: label // }); // } // if (recycledListElement) { // recycledListElement.innerHTML = innerHTML; // return recycledListElement; // } // return '<li class="poibox">' + // innerHTML + // '</li>'; // }, // //列表节点上监听的事件 // listElementEvents: ['click', 'mouseenter', 'mouseleave'], // //marker上监听的事件 // markerEvents: ['click', 'mouseover', 'mouseout'], // //makeSelectedEvents:false, // selectedClassNames: 'selected', // autoSetFitView: false // }); // window.markerList = markerList; // markerList.on('selectedChanged', function(event, info) { // checkBtnStats(); // if (info.selected) { // if (info.selected.marker) { // //更新为选中样式 // info.selected.marker.setIconStyle(selectedIconStyle); // } // //选中并非由列表节点上的事件触发，将关联的列表节点移动到视野内 // if (!info.sourceEventInfo.isListElementEvent) { // if (info.selected.listElement) { // scrollListElementIntoView($(info.selected.listElement)); // } // } // } // if (info.unSelected && info.unSelected.marker) { // //更新为默认样式 // info.unSelected.marker.setIconStyle(defaultIconStyle); // } // }); // markerList.on('listElementMouseenter markerMouseover', function(event, record) { // if (record && record.marker) { // //forcusMarker(record.marker); // //this.openInfoWindowOnRecord(record); // //非选中的id // if (!this.isSelectedDataId(record.id)) { // //设置为hover样式 // record.marker.setIconStyle(hoverIconStyle); // //this.closeInfoWindow(); // } // } // }); // markerList.on('listElementMouseleave markerMouseout', function(event, record) { // if (record && record.marker) { // if (!this.isSelectedDataId(record.id)) { // //恢复默认样式 // record.marker.setIconStyle(defaultIconStyle); // } // } // }); // //数据输出完成 // markerList.on('renderComplete', function(event, records) { // checkBtnStats(); // }); // // markerList.on('*', function(type, event, res) { // // console.log(type, event, res); // // }); // //加载数据 // function loadData(src, callback) { // var backjson; // var back_num=0; // // alert(src); // // do{ // back_num++; // // $.getJSON(src, function(data) { // $.get(src, function(data) { // // alert(src); // markerList._dataSrc = src; // //console.log(data); // //console.log(data.length); // var lnglat = new AMap.LngLat(document.getElementById("lng1").value, document.getElementById("lat1").value); // for (var j = 0; j < data.length; j++) { // //console.log(data[j]); // //var lnglat = new AMap.LngLat(data[j].longitude, data[j].latitude); // var strdistance = Math.floor(lnglat.distance([data[j].longitude, data[j].latitude])); // data[j].distance = strdistance; // } // // console.log(data); // // alert(data); // var newdata = data; // var sortBy=function (filed,rev,primer){ // rev = (rev) ? -1 : 1; // return function (a, b) { // a = a[filed]; // b = b[filed]; // if (typeof (primer) != 'undefined') { // a = primer(a); // b = primer(b); // } // if (a < b) { return rev * -1; } // if (a > b) { return rev * 1; } // return 1; // } // }; // newdata.sort(sortBy('distance',false,parseInt)); // console.log(newdata); // //渲染数据 // markerList.render(newdata); // if (callback) { // callback(null, data); // } // backjson=data; // },"json"); // // } while(!(backjson instanceof Object)&&back_num<4); // } // var $btns = $('#btnList input[data-path]'); // /** // * 检测各个button的状态 // */ // function checkBtnStats() { // $('#btnList input[data-enable]').each(function() { // var $input = $(this), // codeEval = $input.attr('data-enable'); // $input.prop({ // disabled: !eval(codeEval) // }); // }); // } // $('#btnList').on('click', 'input', function() { // var $input = $(this), // dataPath = $input.attr('data-path'), // codeEval = $input.attr('data-eval'); // if (dataPath) { // loadData(dataPath); // } else if (codeEval) { // eval(codeEval); // } // checkBtnStats(); // }); // //loadData($btns.attr('data-path')); // pospath = document.getElementById("path1").value; // //if(pospath!="test"){ // pospath = pospath +"&ran="+Math.random(); // console.log("pospath:" + pospath) // loadData(pospath); // //} // //console.log(pospath); // /* // function forcusMarker(marker) { // marker.setTop(true); // //不在地图视野内 // if (!(map.getBounds().contains(marker.getPosition()))) { // //移动到中心 // map.setCenter(marker.getPosition()); // } // } // */ // function isElementInViewport(el) { // var rect = el.getBoundingClientRect(); // return ( // rect.top >= 0 && // rect.left >= 0 && // rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */ // rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */ // ); // } // function scrollListElementIntoView($listEle) { // if (!isElementInViewport($listEle.get(0))) { // $('#panel').scrollTop($listEle.offset().top - $listEle.parent().offset().top); // } // //闪动一下 // $listEle // .one('webkitAnimationEnd oanimationend msAnimationEnd animationend', // function(e) { // $(this).removeClass('flash animated'); // }).addClass('flash animated'); // } // }); // } //搜索内容 $("#searchdata").bind("input propertychange",function () { $("#myList li").hide(); var searchdata = $('#searchdata').val(); // $("#myList li:contains('" + searchdata + "')").show(); $("#myList li").has("[data-city*='"+searchdata+"']").show(); }); $("#search_city").change(function () { var temple=""; // change map switch ($(this).val()){ case "Shanghai": cityname=$(this).val(); temple="<option disabled='disabled' selected>District</option><option value='Jingan'>Jingan</option><option value='Changning'>Changning</option><option value='PudongNew'>PudongNew</option><option value='Huangpu'>Huangpu</option><option value='Xuhui'>Xuhui</option><option value='Putuo'>Putuo</option><option value='Minhang'>Minhang</option><option value='Hongkou'>Hongkou</option><option value='Yangpu'>Yangpu</option>"; break; case "Beijing": cityname=$(this).val(); temple="<option disabled='disabled' selected>District</option><option value='Chaoyang'>Chaoyang</option><option value='Dongcheng'>Dongcheng</option><option value='Haidian'>Haidian</option><option value='Shunyi'>Shunyi</option>"; break; case "Suzhou": cityname=$(this).val(); temple="<option disabled='disabled' selected>District</option><option value='Gongyeyuan'>Gongyeyuan</option><option value='Wuzhong'>Wuzhong</option>"; break; case "Chengdu": cityname=$(this).val(); temple="<option disabled='disabled' selected>District</option><option value='Jinjiang'>Jinjiang</option>"; break; case "Nanjing": cityname=$(this).val(); temple="<option disabled='disabled' selected>District</option><option value='Xuanwu'>Xuanwu</option>"; break; case "Shenzhen": cityname=$(this).val(); temple="<option disabled='disabled' selected>District</option><option value='Futian'>Futian</option>"; break; default: cityname=$(this).val(); temple="<option>please select city</option>"; break; } $("#search_area").html(temple); $("#myList li").hide(); // $("#myList li:contains('"+cityname+"')").show(); $("#myList li").has("[data-city*='"+cityname+"']").show(); }); $("#search_area").change(function () { var area=$("#search_area").val(); if(area){ $("#myList li").hide(); // $("#myList li:contains('"+cityname+area+"')").show(); // alert(cityname); $("#myList li").has("[data-city*='"+cityname+" "+area+"']").show(); } }); /*** STEP 5 ***/ // 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", // }); /*** STEP 6 ***/ $(window).load(function() { $(".flexslider-container8624").flexslider({ animation:"fade", animationLoop:true, startAt:0, slideshow :true, slideshowSpeed :7000, animationSpeed :600, initDelay :0,randomize :false,pauseOnAction :false,pauseOnHover :false,smoothHeight :false,useCSS :true,touch :true,video :true,controlNav :true,directionNav :true,prevText :"",nextText :"",keyboard :true,multipleKeyboard :true,mousewheel :true,pausePlay :false,pauseText :"",playText :"", namespace: "flex-", start: function(){ $(".external-flexslider-container8624.flexslider-img-preloader").css("background-image","none"); $(".external-flexslider-container8624 .flexslider-img-content").css("opacity","1"); $(".external-flexslider-container8624 .flexslider-img-content").css("visibility","visible"); $(".flex-control-nav a").empty(); } }); $( window ).resize(function() { $(".external-flexslider-container8624 .flex-control-nav a").empty(); }); }); </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(""); var win_width = $(window).width()/(2.7); if (win_width < 200) { win_width = 200; } if ($(window).width() < 414) { $(".slides li").css('background-size', '150% 100%'); $(".j-div").css('background-size', '130% 130%'); $('.flex-control-nav a').css({'width':'10px', 'height':'10px', 'border-radius':'10px'}); // $(".j-div").css('height', $(window).width()/(4.1)); } $(".flexslider").css('height',win_width); $(".slides li").css('height',win_width); $(window).resize(function () { win_width = $(window).width()/(2.7); if (win_width < 200) { win_width = 200; } if ($(window).width() < 414) { $(".slides li").css('background-size', '150% 100%'); $(".j-div").css('background-size', '130% 130%'); $('.flex-control-nav a').css({'width':'10px', 'height':'10px', 'border-radius':'10px'}); } else { $(".slides li").css('background-size', '100% 100%'); $(".j-div").css('background-size', '100% 100%'); $('.flex-control-nav a').css({'width':'14px', 'height':'14px', 'border-radius':'14px'}); } $(".flexslider").css('height',win_width); $(".slides li").css('height',win_width); }); }); </script> <!-- END: PAGE SCRIPTS --> <!-- END: LAYOUT/BASE/BOTTOM --> </body> </html>
ҳ̸Ҳ̸ҳ Rabiza Ekel ҳ̸Ҳ̸ҳ