mirror of
https://github.com/matt-fidd/stratos.git
synced 2026-01-01 22:39:26 +00:00
Added testimonial component
This commit is contained in:
33
src/stylesheets/components/_testimonial.scss
Normal file
33
src/stylesheets/components/_testimonial.scss
Normal file
@@ -0,0 +1,33 @@
|
||||
.testimonial {
|
||||
color: black;
|
||||
position: relative;
|
||||
background: white;
|
||||
border-radius: 0px 1rem;
|
||||
padding: 1em;
|
||||
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25);
|
||||
|
||||
.testimonial__icon {
|
||||
color: $primary-colour;
|
||||
}
|
||||
|
||||
p, span {
|
||||
font-weight: 300;
|
||||
font-size: .7em;
|
||||
letter-spacing: -0.005em;
|
||||
margin: 1em 0;
|
||||
}
|
||||
|
||||
.testimonial__separator {
|
||||
display: block;
|
||||
background: $primary-colour;
|
||||
height: .2rem;
|
||||
}
|
||||
|
||||
.testimonial__author {
|
||||
margin-top: 1rem;
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -9,3 +9,4 @@
|
||||
@import 'components/homeNav';
|
||||
@import 'components/button';
|
||||
@import 'components/feature';
|
||||
@import 'components/testimonial';
|
||||
|
||||
9
views/partials/testimonial.hbs
Normal file
9
views/partials/testimonial.hbs
Normal file
@@ -0,0 +1,9 @@
|
||||
<div class='testimonial'>
|
||||
<i class='fas fa-quote-right testimonial__icon'></i>
|
||||
<p class='testimonial__content'>{{content}}</p>
|
||||
<div class='testimonial__separator'></div>
|
||||
<div class='testimonial__author'>
|
||||
<p>{{author}}</p>
|
||||
<p>{{position}}</p>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user