<!DOCTYPE html>
<html>
<head>
<title>Cakes 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>

<body>

<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>

<div style="clear:both;"></div>
<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:200%;
	text-align:center;
	margin-bottom: 0px;"><i>Gâteaux & Entremet</i></h2>

<center><div>
     <a data-flickr-embed="true"  href="https://www.flickr.com/photos/169871465@N07/48503822816/in/dateposted-public/" title="Yin Yang Tiramisu"><img src="https://live.staticflickr.com/65535/48503822816_8bfdfac6dd_n.jpg" width="320" height="213" alt="Yin Yang Tiramisu"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
     <a data-flickr-embed="true"  href="https://www.flickr.com/photos/169871465@N07/48503824156/in/dateposted-public/" title="Yin Yang Tiramisu"><img src="https://live.staticflickr.com/65535/48503824156_3d9d177d2a_n.jpg" width="320" height="180" alt="Yin Yang Tiramisu"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
</div></center>

<div id="outter">
<div id="txt1" style="color: black"><b>Yang (White):</b><br>Mascarpone Mousse<br>Almond Jaconde<br>Almond Crunch<br>
Kahlua Espresso Gelée<br>Espresso Crémeux</div>

<div id="txt2" style="color: black"><b>Ying (Black):</b><br>Uji Matcha Mousse<br>Black Sesame Jaconde<br>Black Sesame Croustillant<br>
Roasted Soybean Créme<br>Red Bean Jam</div>
<div style="clear:both"></div>
</div>


<p style="text-align:center; color: #999966; font-size:120%;"><b>Ying Yang Tiramisu (Signature)</b></p>
<p style="text-align:center; color: black;">Price: RM250 (13 inches)<br>RM135 (7 inches)<br>*Contains nuts and alcohol</p>

<center><a href="https://m.me/isaachwj" style="color:#3366cc;"><b>Pre-order now</b></a></center><br>

<center><a data-flickr-embed="true" href="https://www.flickr.com/photos/169871465@N07/49800973008/in/dateposted-public/" title="2019-10-24 11.12.11 1"><img src="https://live.staticflickr.com/65535/49800973008_485cf73c6e_n.jpg" width="320" height="180" alt="2019-10-24 11.12.11 1"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script></script></center>

<p style="color: #009900; text-align:center; font-size:120%;"><b>Heavenly Pandan</b></p>
<p style="color: black; text-align:center;">Coconut Pandan Jaconde Biscuit<br>Kaya Crémeux<br>Pandan Buttercream<br>
Peanut Coconut Crunch<br>Price: RM95 (7 inches)<br>*Size can be customize<br>*Contains 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/48503825936/in/dateposted-public/" title="Choco-Nut"><img src="https://live.staticflickr.com/65535/48503825936_fe90bdb6f0_n.jpg" width="320" height="213" alt="Choco-Nut"></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>Choco-nut</b></p>
<p style="color: black; text-align:center;">Valrhona Orelys Crémeux<br>Moist Chocolate Cake<br>Callebaut 70.5% Dark Chocolate Mousse<br>
Halzenut Pâte Sucrée<br>Raspberry Coulis<br>Price: RM100 (6 inches)<br>*Size can be customize<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/49809795972/in/dateposted-public/" title="20191018_075010"><img src="https://live.staticflickr.com/65535/49809795972_9cc8b35dc2_n.jpg" width="320" height="180" alt="20191018_075010"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script></center>

<p style="color: #800000; text-align:center; font-size:120%;"><b>Zen Matcha (Best-Seller)</b></p>
<p style="color: black; text-align:center;">Uji Matcha Mousse<br>Roasted Soybean Créme<br>Red Bean Jam<br>Black Sesame Jaconde<br>Black Sesame Croustillant<br>Price: RM125 (6 inches)<br>*Size can be customize<br>*Contain nuts and alcohol</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/48826617251/in/dateposted-public/" title="Chesnut"><img src="https://live.staticflickr.com/65535/48826617251_131a600345_n.jpg" width="320" height="213" alt="Chesnut"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script></center>

<p style="color: #cc9900; text-align:center; font-size:120%;"><b>Chestnut (New Creation!)</b></p>
<p style="color: black; text-align:center;">Chesnut Mousse<br>Cacao Barry Ghana Chocolate Crémeux<br>Black Cherry Rose Compote<br>Almond Jaconde Biscuit<br>Almond Crunch<br>Price: RM125 (6 inches)<br>*Size can be customize<br>*Contain nuts and alcohol</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/48885293006/in/dateposted-public/" title="Sakura"><img src="https://live.staticflickr.com/65535/48885293006_a721e773c7_n.jpg" width="320" height="180" alt="Sakura"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script></center>

<p style="color: #ff00ff; text-align:center; font-size:120%;"><b>Sakura (New Creation!)</b></p>
<p style="color: black; text-align:center;">Morello Cherry Mousse<br>Sakura Crémeux<br>Black Cherry Compote<br>Pistachio Jaconde Biscuit<br>Pistachio Crunch<br>Price: RM120 (6 inches)<br>*Size can be customize<br>*Contain nuts and alcohol</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/48503854886/in/dateposted-public/" title="Tropics"><img src="https://live.staticflickr.com/65535/48503854886_51a4e5e89f_n.jpg" width="320" height="213" alt="Tropics"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script></center>

<p style="color: #ffcc00; text-align:center; font-size:120%;"><b>Tropics</b></p>
<p style="color: black; text-align:center;">Pakistani Mango Mousse<br>Coconut Crémeux<br>Coconut Sponge<br>100% Gula Melaka Crunch<br>Price: RM105 (6 inches)<br>*Size can be customize<br>*Contain nuts</p>

<center><a href="https://m.me/isaachwj" style="color:#3366cc;"><b>Pre-order now</b></a></center><br>

<p style="color: black; font-size:200%; text-align:center;"><b>*Customize cake is available. Please contact me for more information :)<b></p>


<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>