diff --git a/pages/testimonials.html b/pages/testimonials.html index 7316cfb..5b99eaa 100644 --- a/pages/testimonials.html +++ b/pages/testimonials.html @@ -38,6 +38,24 @@ +
+ Testimonials +
+
+ Avatar +

Chris Fox. CEO at Mighty Schools. ★ ★ ★ ★ ★

+

One of the best music rating apps

+
+
+ Avatar +

Rebecca Flex. CEO at YouTube. ★ ★ ★ ★ ★

+

Amazing discussion community of music lovers

+
+
+ Avatar +

Anan Afrida. CEO at Google Music. ★ ★ ★ ★ ★

+

Taylor Swift still reigns and it is authenticated through this app

+
\ No newline at end of file diff --git a/styles.css b/styles.css index bc6ca45..02e5965 100644 --- a/styles.css +++ b/styles.css @@ -305,4 +305,46 @@ font-size: 56px; font-size: x-large; font-weight: bold; -} \ No newline at end of file +} + +/* +* Styling the Testimonial section +*/ +#testimonial-heading { + color: white; + text-align: center; + padding-top: 20px; + font-size: 56px; + } + .container { + border: 2px rgba(255, 255, 255, 0.2); + background-color: rgba(255, 255, 255, 0.2); + border-radius: 5px; + padding: 16px; + margin: 16px 0 + } + .container::after { + content: ""; + clear: both; + display: table; + } + .container img { + float: left; + margin-right: 20px; + border-radius: 50%; + } + .container span { + font-size: 20px; + margin-right: 15px; + } + @media (max-width: 500px) { + .container { + text-align: center; + } + .container img { + margin: auto; + float: none; + display: block; + } +} + \ No newline at end of file