index.html

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Nutrigang BIBI CHATBOT</title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<link href='https://fonts.googleapis.com/css?family=Madimi One' rel='stylesheet'>

<div id="header"> 
    <div>NUTRIGANG </div>
  <div> <img src = "https://i.imgur.com/Lb7clno.png" align = "bottom"></div>
  </div>

<div class="textbox"> 
    <input type="text" placeholder = "tell Bibi what you ate today... or what your activity levels were like..." id = "myInput">    <button onClick = "getText()"> 
    Send 
  </button>
 </div> 

<div id="bibiresponse">
  Hello, I'm Bibi!
</div>
<!-- partial -->
  <script  src="./script.js"></script>

</body>
</html>