Swatig

src/App.tsx

@@ -10,6 +10,7 @@ import Typography from '@mui/material/Typography';
 import './App.css';
 
 // Place card imports here!
+import SwatiCard from './SwatiCard';
 import CardTemplate from './CardTemplate';
 
 const theme = createTheme({
@@ -73,6 +74,7 @@ function App() {
             <Grid container spacing={4}>
               {/* Insert cards here! */}
               <CardTemplate />
+              <SwatiCard/>
             </Grid>
           </Container>
         </main>

src/SwatiCard.tsx

@@ -0,0 +1,38 @@
+import Card from '@mui/material/Card';
+import CardContent from '@mui/material/CardContent';
+import CardMedia from '@mui/material/CardMedia';
+import Grid from '@mui/material/Grid';
+import Typography from '@mui/material/Typography';
+import img from './static/t4sg_logo.jpg';
+
+export default function CardTemplate() {
+  return (
+    <Grid item xs={12} sm={6} md={4}>
+      <Card
+        sx={{ height: '100%', display: 'flex', flexDirection: 'column' }}
+      >
+        <CardMedia
+           component="img"
+           sx={{
+             // 16:9
+             pt: '5%',
+           }}
+           style={{ width: '80%', margin: 'auto' }}
+           src={img}
+           alt="t4sg logo"
+         />
+        <CardContent sx={{ flexGrow: 1 }}>
+          <Typography gutterBottom variant="h5" component="h2">
+            {/* Name here */}
+            Swati Goel
+          </Typography>
+          <Typography>
+            {/* Harvard intro here */}
+            Winthrop 2025, CS/Physics 
+            I have added a change!
+          </Typography>
+        </CardContent>
+      </Card>
+    </Grid>
+  )
+}