<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Sayvour is an artisan confectionary specialising in handmade chocolates and pastries by using high quality ingredients from around the world.">
<meta name="keywords" content="Handmade Chocolates; Pastries; High Quality Ingredients; Gift; Wedding Banquet; Wedding Favor">
<meta name="h1" content="ABOUT SAYVOUR; Contact Us">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Sayvour | Artisan Confectionary Specialising in Handmade Chocolates and Pastries |</title>
<link rel="icon" href="index-date/img/icon/sayvour-icon.ico" type="image/x-icon">
    
    <!-- load CSS -->
    <link href="index-date/bootstrap-3.3.6-dist/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="index-date/bootstrap-3.3.6-dist/css/bootstrap-theme.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" type="text/css" href="index-date/css/jquery.fullPage.css" />
	<link rel="stylesheet" type="text/css" href="index-date/css/examples.css" />
    <link href="index-date/css/index-style.css" rel="stylesheet" type="text/css">

    <!-- Custom CSS -->
    <link rel="stylesheet" type="text/css" href="index-date/css/simple-sidebar.css" />

	<!--[if IE]>
		<script type="text/javascript">
			 var console = { log: function() {} };
		</script>
	<![endif]-->

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>

	<script type="text/javascript" src="index-date/js/jquery.fullPage.js"></script>
	<script type="text/javascript" src="index-date/js/examples.js"></script>
    
	<script type="text/javascript">
	
		$(document).ready(function() {
			if (screen.width > 768) {
			$('#fullpage').fullpage({
				sectionsColor: ['', '#FFFFFF', '#FFFFFF', 'whitesmoke', '#ccddff'],
				anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
				menu: '#menu',
				scrollingSpeed: 1700
			});
			}
		});
		
				
	</script>

	
    <style type="text/css">
		ul#demo-block{ margin:0 15px 15px 15px; }
			ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url('img/bg-black.png'); font:11px Helvetica, Arial, sans-serif; }
			ul#demo-block li a{ color:#eee; font-weight:bold; }
			
main-menu, h1 {
	 font-size:14px; 
	 color:rgb(10, 47, 43);
	 p
	}		
	
#media-img::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#media-img::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#media-img::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

#media-img::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #C8B84F;
}
	
			
	</style>
    
    	<!-- light box -->
    <link rel="stylesheet" href="css/jquery.fs.boxer.css">


<script src="js/jquery.fs.boxer.js"></script>
<script>
$(function(){
	$('.boxer').boxer({
		labels: {
			close: "关闭",
			count: "/",
			next: "下一个",
			previous: "上一个"
		}
	});
});
    </script>
    
    <!--end BG slider -->
    
    <!-- banner slider -->
    
      <!-- Demo CSS -->
	<link rel="stylesheet" href="banner-slider/flexslider.css" type="text/css" media="screen" />

	<!-- Modernizr -->
  <script src="banner-slider/js/modernizr.js"></script>
  
    <!-- jQuery -->
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>

  <!-- FlexSlider -->
  <script defer src="banner-slider/jquery.flexslider.js"></script>

  <script>
    $(function() {
      SyntaxHighlighter.all();
    });
    $(window).load(function() {
      $('.flexslider').flexslider({
        animation: "slide",
        start: function(slider) {
          $('body').removeClass('loading');
        }
      });
    });
  </script>

  
  
  
    <!-- Syntax Highlighter -->
  <script type="text/javascript" src="banner-slider/js/shCore.js"></script>
  <script type="text/javascript" src="banner-slider/js/shBrushXml.js"></script>
  <script type="text/javascript" src="banner-slider/js/shBrushJScript.js"></script>

  <!-- Optional FlexSlider Additions -->
  <script src="banner-slider/js/jquery.easing.js"></script>
  <script src="banner-slider/js/jquery.mousewheel.js"></script>
  <script defer src="banner-slider/js/demo.js"></script>


    
    <!-- end banner slider -->
    

<style>

	/* Defining each section background and styles
	* --------------------------------------- */
	#section0{
		background-image: url(index-date/img/bg/About_Sayvour.jpg);
		background-size:     cover;                      /* <- */
    	background-repeat:   no-repeat;
    	background-position: center center;              /* optional, center the image */
	}
	#section1{
		background-color:#FFFFFF;
	}
	#section2{
		background-color:#FFFFFF;
	}
		
	#section4{
		background-color:#FFFFFF;
	}

	
	#section5{
		background-image: url(index-date/img/bg/05_index.jpg);
				background-size:     cover;                      /* <- */
    	background-repeat:   no-repeat;
    	background-position: center center;              /* optional, center the image */

	}

 
</style>

<!-- mobile page -->
	<link rel="stylesheet" href="index-date/m-ver/m-style.css">
	<script>
		$(function() {
			var pull 		= $('#pull');
				menu 		= $('nav ul');
				menuHeight	= menu.height();

			$(pull).on('click', function(e) {
				e.preventDefault();
				menu.slideToggle();
			});

			$(window).resize(function(){
        		var w = $(window).width();
        		if(w > 320 && menu.is(':hidden')) {
        			menu.removeAttr('style');
        		}
    		});
		});
	</script>




</head>
<body>
<!--facebook pulgin -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.8";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7&appId=125615897471556";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<!--facebook pulgin -->

<nav class="main-menu col-lg-12 col-md-12 col-sm-12 hidden-xs">
             
            <ul class="sidemenu" id="menu">
                <li data-menuanchor="firstPage" class="">
                    <a href="#firstPage">
                        <i class="fa fa-font fa-2x"><img class="logo-cc" src="index-date/img/sayvour-icon-02.png" ></i>
                        <span class="nav-text">
                        <h1>About Us</h1>
                    </span>
                    </a>
                </li>
                <li data-menuanchor="secondPage" class="">
                   <a href="#secondPage">
                       <i class="fa fa-table fa-2x"><img src="index-date/img/sayvour-icon-02.png" ></i>
                        <span class="nav-text">
                            <h1>Order Now</h1>
                        </span>
                    </a>
                </li>
                <li data-menuanchor="3rdPage" class="">
                   <a href="#3rdPage">
                        <i class="fa fa-map-marker fa-2x img-padding"><img src="index-date/img/sayvour-icon-02.png" ></i>
                        <span class="nav-text">
                            <h1>Press</h1>
                   </span>
                    </a>
                </li>
                <li data-menuanchor="4thpage" class="li-cc">
                    <a href="#4thpage">
                       <i class="fa fa-info fa-2x"><img  src="index-date/img/sayvour-icon-02.png" ></i>
                        <span class="nav-text">
                        <h1>Social Media</h1>
                    </span>
                    </a>
                </li>
                <li data-menuanchor="#lastPage" class="li-cc">
                    <a href="#lastPage">
                       <i class="fa fa-info fa-2x"><img  src="index-date/img/sayvour-icon-02.png" ></i>
                        <span class="nav-text">
                        <h1>Contact Us</h1>
                    </span>
                    </a>
                </li>
            </ul>
            
              <ul class="sidemenu2" id="menu1">
                <li  class="">
                    <a href="../zh/index.html">
                       <i class="fa fa-info fa-2x"><img src="index-date/img/logo/icon-lg.png" ></i>
                        <span class="nav-text">
                            <h1>中文</h1>
                        </span>
                    </a>
                </li>
                <li  class="">
                   <a href="https://www.facebook.com/sayvour" target="_blank">
                        <i class="fa fa-map-marker fa-2x img-padding"><img src="index-date/img/logo/icon-fb.png" ></i>
                        <span class="nav-text">
                            <h1>FACEBOOK</h1>
                        </span>
                    </a>
                </li>
                <li  class="">
                    <a href="https://www.instagram.com/sayvour_hk/" target="_blank">
                       <i class="fa fa-info fa-2x"><img src="index-date/img/logo/icon-ig.png" ></i>
                        <span class="nav-text">
                            <h1>INSTAGRAM</h1>
                        </span>
                    </a>
                </li>
                  <li  class="" style="padding-top:0px">
                        <div 
                        class="fb-like" 
                        data-href="https://www.facebook.com/sayvour/" 
                        data-layout="button_count" 
                        data-action="like" 
                        data-size="small" 
                        data-show-faces="true" 
                        data-share="true"
                        style="margin-left:10px">
                        </div>
                </li>
             </ul>
                       



        </nav>
        <img src="index-date/img/sayvour-logo.png" class="col-lg-12 col-md-12 hidden-sm hidden-xs" style="position:absolute; padding:15px 0px 0px 30px; z-index:999; width:14%">
        <img src="index-date/img/sayvour-logo.png" class="hidden-lg hidden-md col-sm-12 hidden-xs" style="position:absolute; padding:15px 0px 0px 15px; z-index:999; width:30%">

        
<!--ul id="menu">
	<li data-menuanchor="firstPage"><a href="#firstPage">First slide</a></li>
	<li data-menuanchor="secondPage"><a href="#secondPage">Second slide</a></li>
	<li data-menuanchor="3rdPage"><a href="#3rdPage">Third slide</a></li>
</ul-->

<div id="fullpage" class="col-lg-12 col-md-12 col-sm-12 hidden-xs" style=" padding-left:0px !important">
	<div class="section " id="section0">
    <div class="hidden-lg hidden-md hidden-sm col-xs-10">
            <div class="flexslider">
          <ul class="slides">
            <li>
  	    	    <img src="index-date/img/bg/01.jpg" />
  	    		</li>
  	    		<li>
  	    	    <img src="index-date/img/bg/02.jpg" />
  	    		</li>
  	    		<li>
  	    	    <img src="index-date/img/bg/03.jpg" />
  	    		</li>
  	    		<li>
  	    	    <img src="index-date/img/bg/04.jpg" />
  	    		</li>
          </ul>
        </div>
    
        
                <div>                        	
        <div style="width:100%;margin-top:50px">
        <h2 style="font-size:21px"><img class="img-hidden" src="index-date/img/about-text-tl.png" style="width:6vw">&nbsp;About Sayvour&nbsp;<img class="img-hidden" src="index-date/img/about-text-tr.png" style="width:6vw"></h2>
        </div>
        
        		<p style="text-align:center; color:#7b4612; margin:auto">
        
Sayvour is an artisan confectionary specialising in handmade chocolates and pastries by using high quality ingredients from around the world. Our team is passionate about creating delicate confections which provide our customers with joyful tasting experience and bring people closer by giving away our personalised delicacies.

        </p>
        
                <img class="img-hidden" src="index-date/img/about-text-bb.png" style="width:22vw">
        
        </div>
     
       </div>        
            
    <div class="col-lg-6 col-md-6 col-sm-6 hidden-xs" style="padding:5% 1%">
                <div class="flexslider" style="border:#7BAABE 1px solid">
          <ul class="slides">
            <li>
  	    	    <img src="index-date/img/bg/01.jpg" />
  	    		</li>
  	    		<li>
  	    	    <img src="index-date/img/bg/02.jpg" />
  	    		</li>
  	    		<li>
  	    	    <img src="index-date/img/bg/03.jpg" />
  	    		</li>
  	    		<li>
  	    	    <img src="index-date/img/bg/04.jpg" />
  	    		</li>
          </ul>
        </div>

    </div>
        <div class="col-lg-6 col-md-6 col-sm-6 hidden-xs" style="padding:11% 5%">
        
        <div>                        	
        <div style="width:100%">
        <h2 style="font-size:25px"><img class="img-hidden" src="index-date/img/about-text-tl.png" style="width:6vw">&nbsp;About Sayvour&nbsp;<img class="img-hidden" src="index-date/img/about-text-tr.png" style="width:6vw"></h2>
        </div>
        
        		<p style="text-align:center; color:#7b4612; margin:auto; font-size:16px
                ">
        
Sayvour is an artisan confectionary specialising in handmade chocolates and pastries by using high quality ingredients from around the world. Our team is passionate about creating delicate confections which provide our customers with joyful tasting experience and bring people closer by giving away our personalised delicacies.

        </p>
        
                <img class="img-hidden" src="index-date/img/about-text-bb.png" style="width:22vw">
        
        </div>
        <div class="col-lg-12 hidden-md hidden-sm hidden-xs" style=" margin-top:40px">
        
        <div class="fb-page" data-href="https://www.facebook.com/sayvour/" data-tabs="timeline" data-height="130" data-width="576"  data-show-facepile="true" style="width:100%"><blockquote cite="https://www.facebook.com/sayvour/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/sayvour/">Sayvour</a></blockquote></div>
        
        </div>	
        
       <div class="hidden-lg col-md-12 hidden-sm hidden-xs" style=" margin-top:40px">
        
        <div class="fb-page" data-href="https://www.facebook.com/sayvour/" data-tabs="timeline" data-height="130" data-width="400"  data-show-facepile="true" style="width:100%"><blockquote cite="https://www.facebook.com/sayvour/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/sayvour/">Sayvour</a></blockquote></div>
        
        </div>	
        
        
</div>
	    <!--<div class="slide" style="background-image: url(index-date/img/bg/01_index.jpg);">
        <div  class="col-lg-12" style=" position:absolute; bottom:0; width:100%;  float: right">
        <img src="index-date/img/bg/01_index_bb.png" style="float: left; width:100vw; height:88px">
        </div>

			<div class="intro">
            	<div class="about-text">
                
                	<div>
                    <h2 style="text-shadow:0 0 10px #ffffff"><img class="img-hidden" src="index-date/img/about-text-tl.png">&nbsp;&nbsp;&nbsp;About Sayvour&nbsp;&nbsp;&nbsp;<img  class="img-hidden" src="index-date/img/about-text-tr.png"></h2>
                   	</div>
                    <p><br></p>
                    <div class="text-xs">
                    <p style="background-color:rgba(255, 255, 255, 0.75);box-shadow:0 0 10px rgba(255, 255, 255, 0.75); padding:15px 15px;border-radius:43px">Sayvour is an artisan confectionary specialising in handmade chocolates and pastries by using high quality ingredients from around the world. Our team is passionate about creating delicate confections which provide our customers with joyful tasting experience and bring people closer by giving away our personalised delicacies.
                    </p></div>
                    <p><br><br></p>
					<img class="img-hidden" src="index-date/img/about-text-bb.png">
				</div>
			</div>
            <div class="intro" style="position: relative;">
            <h1 class="bottom-h1">SAY YOUR FLAVOUR     FEEL OUR PASSION</h1>
            </div>
		</div>-->
	</div>
	<div class="section  col-lg-12 col-md-12 col-sm-12 col-xs-12 "  id="section3" style="font-style: italic;">
        <h2><img class="img-hidden" src="index-date/img/product-text-tl.png" style="width:28vw;" >&nbsp;&nbsp;&nbsp;Order Now&nbsp;&nbsp;&nbsp;<img class="img-hidden" src="index-date/img/product-text-tr.png" style="width:28vw;"></h2>
        <h2>Welcome to Sayvour’s e-Shop!</h2>
        <div class="text-xs col-lg-12 col-md-12 col-sm-12 hidden-xs">
        
		<p style="text-align:center; color:#7b4612; margin:auto">
        
        All our products are made to order freshly by hand and will be delivered to your designated address according to your scheduled delivery time. The earliest delivery time will be in 2 days upon your confirmation by 4pm from Monday to Thursday; or in 3 days upon your confirmation by 4pm from Friday to Sunday. No delivery on Sunday and public holidays.
        </p>
        </div>
            <div style="padding-top:15px; text-align-last:center" class="col-lg-12 col-md-12 col-sm-12 hidden-xs">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <a href="e-shop.php?belong=Chocolates"><img src="index-date/img/product/01-chocolates.jpg" class="p-to-e-img" style=" width:85%"></a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 ">
                <a href="e-shop.php?belong=Pastries"><img src="index-date/img/product/02-Pastries.jpg" class="p-to-e-img" style=" width:85%"></a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 ">
                <a href="e-shop.php?belong=Bespoke_Products_for_Occasions"><img src="index-date/img/product/03-Wedding-Event.jpg" class="p-to-e-img" style=" width:85%"></a>
                </div>
            </div>
            <div style="padding-top:15px; text-align-last:center" class="hidden-lg hidden-md hidden-sm col-xs-12">
                <div class="col-xs-12 p-img-xs">
                <a href="e-shop.php?belong=Chocolates"><img src="index-date/img/product/01-chocolates-xs.jpg" class="p-to-e-img-xs"></a>
                </div>
                <div class="col-xs-12 p-img-xs">
                <a href="e-shop.php?belong=Pastries"><img src="index-date/img/product/02-Pastries-xs.jpg" class="p-to-e-img-xs"></a>
                </div>
                <div class="col-xs-12 p-img-xs">
                <a href="e-shop.php?belong=Bespoke_Products_for_Occasions"><img src="index-date/img/product/03-Wedding-Event-xs.jpg" class="p-to-e-img-xs"></a>
                </div>
            </div>
        <img class="img-hidden" src="index-date/img/product-text-bb.png" style=" padding-top:15px; width:80vw;">
	</div>
    
        <!-----------------分隔線---------------->
    
	<div class="section" id="section2">
            <div style="width:100%; margin-bottom:40px"><h2><img class="img-hidden" src="index-date/img/product-text-tl.png" style="width:28vw;" >&nbsp;&nbsp;&nbsp;Press&nbsp;&nbsp;&nbsp;<img class="img-hidden" src="index-date/img/product-text-tr.png" style="width:28vw;"></h2></div>
		<div class="intro col-lg-12 col-md-12 col-sm-12 hidden-xs">
            	<div id="media-img" class="media-img" style="overflow-x:auto;overflow-y:hidden; height:580px">
                <div style="width:5000px;">
                
                <div style="float:left;">
                <p>Hong Kong Economic Journal<br>(19 September 2016)</p>
                <a title="HKEJ" class="boxer" rel="gallery" href="index-date/img/media/10.jpg">
                <img src="index-date/img/media/10.jpg" class="media-img" ></a>
                </div>
                
                <div style="float:left;">
                <p>Hong Kong Economic Times<br>(22 July 2016)</p>
                <a title="HKET" class="boxer" rel="gallery" href="index-date/img/media/04.jpg">
                <img src="index-date/img/media/04.jpg" class="media-img" ></a>
                </div>

                <div style="float:left;">
                <p>Cosmopolitan<br>(16 July 2016)</p>
                <a title="Cosmopolitan" class="boxer" rel="gallery" href="index-date/img/media/02.jpg">
                <img src="index-date/img/media/02.jpg" class="media-img" ></a>
                </div>
                
                <div style="float:left;">
                <a href="http://topick.hket.com/article/1462705"><p>Topick<br>(13 July 2016)</p></a>
                <a title="Topick" class="boxer" rel="gallery" href="index-date/img/media/08.jpg">
                <img src="index-date/img/media/08.jpg" class="media-img" ></a>
                </div>
                
                <div style="float:left;">
                <p>On.CC <br>(16 August 2016)</p>
                <a title="Oncc" class="boxer" rel="gallery" href="index-date/img/media/05.jpg">
                <img src="index-date/img/media/05.jpg" class="media-img" ></a>
                </div>
                
                <div style="float:left;">
                <p>Headline Daily<br>(18 Aug 2016)</p>
                <a title="Headline Daily" rel="gallery" class="boxer" href="index-date/img/media/09.jpg">
                <img src="index-date/img/media/09.jpg" class="media-img" ></a>
                </div>
                
                <div style="float:left;">
                <p>Vivian Chow's Testimonial<br>(10 July 2016)</p>
                <a title="Vivian Chow's Facebook" rel="gallery" class="boxer" href="index-date/img/media/07.jpg">
                <img src="index-date/img/media/07.jpg" class="media-img" ></a>
                </div>
                
                <div style="float:left;">
                <p>Luk Hoo's Testimonial<br>(20 July 2016)</p>
                <a title="Luk Hoo's Facebook" rel="gallery" class="boxer" href="index-date/img/media/03.jpg">
                <img src="index-date/img/media/03.jpg" class="media-img" ></a>
                </div>


                <div style="float:left; width:450px">
                <p>Kimman Wong's Testimonial<br>(25 July 2016)</p>
                <a title="Kimman Wong's Facebook" rel="gallery" class="boxer" href="index-date/img/media/06.jpg">
                <img src="index-date/img/media/06.jpg" class="media-img" ></a>
                </div>
                

				</div>
				</div>
                </div>
                
		<div  class="intro hidden-lg hidden-md hidden-sm col-xs-12" >
        
            	<div id="media-img-xs" class="media-img-xs" style="overflow-x:auto;overflow-y:hidden; height:75vh;">
                <div style="width:5000px;">
                
                <div style="float:left;">
                <p>Hong Kong Economic Journal<br>(19 September 2016)</p>
                <a title="HKEJ" class="boxer" rel="gallery" href="index-date/img/media/10.jpg">
                <img src="index-date/img/media/10.jpg" class="media-img-xs" ></a>
                </div>
                
                <div style="float:left;">
                <p>Hong Kong Economic Times<br>(22 July 2016)</p>
                <a title="HKET" class="boxer" rel="gallery" href="index-date/img/media/04.jpg">
                <img src="index-date/img/media/04.jpg" class="media-img-xs" ></a>
                </div>

                <div style="float:left;">
                <p>Cosmopolitan<br>(16 July 2016)</p>
                <a title="Cosmopolitan" class="boxer" rel="gallery" href="index-date/img/media/02.jpg">
                <img src="index-date/img/media/02.jpg" class="media-img-xs" ></a>
                </div>
                
                <div style="float:left;">
                <a href="http://topick.hket.com/article/1462705"><p>Topick<br>(13 July 2016)</p></a>
                <a title="Topick" class="boxer" rel="gallery" href="index-date/img/media/08.jpg">
                <img src="index-date/img/media/08.jpg" class="media-img-xs" ></a>
                </div>
                
                <div style="float:left;">
                <p>On.CC <br>(16 August 2016)</p>
                <a title="Oncc" class="boxer" rel="gallery" href="index-date/img/media/05.jpg">
                <img src="index-date/img/media/05.jpg" class="media-img-xs" ></a>
                </div>
                
                <div style="float:left;">
                <p>Headline Daily<br>(18 Aug 2016)</p>
                <a title="Headline Daily" rel="gallery" class="boxer" href="index-date/img/media/09.jpg">
                <img src="index-date/img/media/09.jpg" class="media-img-xs" ></a>
                </div>
                
                <div style="float:left;">
                <p>Vivian Chow's Testimonial<br>(10 July 2016)</p>
                <a title="Vivian Chow's Facebook" rel="gallery" class="boxer" href="index-date/img/media/07.jpg">
                <img src="index-date/img/media/07.jpg" class="media-img-xs" ></a>
                </div>
                
                <div style="float:left;">
                <p>Luk Hoo's Testimonial<br>(20 July 2016)</p>
                <a title="Luk Hoo's Facebook" rel="gallery" class="boxer" href="index-date/img/media/03.jpg">
                <img src="index-date/img/media/03.jpg" class="media-img-xs" ></a>
                </div>


                <div style="float:left; width:450px">
                <p>Kimman Wong's Testimonial<br>(25 July 2016)</p>
                <a title="Kimman Wong's Facebook" rel="gallery" class="boxer" href="index-date/img/media/06.jpg">
                <img src="index-date/img/media/06.jpg" class="media-img-xs" ></a>
                </div>
                

				</div>
				</div>
                </div>
                
                <div style="width:100%; margin-top:40px">
                <img class="img-hidden" src="index-date/img/product-text-bb.png" style=" padding-top:15px; width:80vw;">
                </div>

	</div>
    
    <!-----------------分隔線---------------->
    
    <div class="section" id="section4">
                <div style="width:100%; margin-bottom:10px"><h2><img class="img-hidden" src="index-date/img/product-text-tl.png" style="width:28vw;" >&nbsp;&nbsp;&nbsp;Social Media&nbsp;&nbsp;&nbsp;<img class="img-hidden" src="index-date/img/product-text-tr.png" style="width:28vw;"></h2></div>
		<div class="intro">
        <div class=" col-lg-12 hidden-md hidden-sm hidden-xs "  >
        <div style="width:500px; height:285px;margin:auto">
        <div class="fb-video" data-href="https://www.facebook.com/sayvour/videos/634057080095668/"  
  data-allowfullscreen="true" data-width="500" style="margin-bottom:50PX"></div> 
  </div>    
  <!--IG--> 
            	<div class="media-img" style="overflow-x:auto;overflow-y:hidden; height:100%;-webkit-overflow-scrolling: touch; margin-top:20px">
                <div style="width:3960px;">  <!--330PX(每個IG的width)X(多少個IG) -->      
   
                    
  <!-- ig card 01-->              
<div class="ig_card" style="float:left">

<div class="ig_header">
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
<span>Chocolate</span>
</div>

<a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
<div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
</div></a>

<div class="ig_footer">
<div style="line-height: 32px; font-size: 12px;">
<a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
<a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
</div>
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<div class="ig_logo"></div>
</a>
</div>

</div>
<div class="ig_card" style="float:left">

<div class="ig_header">
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
<span>Chocolate</span>
</div>

<a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
<div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
</div></a>

<div class="ig_footer">
<div style="line-height: 32px; font-size: 12px;">
<a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
<a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
</div>
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<div class="ig_logo"></div>
</a>
</div>

</div>
<div class="ig_card" style="float:left">

<div class="ig_header">
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
<span>Chocolate</span>
</div>

<a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
<div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
</div></a>

<div class="ig_footer">
<div style="line-height: 32px; font-size: 12px;">
<a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
<a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
</div>
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<div class="ig_logo"></div>
</a>
</div>

</div>
<div class="ig_card" style="float:left">

<div class="ig_header">
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
<span>Chocolate</span>
</div>

<a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
<div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
</div></a>

<div class="ig_footer">
<div style="line-height: 32px; font-size: 12px;">
<a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
<a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
</div>
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<div class="ig_logo"></div>
</a>
</div>

</div>
<div class="ig_card" style="float:left">

<div class="ig_header">
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
<span>Chocolate</span>
</div>

<a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
<div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
</div></a>

<div class="ig_footer">
<div style="line-height: 32px; font-size: 12px;">
<a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
<a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
</div>
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<div class="ig_logo"></div>
</a>
</div>

</div>
<div class="ig_card" style="float:left">

<div class="ig_header">
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
<span>Chocolate</span>
</div>

<a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
<div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
</div></a>

<div class="ig_footer">
<div style="line-height: 32px; font-size: 12px;">
<a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
<a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
</div>
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<div class="ig_logo"></div>
</a>
</div>

</div>
  <!-- ig card 01--> 
  </div>
  </div>
  <!--IG--> 
                
				</div>

            	<div class=" hidden-lg col-md-12 col-sm-12 hidden-xs "  >
  <!--IG--> 
            	<div style="overflow-x:auto;overflow-y:hidden; height:100%;-webkit-overflow-scrolling: touch; margin-top:20px">
                <div style="width:4000px;">  <!--330PX(每個IG的width)X(多少個IG) -->
                
       <div  style="width:650px; float:left; margin-right:20px">
        <div class="fb-video" data-href="https://www.facebook.com/sayvour/videos/634057080095668/"  
  data-allowfullscreen="true"  style="margin-bottom:50PX"></div> 
  </div>                 
  <!-- ig card 01-->              
<div class="ig_card" style="float:left">

<div class="ig_header">
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
<span>Chocolate</span>
</div>

<a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
<div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
</div></a>

<div class="ig_footer">
<div style="line-height: 32px; font-size: 12px;">
<a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
<a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
</div>
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<div class="ig_logo"></div>
</a>
</div>

</div>
<div class="ig_card" style="float:left">

<div class="ig_header">
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
<span>Chocolate</span>
</div>

<a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
<div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
</div></a>

<div class="ig_footer">
<div style="line-height: 32px; font-size: 12px;">
<a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
<a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
</div>
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<div class="ig_logo"></div>
</a>
</div>

</div>
<div class="ig_card" style="float:left">

<div class="ig_header">
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
<span>Chocolate</span>
</div>

<a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
<div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
</div></a>

<div class="ig_footer">
<div style="line-height: 32px; font-size: 12px;">
<a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
<a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
</div>
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<div class="ig_logo"></div>
</a>
</div>

</div>
<div class="ig_card" style="float:left">

<div class="ig_header">
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
<span>Chocolate</span>
</div>

<a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
<div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
</div></a>

<div class="ig_footer">
<div style="line-height: 32px; font-size: 12px;">
<a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
<a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
</div>
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<div class="ig_logo"></div>
</a>
</div>

</div>
<div class="ig_card" style="float:left">

<div class="ig_header">
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
<span>Chocolate</span>
</div>

<a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
<div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
</div></a>

<div class="ig_footer">
<div style="line-height: 32px; font-size: 12px;">
<a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
<a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
</div>
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<div class="ig_logo"></div>
</a>
</div>

</div>
<div class="ig_card" style="float:left">

<div class="ig_header">
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
<span>Chocolate</span>
</div>

<a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
<div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
</div></a>

<div class="ig_footer">
<div style="line-height: 32px; font-size: 12px;">
<a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
<a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
</div>
<a href="https://www.instagram.com/sayvour_hk" target="_blank">
<div class="ig_logo"></div>
</a>
</div>

</div>
  <!-- ig card 01--> 
  </div>
  </div>
  <!--IG--> 
                
				</div>

		</div>
                        <div style="width:100%; margin-top:40px">
                <img class="img-hidden" src="index-date/img/product-text-bb.png" style=" padding-top:15px; width:80vw;">
                </div>
	</div>

    <!-----------------分隔線---------------->
    
    <div class="section" id="section5">
		<div class="intro">
            	<div class="col-lg-6 col-md-6 col-sm-6 hidden-xs " >
                	<div>
        <h2><img class="img-hidden" src="index-date/img/about-text-tl.png">&nbsp;&nbsp;&nbsp;Contact Us&nbsp;&nbsp;&nbsp;<img class="img-hidden" src="index-date/img/about-text-tr.png"></h2>
                   	</div>
                    <p><br></p>
                    <div class="text-xs">
                    <p style="width:60% !important">Contact us if you need some tailor-made special gifts for your future gatherings, occasions, corporate functions or wedding celebrations. We will definitely provide you with an exclusive customised premium selection.</p>
                    <br><p>For enquiry and order, please contact us at:
                    </p>
                    <br></p>
                    
                    
                    <table style="text-align:start;margin: 0 auto;" align="center" >
                    
                    <tr>
                    <td style="padding-right:30px; width:150px"><p><strong>E-mail:</strong></td>
                    <td><a href="mailto:info@sayvour.com.hk">info@sayvour.com.hk</a></td>
                    </tr>
                    
                    <tr>
                    <td style="padding-right:30px; width:150px"><p><strong>Tel:</strong></td>
                    <td><a href="tel:29510005">+852&nbsp;2951 0005</a></td>
                    </tr>
                    
                    <tr>
                    <td style="padding-right:30px; width:150px"><p><strong>Fax:</strong></td>
                    <td><a href="tel:29510565">+852&nbsp;2951 0565</a></td>
                    </tr>
                    
                    <tr>
                    <td style="padding-right:30px; width:150px"><p><strong>Address:</strong></td>
                    <td><a>6/F, Prosperity Industrial Building, <br>89 Wai Yip Street, Kowloon Bay, Kowloon</a></td>
                    </tr>
                    <tr>
                    <td style="padding-right:30px; width:150px"><p><strong>Website:</strong></p></td>
                    <td><a href="http://www.sayvour.com.hk">www.sayvour.com.hk</a></td>
                    </tr>
					</table>	<br>
					<img class="img-hidden" src="index-date/img/about-text-bb.png">
				</div>
                </div>
                
                
                <div class="Contact-text hidden-lg hidden-md hidden-sm col-xs-12" >
                	<div>
        <h2><img class="img-hidden" src="index-date/img/about-text-tl.png">&nbsp;&nbsp;&nbsp;Contact Us&nbsp;&nbsp;&nbsp;<img class="img-hidden" src="index-date/img/about-text-tr.png"></h2>
                   	</div>
                    <p><br></p>
                    <div class="text-xs">
                    <p style="font-size:16px">Contact us if you need some tailor-made special gifts for your future gatherings, occasions, corporate functions or wedding celebrations. We will definitely provide you with an exclusive customised premium selection.</p>
                    <br><p style="font-size:16px">For enquiry and order, please contact us at:</p><br>

                    
                    
                    <table style=" width:80%; margin:0 auto; ">
                    
                    <tr>
                    <td><img class="logo-h" src="index-date/img/logo/contact-m.png"></td>	
                    <td><p><a style="font-size:15px !important" href="mailto:info@sayvour.com.hk">info@sayvour.com.hk</a></p></td>	
                    </tr>
                    
                    <tr>
                    <td>&nbsp;</td>
                    </tr>
                    
                    <tr>
                    <td><img class="logo-h" src="index-date/img/logo/contact-p.png"></td>
                    <td><p><a style="font-size:15px !important" href="tel:29510005">+852&nbsp;2951 0005</a></p></td>
                    </tr>
                    
                    <tr>
                    <td>&nbsp;</td>
                    </tr>

                    <tr>
                    <td><img class="logo-h" src="index-date/img/logo/contact-a.png"></td>
                    <td><p><a style="font-size:15px !important">6/F, Prosperity Industrial Building,
                    89 Wai Yip Street, Kowloon Bay,
                    Kowloon</a></p></td>
                    </tr>
                    
                    </table>

                    </div>

                    

					<img class="img-hidden" src="index-date/img/about-text-bb.png">
				</div>

		</div>
	</div>





</div>



<!------------- mobile web ------------------>

<div id="mobilepage" class="hidden-lg hidden-md hidden-sm col-xs-12" > 

	<nav class="clearfix">
		<ul class="clearfix">
			<li><a href="#m-p-01">About Us</a></li>
			<li><a href="#m-p-02">Order Now</a></li>
			<li><a href="#m-p-03">Press</a></li>
			<li><a href="#m-p-04">Social Media</a></li>
			<li><a href="#m-p-05">Contact Us</a></li>
		</ul>
		<a href="#" id="pull">Menu</a>
	</nav>
    

    
    <div id="m-body" style=" overflow:auto !important">
    <div style="">
		<div id="m-p-01" class="col-xs-12" style="margin:20px 0px; padding:0px 0px">
        		<h2 style="font-size:21px; text-align:center"><strong>About Sayvour</strong></h2>
        		<p style="text-align:center; color:#7b4612; margin:auto">
Sayvour is an artisan confectionary specialising in handmade chocolates and pastries by using high quality ingredients from around the world. Our team is passionate about creating delicate confections which provide our customers with joyful tasting experience and bring people closer by giving away our personalised delicacies.
      			</p>


    
            <div class="flexslider col-xs-12" style="margin-bottom: 50px; margin-top:20px">
          <ul class="slides">
            <li>
  	    	    <img src="index-date/img/bg/01.jpg" />
  	    		</li>
  	    		<li>
  	    	    <img src="index-date/img/bg/02.jpg" />
  	    		</li>
  	    		<li>
  	    	    <img src="index-date/img/bg/03.jpg" />
  	    		</li>
  	    		<li>
  	    	    <img src="index-date/img/bg/04.jpg" />
  	    		</li>
          </ul>
          		</div>
        </div>
        
        
        <div id="m-p-02"  class="col-xs-12"  style="padding:0px 0px">
        		<h2 style="font-size:21px; text-align:center"><strong>Welcome to Sayvour’s e-Shop!</strong></h2>
		<p style="text-align:center; color:#7b4612; margin:auto">
        
        All our products are made to order freshly by hand and will be delivered to your designated address according to your scheduled delivery time. The earliest delivery time will be in 2 days upon your confirmation by 4pm from Monday to Thursday; or in 3 days upon your confirmation by 4pm from Friday to Sunday. No delivery on Sunday and public holidays.
        </p>



            <div style="padding-top:15px; text-align-last:center" class="hidden-lg hidden-md hidden-sm col-xs-12">
                <div class="col-xs-12 p-img-xs">
                <a href="e-shop.php?belong=Chocolates"><img src="index-date/img/product/01-chocolates-xs.jpg" class="p-to-e-img-xs"></a>
                </div>
                <div class="col-xs-12 p-img-xs">
                <a href="e-shop.php?belong=Pastries"><img src="index-date/img/product/02-Pastries-xs.jpg" class="p-to-e-img-xs"></a>
                </div>
                <div class="col-xs-12 p-img-xs">
                <a href="e-shop.php?belong=Bespoke_Products_for_Occasions"><img src="index-date/img/product/03-Wedding-Event-xs.jpg" class="p-to-e-img-xs"></a>
                </div>
            	</div>
                </div>
                
                
        <div id="m-p-03"  class="col-xs-12" style="padding:0px 0px">
        		<h2 style="font-size:21px; text-align:center; margin-top:20px"><strong>Press</strong></h2>
                <div  class="intro hidden-lg hidden-md hidden-sm col-xs-12" >
        
            	<div style="overflow-x:auto;overflow-y:hidden; height:480px;">
                <div style="width:5000px;">
                
                <div style="float:left;">
                <p>Hong Kong Economic Journal<br>(19 September 2016)</p>
                <a title="HKEJ" class="boxer" rel="gallery" href="index-date/img/media/10.jpg">
                <img src="index-date/img/media/10.jpg" class="media-img-xs" ></a>
                </div>
                
                <div style="float:left;">
                <p>Hong Kong Economic Times<br>(22 July 2016)</p>
                <a title="HKET" class="boxer" rel="gallery" href="index-date/img/media/04.jpg">
                <img src="index-date/img/media/04.jpg" class="media-img-xs" ></a>
                </div>

                <div style="float:left;">
                <p>Cosmopolitan<br>(16 July 2016)</p>
                <a title="Cosmopolitan" class="boxer" rel="gallery" href="index-date/img/media/02.jpg">
                <img src="index-date/img/media/02.jpg" class="media-img-xs" ></a>
                </div>
                
                <div style="float:left;">
                <a href="http://topick.hket.com/article/1462705"><p>Topick<br>(13 July 2016)</p></a>
                <a title="Topick" class="boxer" rel="gallery" href="index-date/img/media/08.jpg">
                <img src="index-date/img/media/08.jpg" class="media-img-xs" ></a>
                </div>
                
                <div style="float:left;">
                <p>On.CC <br>(16 August 2016)</p>
                <a title="Oncc" class="boxer" rel="gallery" href="index-date/img/media/05.jpg">
                <img src="index-date/img/media/05.jpg" class="media-img-xs" ></a>
                </div>
                
                <div style="float:left;">
                <p>Headline Daily<br>(18 Aug 2016)</p>
                <a title="Headline Daily" rel="gallery" class="boxer" href="index-date/img/media/09.jpg">
                <img src="index-date/img/media/09.jpg" class="media-img-xs" ></a>
                </div>
                
                <div style="float:left;">
                <p>Vivian Chow's Testimonial<br>(10 July 2016)</p>
                <a title="Vivian Chow's Facebook" rel="gallery" class="boxer" href="index-date/img/media/07.jpg">
                <img src="index-date/img/media/07.jpg" class="media-img-xs" ></a>
                </div>
                
                <div style="float:left;">
                <p>Luk Hoo's Testimonial<br>(20 July 2016)</p>
                <a title="Luk Hoo's Facebook" rel="gallery" class="boxer" href="index-date/img/media/03.jpg">
                <img src="index-date/img/media/03.jpg" class="media-img-xs" ></a>
                </div>


                <div style="float:left; width:450px">
                <p>Kimman Wong's Testimonial<br>(25 July 2016)</p>
                <a title="Kimman Wong's Facebook" rel="gallery" class="boxer" href="index-date/img/media/06.jpg">
                <img src="index-date/img/media/06.jpg" class="media-img-xs" ></a>
                </div>
                

				</div>
				</div>
                </div>
                </div>


		<div id="m-p-04" class="col-xs-12" style="margin:20px 0px; padding:0px 0px">
        <h2 style="font-size:21px; text-align:center"><strong>Social Media</strong></h2>
                
        <div class="fb-video" data-href="https://www.facebook.com/sayvour/videos/634057080095668/" data-allowfullscreen="true" data-width="500" style="margin-bottom:50PX"></div> 

        <div  style="overflow-x:auto;overflow-y:hidden; height:100%;-webkit-overflow-scrolling: touch; margin-top:20px">
        <div style="width:1980px;">  <!--330PX(每個IG的width)X(多少個IG) -->      
        <!-- ig card 01-->              
        <div class="ig_card" style="float:left">
                
                <div class="ig_header">
                <a href="https://www.instagram.com/sayvour_hk" target="_blank">
                <span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
                <span>Chocolate</span>
                </div>
                
                <a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
                <div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
                </div></a>
                
                <div class="ig_footer">
                <div style="line-height: 32px; font-size: 12px;">
                <a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
                <a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
                </div>
                <a href="https://www.instagram.com/sayvour_hk" target="_blank">
                <div class="ig_logo"></div>
                </a>
                </div>
                
                </div>        
        <div class="ig_card" style="float:left">
                
                <div class="ig_header">
                <a href="https://www.instagram.com/sayvour_hk" target="_blank">
                <span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
                <span>Chocolate</span>
                </div>
                
                <a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
                <div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
                </div></a>
                
                <div class="ig_footer">
                <div style="line-height: 32px; font-size: 12px;">
                <a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
                <a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
                </div>
                <a href="https://www.instagram.com/sayvour_hk" target="_blank">
                <div class="ig_logo"></div>
                </a>
                </div>
                
                </div>        
        <div class="ig_card" style="float:left">
                
                <div class="ig_header">
                <a href="https://www.instagram.com/sayvour_hk" target="_blank">
                <span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
                <span>Chocolate</span>
                </div>
                
                <a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
                <div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
                </div></a>
                
                <div class="ig_footer">
                <div style="line-height: 32px; font-size: 12px;">
                <a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
                <a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
                </div>
                <a href="https://www.instagram.com/sayvour_hk" target="_blank">
                <div class="ig_logo"></div>
                </a>
                </div>
                
                </div>        
        <div class="ig_card" style="float:left">
                
                <div class="ig_header">
                <a href="https://www.instagram.com/sayvour_hk" target="_blank">
                <span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
                <span>Chocolate</span>
                </div>
                
                <a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
                <div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
                </div></a>
                
                <div class="ig_footer">
                <div style="line-height: 32px; font-size: 12px;">
                <a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
                <a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
                </div>
                <a href="https://www.instagram.com/sayvour_hk" target="_blank">
                <div class="ig_logo"></div>
                </a>
                </div>
                
                </div>        
        <div class="ig_card" style="float:left">
                
                <div class="ig_header">
                <a href="https://www.instagram.com/sayvour_hk" target="_blank">
                <span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
                <span>Chocolate</span>
                </div>
                
                <a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
                <div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
                </div></a>
                
                <div class="ig_footer">
                <div style="line-height: 32px; font-size: 12px;">
                <a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
                <a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
                </div>
                <a href="https://www.instagram.com/sayvour_hk" target="_blank">
                <div class="ig_logo"></div>
                </a>
                </div>
                
                </div>        
        <div class="ig_card" style="float:left">
                
                <div class="ig_header">
                <a href="https://www.instagram.com/sayvour_hk" target="_blank">
                <span style="float:left"><img src="index-date/img/sayvour-icon-02.png" style="width:18px">Sayvour</span></a> 
                <span>Chocolate</span>
                </div>
                
                <a href="https://www.instagram.com/p/BLG2qAghSl1" target="_blank">
                <div class="ig_media" style="background-image: url('https://www.instagram.com/p/BLG2qAghSl1/media');">
                </div></a>
                
                <div class="ig_footer">
                <div style="line-height: 32px; font-size: 12px;">
                <a data-open="model_igg_email" data-uuid="5cf90c" class="button ig_button igg_before" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" aria-controls="model_igg_email" aria-haspopup="true" tabindex="0" href="https://www.instagram.com/p/BLG2qAghSl1">More info</a> 
                <a data-uuid="5cf90c" class="button ig_button igg_after" data-style-id="BBCi-OSQLvn" data-mixpanel-id="landing_v2_start_igg_count" href="https://www.instagram.com/p/BLG2qAghSl1" style="display:none;" target="_blank">More info</a>
                </div>
                <a href="https://www.instagram.com/sayvour_hk" target="_blank">
                <div class="ig_logo"></div>
                </a>
                </div>
                
                </div>        
        <!-- ig card 01--> 
        </div>
        </div>
        </div>
          
          
		<div id="m-p-05" class="col-xs-12" style="margin:20px 0px; padding:0px 0px">
        <h2 style="font-size:21px; text-align:center"><strong>Contact Us</strong></h2>
        

                    <p style="text-align:center; color:#7b4612; margin:auto">
                    Contact us if you need some tailor-made special gifts for your future gatherings, occasions, corporate functions or wedding celebrations. We will definitely provide you with an exclusive customised premium selection.</p>
                    <br><p style="font-size:16px">For enquiry and order, please contact us at:</p><br>

                <form method="post" action="includes/add-message.php" >
                    <div class="modal-body">
                    	<div class="form-group">
                        	<input name="name" class="form-control" value="<?php echo @$_SESSION["username"]; ?>" placeholder="Enter your name" required>
                        </div>
                        
                    	<div class="form-group">
                        	<input name="email" value="<?php echo @$_SESSION["email"]; ?>" type="email" class="form-control" placeholder="Enter your email" required>
                        </div>
                        
                    	<div class="form-group">
                        	<input name="phone" value="<?php echo @$_SESSION["phone"]; ?>" class="form-control" placeholder="Enter your phone" pattern="[0-9]{8}" title="八位的電話號碼" required>
                        </div>
                        
                        <div class="form-group">
                        	<textarea name="message" class="form-control" rows="3" placeholder="Enter your message" required></textarea>
                        </div>
                    </div>
                    
                    <div class="modal-footer">

                        
                        <input type="submit" name="submit" value="Send" class="btn btn-info" />
                    </div>
                </form>  
                                  
                    <table style=" width:100%; margin:0 auto; ">
                    
                    <tr>
                    <td><img class="logo-h" src="index-date/img/logo/contact-m.png"></td>	
                    <td style="padding-left:20px"><p><a style="font-size:15px !important" href="mailto:info@sayvour.com.hk">info@sayvour.com.hk</a></p></td>	
                    </tr>
                    
                    <tr>
                    <td>&nbsp;</td>
                    </tr>
                    
                    <tr>
                    <td><img class="logo-h" src="index-date/img/logo/contact-p.png"></td>
                    <td style="padding-left:20px"><p><a style="font-size:15px !important" href="tel:29510005">+852&nbsp;2951 0005</a></p></td>
                    </tr>
                    
                    <tr>
                    <td>&nbsp;</td>
                    </tr>

                    <tr>
                    <td><img class="logo-h" src="index-date/img/logo/contact-a.png"></td>
                    <td style="padding-left:20px"><p><a style="font-size:15px !important">6/F, Prosperity Industrial Building,
                    89 Wai Yip Street, Kowloon Bay,
                    Kowloon</a></p></td>
                    </tr>
                    
                    </table>

          			</div>
            
</div>
</div>
</div>





</body>
</html>
