diff --git a/src/stylesheets/components/_testimonial.scss b/src/stylesheets/components/_testimonial.scss
new file mode 100644
index 0000000..d148327
--- /dev/null
+++ b/src/stylesheets/components/_testimonial.scss
@@ -0,0 +1,33 @@
+.testimonial {
+	color: black;
+	position: relative;
+	background: white;
+	border-radius: 0px 1rem;
+	padding: 1em;
+	box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
+
+	.testimonial__icon {
+		color: $primary-colour;
+	}
+
+	p, span {
+		font-weight: 300;
+		font-size: .7em;
+		letter-spacing: -0.005em;
+		margin: 1em 0;
+	}
+
+	.testimonial__separator {
+		display: block;
+		background: $primary-colour;
+		height: .2rem;
+	}
+
+	.testimonial__author {
+		margin-top: 1rem;
+
+		p {
+			margin: 0;
+		}
+	}
+}
diff --git a/src/stylesheets/main.scss b/src/stylesheets/main.scss
index dfe4274..4275ed6 100644
--- a/src/stylesheets/main.scss
+++ b/src/stylesheets/main.scss
@@ -9,3 +9,4 @@
 @import 'components/homeNav';
 @import 'components/button';
 @import 'components/feature';
+@import 'components/testimonial';
diff --git a/views/partials/testimonial.hbs b/views/partials/testimonial.hbs
new file mode 100644
index 0000000..f093e16
--- /dev/null
+++ b/views/partials/testimonial.hbs
@@ -0,0 +1,9 @@
+<div class='testimonial'>
+	<i class='fas fa-quote-right testimonial__icon'></i>
+	<p class='testimonial__content'>{{content}}</p>
+	<div class='testimonial__separator'></div>
+	<div class='testimonial__author'>
+		<p>{{author}}</p>
+		<p>{{position}}</p>
+	</div>
+</div>