diff --git a/src/Components/Quote/QuoteCard.js b/src/Components/Quote/QuoteCard.js
new file mode 100644
index 0000000..25d7b29
--- /dev/null
+++ b/src/Components/Quote/QuoteCard.js
@@ -0,0 +1,11 @@
+import React from 'react';
+import './quote.css'
+
+export default function 
+QuoteCard(props) {
+    const { name, key } = props;
+
+    return ( <div><h2>{name}</h2>
+    <h4>{key}</h4></div>
+     );
+}
diff --git a/src/Components/Quote/quote.css b/src/Components/Quote/quote.css
new file mode 100644
index 0000000..a38aeb9
--- /dev/null
+++ b/src/Components/Quote/quote.css
@@ -0,0 +1,5 @@
+.quotes {
+
+    font-family: "../Assets/Fonts/KHGummi";
+
+}
\ No newline at end of file
diff --git a/src/Components/Quote/quote.js b/src/Components/Quote/quotes.js
similarity index 100%
rename from src/Components/Quote/quote.js
rename to src/Components/Quote/quotes.js