diff --git a/hugo/content/trials/_index.md b/hugo/content/trials/_index.md
index cb87e4b8..8afbd6e1 100644
--- a/hugo/content/trials/_index.md
+++ b/hugo/content/trials/_index.md
@@ -37,16 +37,68 @@ cta:
 
 
 <div class="w-100 mt-5 mb-5"></div>
-
-<div class="col-md-12 justify-content-center align-self-center align-right ">
-<img src="undraw_mail_re_duel.svg" class="w-25 float-right">
+<div class="row">
+<div class="col-md-6 justify-content-center align-self-center align-right ">
+<img src="undraw_mail_re_duel.svg" class="w-75 float-right">
 </div>
-<div class="col-md-12 col-12 justify-content-center align-self-center">
-<h3>Notification of new clinical trials</h3>
-
-<p>Everyone has access to a service that will send an email everytime a new clinical trial is posted on <a href="https://clinicaltrials.gov/ct2/results/rss.xml?rcv_d=14&lup_d=&sel_rss=new14&cond=Multiple+Sclerosis&count=10000">ClinicalTrials.gov</a> or in <a href="https://www.clinicaltrialsregister.eu/ctr-search/rest/feed/bydates?query=multiple+AND+sclerosis">Clinicaltrialsregister.eu</a>. Available in beta stage but free forever.</p>
-
-<a href="mailto:gregory@gregory-ms.com?subject=SubscribeToClinicalTrials%20" class="btn btn-danger btn-round btn-lg font-weight-bold umami--click--subscribe-trials-page">Subscribe by sending an email to Gregory<i class="fas fa-at"></i>gregory-ms.com</a>
+<div class="col-md-6 ml-auto mr-auto">
+	<div class="card card-contact card-raised">
+		<form role="form" id="contact-form1" method="post" action="https://api.gregory-ms.com/subscriptions/new/">
+			<div class="card-header text-center">
+				<h4 class="card-title font-weight-bold">Notification of new clinical trials</h4>
+				<p class="p-3">Everyone has access to a free service that sends an email everytime a new clinical trial is posted on <a href="https://clinicaltrials.gov/ct2/results/rss.xml?rcv_d=14&lup_d=&sel_rss=new14&cond=Multiple+Sclerosis&count=10000">ClinicalTrials.gov</a> or in <a href="https://www.clinicaltrialsregister.eu/ctr-search/rest/feed/bydates?query=multiple+AND+sclerosis">Clinicaltrialsregister.eu</a></p>
+			</div>
+			<div class="card-body">
+				<div class="row">
+					<div class="col-md-6 pr-2">
+						<label>First name</label>
+						<div class="input-group">
+							<div class="input-group-prepend">
+								<span class="input-group-text pr-2"><i class="now-ui-icons users_circle-08"></i></span>
+							</div>
+							<input type="text" name="first_name" class="form-control" placeholder="First Name..." aria-label="First Name..." autocomplete="given-name">
+						</div>
+					</div>
+					<div class="col-md-6 pl-2">
+						<div class="form-group">
+							<label>Last name</label>
+							<div class="input-group">
+								<div class="input-group-prepend">
+									<span class="input-group-text pr-2"><i class="now-ui-icons text_caps-small"></i></span>
+								</div>
+								<input type="text" name="last_name" class="form-control" placeholder="Last Name..." aria-label="Last Name..." autocomplete="family-name">
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="form-group">
+					<label>Email address</label>
+					<div class="input-group">
+						<div class="input-group-prepend">
+							<span class="input-group-text pr-2"><i class="now-ui-icons ui-1_email-85"></i></span>
+						</div>
+						<input type="email" name="email" id="email" class="form-control" placeholder="Email Here..." autocomplete="email">
+					</div>
+				</div>
+				<div class="form-group">
+					<label>I am a...</label>
+					<div class="input-group">
+						<select id="profile" name="profile" class="form-control">
+							<option value="patient">patient</option>
+							<option value="doctor">doctor</option>
+							<option value="clinical centre">clinical centre</option>
+						</select>
+					</div>
+				</div>
+				<div class="row">
+					<div class="col-md-12 ml-auto mr-auto text-center">
+						<input value="1" name="list" id="list" type="hidden">
+						<button type="submit" class="btn btn-primary btn-round mr-auto ml-auto">Subscribe</button>
+					</div>
+				</div>
+			</div>
+		</form>
+	</div>
 </div>
 </div>
 
@@ -61,4 +113,4 @@ cta:
   <a target="_blank" href="https://www.novartis.com/clinicaltrials/recruiting-trials?title=multiple%20sclerosis">Novartis <i class="text-muted text-primary fas fa-external-link-square-alt"></i></a> &nbsp;
 </p>
 
-</div>
\ No newline at end of file
+</div>