Finished blogs

src/components/blog-card/BlogCard.tsx

@@ -0,0 +1,19 @@
+import ScrollAnimation from "react-animate-on-scroll";
+import React from "react";
+import Job from "../../types/Job";
+import "./BlogCard.css";
+import Blog from "../../types/Blog";
+
+export default function BlogCard(props: {style?: any, className?: string, blog: Blog, num: number}){
+    return (
+        <ScrollAnimation className={"blog-card "+(props.className || "")} style={props.style} animateIn="fade-up" duration={2} animateOnce={true} offset={50} delay={200}>
+            <div onClick={()=>{window.location.href="/blog?id="+props.num}} className={"blog-card-int"}>
+                {/*<img className={"blog-card-img"} src={props.blog.image}/>*/}
+                <div className={"blog-card-info"}>
+                    <h3>{props.blog.title}</h3>
+                    <p>{props.blog.date.toLocaleDateString()}</p>
+                </div>
+            </div>
+        </ScrollAnimation>
+    );
+}