Add contact form via FormSpree

_config.yml

@@ -17,6 +17,7 @@ author: 'EdinbR'
 author_image: "/assets/images/edinbr_300.png"
 
 gems: [jekyll-paginate]
+plugins: [jekyll-paginate]
 paginate: 5
 paginate_path: "page:num"
 

contact.md

@@ -0,0 +1,23 @@
+---
+layout: page
+title: Contact Us
+permalink: /contact/
+---
+
+If you need to get in touch with a member of the EdinbR organisation team, please use the form below to reach out to us
+
+<br/>
+
+<div class="row" style="display: flex;">
+  <form class="contact-form" action="https://formspree.io/f/xdopjdor" method="POST">
+    <label for="full-name">Name</label>
+    <input type="text" name="name" id="full-name" placeholder="First and Last" required>
+    <label for="email-address">Email Address</label>
+    <input type="email" name="_replyto" id="email-address" placeholder="Your email address" required>
+    <label for="message">Message</label>
+    <textarea rows="5" name="message" id="message" placeholder="Your message" required></textarea>
+    <input type="hidden" name="_subject" id="email-subject" value="Contact Form Submission">
+    <input type="submit" value="Submit">
+  </form>
+</div>
+

index.html

@@ -41,6 +41,8 @@ <h2 class="blog-description">{{ site.description }}</h2>
         &nbsp;&nbsp;·&nbsp;&nbsp;
         {% endfor %}
 	<a href="/code_of_conduct/">Code of conduct</a>
+        &nbsp;&nbsp;
+	<a href="/contact/">Contact Us</a>
 
     </div>
     <div id="home-search" class="home">