-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
114 lines (87 loc) · 7.15 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<html lang="en"><!--<![endif]--><head>
<title>HUST&PI</title>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width, height=device-height">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta property="og:url" content="https://piandhust.github.io/">
<meta property="og:title" content="HUST&PI">
<meta property="og:image" content="https://piandhust.github.io/image/piandhust.png">
<meta property="og:site_name" content="HUST&PI">
<meta property="og:description" content="HUST&PI teams, Let's share, exchange and learn together.">
<meta itemprop="name" content="HUST&PI">
<meta itemprop="description" content="HUST&PI teams, Let's share, exchange and learn together.">
<meta itemprop="image" content="https://piandhust.github.io/image/piandhust.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="HUST&PI">
<meta name="twitter:description" content="HUST&PI teams, Let's share, exchange and learn together.">
<meta name="twitter:image" content="https://piandhust.github.io/image/piandhust.png">
<meta name="description" content="HUST&PI teams, Let's share, exchange and learn together.">
<meta name="keywords" content="Learn, Listen, Share, Write, Read">
<link rel="canonical" href="https://piandhust.github.io/">
<link rel="apple-touch-icon" sizes="57x57" href="icon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="icon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="icon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="icon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="icon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="icon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="icon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="icon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="icon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="icon/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="icon/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="icon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="icon/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="icon/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="manifest.json">
<meta name="msapplication-TileColor" content="#ed1c24">
<meta name="msapplication-TileImage" content="icon/apple-touch-icon-114x114.png">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="css/style.css?v=194c14ea1002a56020b369bb06ef2be7">
</head>
<body data-new-gr-c-s-check-loaded="14.1034.0" data-gr-ext-installed="">
<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">
Products
<img class="icon-bar" src="icon/menu-bar.png" >
<ul class="menu__nav">
<li><a href="https://www.tailieubkhn.com/" target="_blank">tailieubkhn</a></li>
<li><a href="https://demanejar.github.io/" target="_blank">De Manejar</a></li>
</ul>
</nav> -->
<div class="wrapper">
<div class="text-container">
<div><img id="gicon" alt="G" title="G" src="image/hap_circle.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> <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>
</body><div id="edge-translate-notifier-container" class="edge-translate-notifier-center"></div><grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration></html>