style view that user sees when they have completed profile info

relates #68 #78 #52

public/profile-complete.css

@@ -0,0 +1 @@
+.lets-get-started-button{height:20em;width:20em;background:pink;margin:auto;text-align:center}.profile-complete__header{text-align:center}

src/scss/main.scss

@@ -10,4 +10,4 @@
 @import 'donation-first-time-user';
 @import 'donation-one-off';
 @import 'profile-select-relation';
-
+@import 'profile-complete'; 

src/scss/profile-complete.scss

@@ -0,0 +1,14 @@
+.lets-get-started-button {
+  height: 20em;
+  width: 20em;
+  background: pink;
+  margin: auto;
+  text-align: center;
+}
+
+.profile-complete__header {
+  text-align: center;
+}
+
+.tester {
+}

src/views/profile-complete.hbs

@@ -1,17 +1,22 @@
 {{> header }}
 
-<section>
+<!-- <section class=>
   <p>I'm an alum from [FACx], [location]</p>
-  <!-- [] - populate from cookie/ db -->
+  [] - populate from cookie/ db
   <a href="#">change</a>
-</section>
+</section> -->
 
-<section>
-<p>Thanks for filling that out, you won't need to again</p>
-</section>
+<section class="profile-complete row">
+  <h2 class="profile-complete__header col-xs-12">Thanks for that information, you won't need to fill it out again!</h2>
 
-<section>
+  <article class="col-xs-12">
+    <a href="/lets-get-started">
 
-    <a href="/lets-get-started">Let's get started</a>
+    <div class="lets-get-started-button">
+        <h2>Let's get started</h2>
+    </div>
   </a>
+
+  </article>
+
 </section>