popup.html

<link href="popup.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<div class="container">
  <div>
    <div class="title">Automated Requests</div>

    <div class="send_note_container">
      <p>Add a note in the connection request</p>
      <textarea type="text" id="send_note" class="send_note">"Hi ${name}, I'm interested in connecting with you to learn more about employment opportunities in Software Engineer role. I believe my skills and experience could be valuable for developer role in your esteemed organisation. Looking forward to connecting with you."</textarea>
    </div>
    
    <div class="howDoYouKnow">
      <p>How do you know the person?</p>
      <select id="howKnowSelect">
        <option value="workColleague">Work Colleagues</option>
        <option value="classmaste">Classmates</option>
        <option value="metAtWork">Met at work-related event</option>
        <!-- <option value="dontKnow">We don't know each other</option> -->
      </select>
    </div>

    <div class="buttonSection">
      <button id="start-button" class="btn btn-primary">Start</button>
    </div>
</div>

<script type="module" src="popup.js"></script>