Showcase your site built with CouchCMS here. Feel free to post in your site's screenshots (width not more than 640px please), links and your experience with Couch.
3 posts Page 1 of 1
Hi guys,

I finished a website for PACE Lab.org, a research lab based in Swiss. This is my first work using CouchCMS. The client really liked the Admin Panel, as it's more friendly than their previous Wordpress website.

A huge thanks to the CouchCMS team!

Aleiveira
Nice work, Aleiveira :)
I really liked the way you have used the cards in desktop and mobile views. I have a small suggestion in case you would accept one.

In the Research and Highlights, you could probably change the hover effect. Rather than having the image change from grey-scale only changing upon hovering the image, you could have it on the entire card. The same could apply for the text too.

If that interests you, you could just move the grey-filter class from the a-tag into the div tag above it. (i tried it in the research page)

Code: Select all
<div class="card h-100 shadow grey-filter">
    <a href="javascript:void();" data-bs-toggle="modal" role="button" data-bs-target="#decision-making-and-sustainable-agriculture" style="background: url(https://www.pacelab.org/ktl_zentrum/uploads/image/grameenfoundation_racheal_dsc1077.jpg) center center/cover no-repeat; height: 220px;" class="rounded-top ">
        <img ...>
    </a>
    <div class="card-body border-top d-flex justify-content-center align-items-center">
        <a href="javascript:void();" data-bs-toggle="modal" role="button" data-bs-target="#decision-making-and-sustainable-agriculture"><h5 class="card-title text-center mb-0">Decision making and sustainable agriculture</h5></a>
    </div>
</div>


That will make the image turn to color even on hovering on the card. I hope you find this useful.

Nice and simple design.

Regards,
GenXCoders
Image
where innovation meets technology
3 posts Page 1 of 1