index.html

---
layout: default
---
<main class="outer-container">

  <div class="bg-image">
    <img class="desktop" title="" alt="" src="image/bg.png">
    <img class="mobile" title="" alt="" src="image/bg-mobile.png">
  </div>

  <div id="logo">HUST&PI</div>

  <nav id="menu">
    <ul>
      <li><a href="https://www.tailieubkhn.com/" target="_blank">Products</a></li>
    </ul>
  </nav>

  <div class="wrapper">

    <div class="text-container">
      <div><img id="gicon" alt="G" title="G" src="image/piandhust.png"></div>
      <br />
      <br />
      <br />

      <div class="copy">

        <p>A well-known speaker started his seminar by holding up a $20 bill. In the room of 200, he asked. “Who would like this $20 bill? <span class="hide-inline"> “Hands started going up. He said, “I am going to give this $20 to one of you – but first, let me do this.” He proceeded to crumple the 20-dollar note up. He then asked. “Who still wants it?” Still, the hands were up in the air.</span>&nbsp;<a class="read-more" href="#">more</a></p>

        <div class="hide"><p>“Well,” he replied, “what if I do this?” He dropped it on the ground and started to grind it into the floor with his shoe. He picked it up, now crumpled and dirty. “Now, who still wants it?” Still, the hands went into the air. <br /></p>

        <p>“My friends, you have all learned a very valuable lesson. No matter what I did to the money, you still wanted it because it did not decrease in value. It was still worth $20. Many times in our lives, we are dropped, crumpled, and ground into the dirt by the decisions we make and the circumstances that come our way. We feel as though we are worthless; but no matter what happens or what will happen, you will never lose your value. Dirty or clean, crumpled or finely creased, you are still priceless to those who love you. The worth of our lives comes, not in what we do or who we know, but by …WHO WE ARE. You are special – don’t ever forget it.” <br /></p></div>
      </div>
      <p><i>Who would like this $20 bill?<i></p>
      <br>

    </div>

  </div>

</main>

<footer class="site-footer"></footer>

<script>
  function getHeight(el){var el_style=window.getComputedStyle(el),el_display=el_style.display,el_max_height=el_style.maxHeight.replace("px","").replace("%",""),wanted_height=0;if(el_display!=="none"&&el_max_height!=="0")return el.offsetHeight;el.style.display="block";wanted_height=el.offsetHeight;el.style.display=el_display;return wanted_height}
function toggleSlide(el){var el_max_height=0;if(el.getAttribute("data-max-height"))if(el.style.maxHeight.replace("px","").replace("%","")==="0")el.style.maxHeight=el.getAttribute("data-max-height");else el.style.maxHeight="0";else{el_max_height=getHeight(el)+"px";el.style["transition"]="max-height 0.5s ease-in-out";el.style.overflowY="hidden";el.style.maxHeight="0";el.setAttribute("data-max-height",el_max_height);el.style.display="block";setTimeout(function(){el.style.maxHeight=el_max_height},10);
setTimeout(function(){document.querySelector(".hide").style["transition"]="all 0s 0s ease";document.querySelector(".hide").style["max-height"]="none"},700)}}if(window.addEventListener)document.querySelector(".read-more").addEventListener("click",function(e){this.style.display="none";document.querySelector(".hide-inline").style.display="inline";toggleSlide(document.querySelector(".hide"));e.preventDefault();return false},false);
</script>

<script type="application/ld+json">
  {
    "@context": "http://schema.org/",
    "@type": "Organization",
    "url": "https://piandhust.github.io/",
    "logo": "https://piandhust.github.io/image/logo.png"
  }
</script>