hobokenchicken/webdev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix broken testimonials: remove duplicate card, adjust CSS for glass morphism compatibility

Browse Source
This commit is contained in:
Dustin Newkirk
2026-02-12 09:39:18 -05:00
parent 72fe58971a
commit 50570947ee
2 changed files with 1 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
index.html
View File

@@ -555,20 +555,7 @@
</div> </div>
</div> </div>
</div>
</div>
<div class="col-md-6">
<div class="card testimonial-card h-100">
<div class="card-body">
<p class="card-text testimonial-excerpt">"Working with Dustin at d@n tech was an absolute pleasure from start to finish. He is funny, engaging, and listens well. He offered grace for my lack of technical skill..."</p>
<p class="card-text testimonial-full">"Working with Dustin at d@n tech was an absolute pleasure from start to finish. He is funny, engaging, and listens well. He offered grace for my lack of technical skill and worked from simple examples provided, which translated into a functional and funky-professional website that represents my brand.
His patience and technical skills are truly impressive. Furthermore, he was responsive throughout the entire process, always open to feedback, and quick to implement changes. What I appreciated most was how he spent time working toward what I wanted and was supportive in my goals."</p>
<p class="card-text testimonial-author"> -Laura, Woman-Owned Small Business</p>
<button class="testimonial-toggle" aria-label="Read full testimonial">Read More</button>
</div>
</div>
</div>
</div> </div>
</div> </div>
</section> </section>

7
styles.css
View File

@@ -1039,17 +1039,12 @@ footer a:hover {
.testimonial-card { .testimonial-card {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
background-color: var(--bg-body);
border: 1px solid var(--border-subtle);
border-radius: 12px; border-radius: 12px;
padding: 2rem;
transition: transform 0.3s ease, box-shadow 0.3s ease; transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%; height: 100%;
} }
.section-alt .testimonial-card {
background-color: var(--bg-surface);
}
.testimonial-card:hover { .testimonial-card:hover {
transform: translateY(-5px); transform: translateY(-5px);