diff --git a/css/custom.css b/css/custom.css index 36f9b60c..644e70af 100644 --- a/css/custom.css +++ b/css/custom.css @@ -558,3 +558,167 @@ ul { transform: translateY(1px); /* Makes the button appear pressed when clicked */ box-shadow: 0 2px 5px rgba(255, 204, 0, 0.4); /* Adds a subtle shadow effect when the button is active */ } + +/* Testimonial Styling */ + +#testimonials { + background-color: #3b3b4f; /* Change the background color */ + padding: 5rem 0; +} + +.testimonials-container { + max-width: 1200px; + margin: 0 auto; + padding: 0 1.5rem; +} + +.testimonials-header { + text-align: center; + margin-bottom: 8px; +} + +.testimonials-title { + font-size: 2.5rem; + color: white; + margin-bottom: 1rem; + font-weight: 700; + letter-spacing: -0.5px; +} + +.testimonials-subtitle { + font-size: 1.1rem; + color: white; + max-width: 600px; + margin: 0 auto; + line-height: 1.6; +} + +.testimonial-carousel-wrapper { + position: relative; + padding: 0 2rem; +} + +.testimonial-card { + background: white; + border-radius: 1rem; + padding: 2.5rem; + margin: 1rem; + box-shadow: 0 10px 30px rgba(0,0,0,0.08); + transition: transform 0.3s ease; +} + +.testimonial-card:hover { + transform: translateY(-5px); +} + +.testimonial-content { + position: relative; +} + +.testimonial-text { + font-size: 1.1rem; + color: #4a5568; + line-height: 1.8; + margin-bottom: 1.5rem; + position: relative; + padding-left: 2rem; +} + +.testimonial-text::before { + content: "“"; + position: absolute; + left: -1rem; + top: -1rem; + font-size: 4rem; + color: #48bb78; + font-family: Georgia, serif; + opacity: 0.3; +} + +.testimonial-author { + display: flex; + flex-direction: column; + align-items: flex-start; +} + +.author-name { + font-weight: 600; + color: #2c3e50; + font-size: 1rem; +} + +.author-role { + color: #718096; + font-size: 0.9rem; +} + +/* Owl Carousel Customization */ +.owl-dots { + text-align: center; + margin-top: 2rem; +} + +.owl-dot { + height: 12px; + width: 12px; + margin: 0 5px; + border-radius: 50%; + background: #cbd5e0 !important; + transition: all 0.3s ease; +} + +.owl-dot.active { + background: #48bb78 !important; + transform: scale(1.2); +} + +.owl-nav button { + position: absolute; + top: 50%; + transform: translateY(-50%); + background: white !important; + box-shadow: 0 2px 8px rgba(0,0,0,0.1); + width: 40px; + height: 40px; + border-radius: 50%; + display: flex !important; + align-items: center; + justify-content: center; + color: #48bb78 !important; + font-size: 1.5rem !important; +} + +.owl-nav button:hover { + background: #48bb78 !important; + color: white !important; +} + +.owl-prev { + left: -50px; +} + +.owl-next { + right: -50px; +} + +@media (max-width: 768px) { + .testimonials-title { + font-size: 2rem; + } + + .testimonial-card { + padding: 1.5rem; + margin: 0.5rem; + } + + .testimonial-text { + font-size: 1rem; + padding-left: 1.5rem; + } + + .owl-nav button { + width: 35px; + height: 35px; + font-size: 1.2rem !important; + } +} diff --git a/index.html b/index.html index b402f870..eddb73c2 100755 --- a/index.html +++ b/index.html @@ -194,87 +194,44 @@
This is what we've heard about Sugar Labs from students, teachers, parents, and growing developers.
-Hear from students, teachers, parents, and developers about their Sugar Labs experiences.
+"This summer was super fun and filled with learning! I enjoyed testing over 60+ activities with kids to get first-hand feedback which had a positive impact in the way they approach problems..."
+"This summer - was super fun and filled with - learning! I enjoyed testing over - 60+ activities with kids to get - first-hand feedback which had a - positive impact in the way they - approach problems. The fact that - these activities are used by kids - as a tool of learning motivates me - to contribute more and more. I'm - going to continue to contribute - and be a part of Sugar - Labs."
-Sourabha G., GSoC 2021 student
-"I would like - to thank my mentors Walter Bender - and Devin Ulibarri for their - constant guidance and - motivation. A big thanks to Sugar - Labs community and Google Summer - of Code (GSoC) for providing such - a wonderful opportunity for - learning and helping me to be an - active member of Open Source - Community."
-Riya Lohia, GSoC 2018 student
-"I think - Music Blocks will inspire many - young folks to become programmers, - mathematicians, composers, and - music theorists. It will also - provide important experiences to - other young folk who pursue other - fields. You are to be - congratulated on your - efforts."
-"Fedora-Based Sugar on a Stick Is One Sweet Desktop."
-LinuxInsider
-"I would like to thank my mentors Walter Bender and Devin Ulibarri for their constant guidance and motivation..."
+ +"Fedora-Based Sugar on a Stick Is One Sweet Desktop."
+