my_courses.html

<html>
   <head>
      <title>Attendance Tracker</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <link rel="stylesheet" type="text/css" href="css/my_courses.css">
   </head>
   <body>
       <div id="course_list">Courses</div>
      <div id="C1" class="my-courses-container">
         <div class="my-courses-item-container">
            <div class="course-name">Bioinfomatics</div>
            <div class="course-id">CS2001</div>
         </div>
      </div>
       
       
      <div id="C1" class="my-courses-container">
         <div class="my-courses-item-container">
            <div class="course-name">Bioinfomatics</div>
            <div class="course-id">CS2001</div>
         </div>
      </div>
       
       
   </body>
</html>