<div class="card mb-3">
  <h3 class="card-header" id="project-1">Example project: iP for CS2103</h3>
  <div class="card-body">
    <md>This would be a good place to add images and embeds showcasing your contributions to a project. In this case, an `<iframe>` containing the [RepoSense](https://reposense.org/index.html) report of a student's contributions to their iP is embedded. For more information on embeds, refer to our user guide [here.](https://markbind.org/userGuide/formattingContents.html#embeds)</md>
  </div>
  <div>
    <iframe src="https://nus-cs3281.github.io/2024-dashboard/#/widget/?search=Reposense&sort=groupTitle&sortWithin=title&timeframe=commit&mergegroup=&groupSelect=groupByAuthors&breakdown=false&since=2023-12-01&tabOpen=true&tabType=authorship&tabAuthor=asdfghjkxd&tabRepo=reposense%2Freposense%5Bmaster%5D&authorshipIsMergeGroup=false&authorshipFileTypes=java~md&authorshipIsBinaryFileTypeChecked=false&authorshipIsIgnoredFilesChecked=false&chartGroupIndex=5&chartIndex=0" width="100%"></iframe>
  </div>
  <div class="card-body">
    <p class="card-text">Some further elaboration of the project can be added here</p>
    {{ java }}
  </div>
  <div class="card-body">
    <a href="https://github.com/MarkBind/markbind" class="btn btn-primary">View on Github</a>
    <a href="https://markbind.org/" class="btn btn-primary">View Devpost</a>
  </div>
</div>
