testimonials carousel

1 files changed, 32 insertions, 1 deletions

diff --git a/public/assets/css.css b/public/assets/css.css
index 59a4c68..8a6c7c9 100644
--- a/public/assets/css.css
+++ b/public/assets/css.css
@@ -27,6 +27,19 @@ a {
   box-shadow: 0 5px 10px #ddd;
 }
 
+#testimonials {
+  margin-top: 15px;
+  box-shadow: 0 -5px 10px 0px #ddd;
+}
+#footer {
+  width: 100%;
+  margin: 0;
+  background: #fff;
+  padding: 10px;
+  margin-top: 15px;
+  box-shadow: 0 -5px 10px #ddd;
+}
+
 h1, h2 {
   font-weight: 300;
 }
@@ -97,7 +110,25 @@ h1, h2 {
 .content {
   text-align: left;
   padding: 20px 50px;
-  line-height: 1.5;
+  line-height: 1.5;   
+}
+
+.testimonials {
+  width: 100%;
+  height: 300px;
+}
+.testimonial {
+  position: relative;
+  height: 300px;
+  width: 100%;
+}
+.testimonial .blurb {
+  position: absolute;
+  top: 50%; left: 50%;
+  transform: translate3d(-50%, -50%, 0);
+  width: 400px;
+  max-width: 90vw;
+  font-style: italic;
 }
 
 .cell:nth-child(2n+1) { background-color: #4f658e; }