index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover">
<title>LIFF: LINE Front-end Framework</title>
 <script src="https://static.line-scdn.net/liff/edge/2/sdk.js"></script> 
</head>
<body id="body">

  <section id="profile">
  <img id="pictureUrl" src="https://linerookie.com/images/ic_liff.png">
  <p id="userId"></p>
  <p id="displayName"></p>
  <p id="statusMessage"></p>
  <p id="email"></p>
</section>


<section id="button">
   <button id="btnSend">Send Message</button>  
   <button id="btnShare">Share Target Picker</button> 
   <button id="btnScanCode">Scan Code</button>
   <button id="btnOpenWindow">Open Window</button>
</section>

<section id="feature">
  <p id="code"></p>
</section>


</body>
</html>