<!DOCTYPE html>
<html>
<head>
<title>Snacks by Nucre Patisseries</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<style>

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

span {
  display: block;
  position: absolute;
  width: 30px;
  z-index: 10;
  height: 30px;
  cursor: pointer;
  border-radius: 0px;
  -webkit-transition: all .3s ease, -webkit-transform .2s ease;
          transition: all .3s ease, transform .2s ease;
  background: -webkit-linear-gradient(top, transparent 0%, transparent 20%, #2E313C 20%, #2E313C 23%, transparent 23%, transparent 48%, #2E313C 48%, #2E313C 50%, transparent 47%, transparent 76%, #2E313C 76%, #2E313C 78%, transparent 78%), -webkit-linear-gradient(transparent, transparent);
  background: linear-gradient(to bottom, transparent 0%, transparent 20%, #2E313C 20%, #2E313C 23%, transparent 23%, transparent 48%, #2E313C 48%, #2E313C 50%, transparent 47%, transparent 76%, #2E313C 76%, #2E313C 78%, transparent 78%), linear-gradient(transparent, transparent);
}


span:active, span:hover {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}

span.clicked{
  background: -webkit-linear-gradient(135deg, transparent 0%, transparent 48%, #2E313C 49%, #2E313C 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(45deg, transparent 0%, transparent 48%, #2E313C 49%, #2E313C 51%, transparent 51%, transparent 100%);
  background: linear-gradient(-45deg, transparent 0%, transparent 48%, #2E313C 49%, #2E313C 51%, transparent 51%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 48%, #2E313C 49%, #2E313C 51%, transparent 51%, transparent 100%);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
span.clicked:active, span.clicked:hover {
  -webkit-transform: scale(0.9) rotate(180deg);
      -ms-transform: scale(0.9) rotate(180deg);
          transform: scale(0.9) rotate(180deg);
}

.overlay.closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  width = 0%
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

@media only screen and (max-device-width: 1000px){ 
html {
  background: url(https://www.dropbox.com/s/mloov1fxl7sx8vg/Nucre_wallpaper.jpg?raw=1) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  backgroud-size: cover;
  width: 500px;
  height: 900px;
  background-attachment: fixed;
}
}

@media only screen and (min-device-width: 1200px){ 
html {
  background: url(https://www.dropbox.com/s/mloov1fxl7sx8vg/Nucre_wallpaper.jpg?raw=1) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  backgroud-size: cover;
  background-attachment: fixed;
}
}

.img1 {
	-webkit-animation: fadein 5s linear 1 normal forwards;
	z-index: 0;
	position: relative;
	padding: 100px 0;
	
}

@-webkit-keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

.img.logo {
   display:inline-block;
   margin-left:auto;
   margin-right:auto;
   width:400px;
   height:312px;
}

#outter {
  width: 350px;
  padding: 0;
  margin: 0 auto;
}

#txt1, #txt2{
  width: 50%;
  float: left;
  text-align: center;
}

</style>
</head>

<html><body background></html>

<span id="x" cursor:pointer" onclick="openNav()"></span>
<div id="myNav" class="overlay">
  <div class="closebtn" onclick="closeNav()"></div>
  <div class="overlay-content">
    <a href="https://www.nucrepatisseries.com">Home</a>
    <a href="https://www.nucrepatisseries.com/nucre_about.html">Origin</a>
    <a href="https://www.nucrepatisseries.com/nucre_cakes.html">Gâteaux & Entremet</a>
    <a href="https://www.nucrepatisseries.com/nucre_snacks.html">Health Snacks</a>
    <a href="https://www.nucrepatisseries.com/nucre_wagashi.html">和菓子</a>
    <a href="https://www.nucrepatisseries.com/nucre_kadou.html">菓道</a>
  </div>
</div>

<div style="clear:both;"></div>
<center><div class="img1"><img src="https://www.dropbox.com/s/40eq1zvlpz19ncd/nucre-100x100-tranparent.png?raw=1" alt="NucreLogo"></div></center>

<center><div id="social">
  <a href="https://www.facebook.com/isaachwj/"><img src="https://i.postimg.cc/3RP6wM6x/1547481788356-643957178.png" alt="FbNucre" class="center" style= "width: 30px; height: 30px;"></a>
  <a href="https://www.instagram.com/nucre_isaac/"><img src="https://i.postimg.cc/Y2WZs9GG/1547481674796372646588.png" alt="InstaNucre" style= "width: 30px;" class="center"></a>
  <a href="mailto:isaachwj@gmail.com"><img src="https://i.postimg.cc/m282ntMN/1547469571104-136257635.png" alt="Gmail" style= "width: 30px; height: 30px;" class="center"></a>
</div></center>


<h2 style="color:black;
	font-family:Times New Roman;
	font-size:300%;
	text-align:center;
	margin-bottom: 0px;"><i>Health Snacks</i></h2>

<center><a data-flickr-embed="true" href="https://www.flickr.com/photos/169871465@N07/49809035918/in/dateposted-public/" title="2020-03-30 05.48.53 1"><img src="https://live.staticflickr.com/65535/49809035918_7ab67f563b_n.jpg" width="320" height="180" alt="2020-03-30 05.48.53 1"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script></center>

<p style="color: #663300; text-align:center; font-size:120%;"><b>Crispies (Best-Seller)</b></p>
<p style="color: black; text-align:center;">Multiseed (Flax, Sunflower Pumpkin, etc)<br>No Sugar<br>Price: RM12 per can<br>*Contain nuts<br></p>

<center><a href="https://m.me/isaachwj" style="color:#3366cc;"><b>Pre-order now</b></a></center><br>

<center><br><a data-flickr-embed="true" href="https://www.flickr.com/photos/169871465@N07/51876763558/in/dateposted-public/" title="20210928_132038"><img src="https://live.staticflickr.com/65535/51876763558_36166102f3_b.jpg" width="320" height="280" alt="20210928_132038"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script></center>

<p style="color: #008000; text-align:center; font-size:120%;"><b>Hi-Fi Cookies</b></p>
<p style="color: #black; text-align:center;">(Matcha, Chocolate, Almond)<br>Price: RM15 per can<br>*Contain nuts<br></p>

<center><a href="https://m.me/isaachwj" style="color:#3366cc;"><b>Pre-order now</b></a></center><br>


<center><br><a data-flickr-embed="true" href="https://www.flickr.com/photos/169871465@N07/49809891542/in/dateposted-public/" title="2020-03-31 05.19.55 1"><img src="https://live.staticflickr.com/65535/49809891542_aaa9d216b3_n.jpg" width="320" height="180" alt="2020-03-31 05.19.55 1"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script></center>

<p style="color: #990000; text-align:center; font-size:120%;"><b>Nutritious Mochi Cake</b></p>
<p style="color: #black; text-align:center;">Mochi with Jujube Dates, Pumpkin Seed and etc<br>Price: RM30 per set (6pcs)<br>*Contain nuts<br></p>

<center><a href="https://m.me/isaachwj" style="color:#3366cc;"><b>Pre-order now</b></a></center><br>

<p style="color: #000000; text-align:center; font-size:300%;"><b>Indulgence Snacks</b></p>

<center><br><a data-flickr-embed="true" href="https://www.flickr.com/photos/169871465@N07/51877329320/in/dateposted-public/" title="20210527_104219"><img src="https://live.staticflickr.com/65535/51877329320_415a95c37a_b.jpg" width="320" height="213" alt="20210527_104219"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script></center>

<p style="color: #4d2600; text-align:center; font-size:120%;"><b>Indulgent Bar</b></p>
<p style="color: #black; text-align:center;">(Chocolate, Matcha, Coffee)<br>Price: RM15 per bar (3pcs), RM40 per set (3 bars) <br>*Contain nuts</p>

<center><a href="https://m.me/isaachwj" style="color:#3366cc;"><b>Pre-order now</b></a></center><br>

<center><br><a data-flickr-embed="true" href="https://www.flickr.com/photos/169871465@N07/51876708763/in/dateposted-public/" title="20220110_104653"><img src="https://live.staticflickr.com/65535/51876708763_ccf7d7d812_b.jpg" width="320" height="250" alt="20220110_104653"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script></center>

<p style="color: #008000; text-align:center; font-size:120%;"><b>Parfait</b></p>
<p style="color: #black; text-align:center;">More than 6 components with different texture and flavors in each selection<br>(Matcha, Dark Chocolate, Coffee)<br>Price: RM25 per can, RM65 per set (3 cans)<br></p>

<center><a href="https://m.me/isaachwj" style="color:#3366cc;"><b>Pre-order now</b></a></center><br>

<center><br><a data-flickr-embed="true" href="https://www.flickr.com/photos/169871465@N07/49809591876/in/dateposted-public/" title="2020-01-04 02.50.18 1"><img src="https://live.staticflickr.com/65535/49809591876_3fab4bbb08_n.jpg" width="320" height="180" alt="2020-01-04 02.50.18 1"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script></center>

<p style="color: #009900; text-align:center; font-size:120%;"><b>Melting Moment</b></p>
<p style="color: black; text-align:center;">1) Uji Matcha<br>2) Okinawa Purple Sweet Potato<br>3) Houjicha<br>Price: RM15 per can<br>*Low Sugar</p>

<center><a href="https://m.me/isaachwj" style="color:#3366cc;"><b>Pre-order now</b></a></center><br>




<script>

function openNav() {
document.getElementById("myNav").style.width = "100%"; 
}

document.getElementById('x').addEventListener('click', function () {
    if (this.classList.contains('clicked')) {
      this.classList.remove('clicked');
	document.getElementById("myNav").style.width = "0%";
    } else {
      this.classList.add('clicked');
    }
  });

</script>

</body>
</html>