Move to Astro

src/components/Card.astro

@@ -0,0 +1,23 @@
+---
+export interface Props {
+  title: string;
+  src: string;
+}
+
+const { title, src } = Astro.props;
+---
+
+<div class="col">
+  <div class="card">
+    <div class="card-body">
+      <b class="card-title">{title}</b>
+    </div>
+    <img src={`/images/${src}`} alt={title} />
+  </div>
+</div>
+
+<style lang="scss">
+  .card {
+    margin-bottom: 20px;
+  }
+</style>