diff --git a/static/assets/styles.css b/static/assets/styles.css
index c0b6452..dcaad2b 100644
--- a/static/assets/styles.css
+++ b/static/assets/styles.css
@@ -150,12 +150,12 @@ body {
 	font-style: oblique;
 }
 
-.content-cont .opp-cont a {
+.content-cont .opp-cont p a {
 	color: red;
 	text-decoration: none;
 }
 
-.content-cont .event-cont a {
+.content-cont .event-cont p a {
 	color: red;
 	text-decoration: none;
 }
@@ -372,6 +372,27 @@ body {
 	margin-bottom: 25px;
 }
 
+.opp a {
+	color: black;
+	text-decoration: none;
+}
+
+.opp-link {
+	color: red;
+	text-decoration: none;
+}
+
+.event a {
+	color: black;
+	text-decoration: none;
+}
+
+.event-link {
+	color: red;
+	text-decoration: none;
+}
+
+
 /* hr {
 	border: 0;
 	border-top: thin solid #243588;
diff --git a/templates/newsletter.html b/templates/newsletter.html
index a895dd2..aa5e436 100644
--- a/templates/newsletter.html
+++ b/templates/newsletter.html
@@ -15,7 +15,7 @@
 			<div class='list-events'>
 			{% for data in value %}
 			<div class='event'>
-				<h4 class='event-name'><b>{{ data.name }}</b></h4>
+				<a class='link' href='/{{ data.pagetitle }}' target="_blank"><h4 class='event-name'><b>{{ data.name }}</b></h4></a>
 				<p class='event-org'><b>Organiser/s: </b>{{ data.org }}</p>
 				<p class='event-location'><b>Location: </b>{{ data.location }}</p>
 				<p class='event-deadline'><b>Date: </b>{{ data.deadline }} &#8594; {{ data.endDate}}</p>
@@ -34,7 +34,7 @@
 			<div class='list-events'>
 			{% for data in value %}
 			<div class='event'>
-				<h4 class='event-name'><b>{{ data.name }}</b></h4>
+				<a class='link' href='/{{ data.pagetitle }}' target="_blank"><h4 class='event-name'><b>{{ data.name }}</b></h4></a>
 				<p class='event-org'><b>Organiser/s: </b>{{ data.org }}</p>
 				<p class='event-location'><b>Location: </b>{{ data.location }}</p>
 				<p class='event-deadline'><b>Date: </b>{{ data.deadline }} &#8594; {{ data.endDate}}</p>
@@ -55,7 +55,7 @@
 			<div class='list-opp'>
 			{% for data in value %}
 			<div class='opp'>
-				<h4 class='opp-name'><b>{{ data.name }}</b></h4>
+				<a class='link' href='/{{ data.pagetitle }}' target="_blank"><h4 class='opp-name'><b>{{ data.name }}</b></h4></a>
 				<p class='opp-deadline'><b>Deadline:</b> {{ data.deadline }}</p>
 				<p class='opp-location'><i>{{ data.location }}</i></p>
 				<p class='opp-text'>{{ data.text }}</p>