Showing your big client on the website increase your impact over users. So, why not use our best clients' logos in your website creatively and make it more appealing to the user and crack some more inquiries.
A simple row of your client's logo works well for basic websites with shaded gradient top and bottom bars to make it appear a different section than others.
<section>
<div class="container">
<ul class="clients-wrapper">
<li>
<img src="https://bootstraprev.com/img/blocks/airbnb.svg" alt="" class="img-fluid">
</li>
<li>
<img src="https://bootstraprev.com/img/blocks/hubspot.svg" alt="" class="img-fluid">
</li>
<li>
<img src="https://bootstraprev.com/img/blocks/google.svg" alt="" class="img-fluid">
</li>
<li>
<img src="https://bootstraprev.com/img/blocks/microsoft.svg" alt="" class="img-fluid">
</li>
<li>
<img src="https://bootstraprev.com/img/blocks/wallmart.svg" alt="" class="img-fluid">
</li>
<li>
<img src="https://bootstraprev.com/img/blocks/fedex.svg" alt="" class="img-fluid">
</li>
</ul>
</div>
</section>
Bootstrap Rev provides a more creative yet cleaner way to showcase your best clients to your customers or users. In this way, one can prioritize the clients' logos from a single column to the large ones.
<section>
<div class="container">
<ul class="clients-wrapper-creative">
<li>
<div class="thumb">
<img src="https://bootstraprev.com/img/blocks/airbnb.svg" alt="" class="img-fluid">
</div>
</li>
<li>
<div class="thumb">
<img src="https://bootstraprev.com/img/blocks/google.svg" alt="" class="img-fluid">
</div>
<div class="thumb">
<img src="https://bootstraprev.com/img/blocks/bookmyshow.svg" alt="" class="img-fluid">
</div>
</li>
<li>
<div class="thumb">
<img src="https://bootstraprev.com/img/blocks/microsoft.svg" alt="" class="img-fluid">
</div>
<div class="thumb">
<img src="https://bootstraprev.com/img/blocks/fedex.svg" alt="" class="img-fluid">
</div>
<div class="thumb">
<img src="https://bootstraprev.com/img/blocks/wallmart.svg" alt="" class="img-fluid">
</div>
</li>
<li>
<div class="thumb">
<img src="https://bootstraprev.com/img/blocks/oyo.svg" alt="" class="img-fluid">
</div>
<div class="thumb">
<img src="https://bootstraprev.com/img/blocks/ola.svg" alt="" class="img-fluid">
</div>
</li>
<li>
<div class="thumb">
<img src="https://bootstraprev.com/img/blocks/amazon.svg" alt="" class="img-fluid">
</div>
</li>
</ul>
</div>
</section>
Showing little about own company or praising the clients is not a bad idea. In this section, anyone can save the client's logo on the right side and add a minute description with a subtle heading on the left. It will make it look cleaner.
Customers who use Bootstreap Rev UI Kit to build their new startup landing page.
<section class="pt-5 pb-5">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4">
<h1>
1,50,000+
</h1>
<p class="fs-7">
Customers who use Bootstreap Rev UI Kit to build their new startup landing page.
</p>
</div>
<div class="col-md-8">
<div class="row">
<div class="col-md-3 mt-5">
<img src="https://bootstraprev.com/img/blocks/airbnb.svg" alt="" class="img-fluid">
</div>
<div class="col-md-3 mt-5">
<img src="https://bootstraprev.com/img/blocks/hubspot.svg" alt="" class="img-fluid">
</div>
<div class="col-md-3 mt-5">
<img src="https://bootstraprev.com/img/blocks/google.svg" alt="" class="img-fluid">
</div>
<div class="col-md-3 mt-5">
<img src="https://bootstraprev.com/img/blocks/microsoft.svg" alt="" class="img-fluid">
</div>
</div>
<div class="row mt-5">
<div class="col-md-3 mt-5">
<img src="https://bootstraprev.com/img/blocks/oyo.svg" alt="" class="img-fluid">
</div>
<div class="col-md-3 mt-5">
<img src="https://bootstraprev.com/img/blocks/ola.svg" alt="" class="img-fluid">
</div>
<div class="col-md-3 mt-5">
<img src="https://bootstraprev.com/img/blocks/amazon.svg" alt="" class="img-fluid">
</div>
<div class="col-md-3 mt-5">
<img src="https://bootstraprev.com/img/blocks/wallmart.svg" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</section>
Having a midget description on the left side is a good idea, but how about having logos on the right in a creative way? Sounds Good!! Yes, Here we have a fixed round-shaped layout for the trademarks.
Note: Using more logos than the provided layout might not work as expected.
Subscribe to Bootstrap Rev's application and get deals from top-notch companies in the world every month. Be an exclusive member of the team.
<section class="pt-5 pb-5">
<div class="container">
<div class="row align-items-center">
<div class="col-md-5">
<h1>
Get deals from 100+ companies
</h1>
<p class="fs-7">
Subscribe to Bootstrap Rev's application and get deals from top-notch companies in the world every month. Be an exclusive member of the team.
</p>
</div>
<div class="col-md-7 position-relative d-flex justify-content-end">
<ul class="clients-circle-main">
<li>
<img src="https://bootstraprev.com/img/blocks/icons/airbnb.svg" alt="" class="img-fluid">
</li>
<li>
<img src="https://bootstraprev.com/img/blocks/icons/amazon.svg" alt="" class="img-fluid">
</li>
<li>
<img src="https://bootstraprev.com/img/blocks/icons/dropbox.svg" alt="" class="img-fluid">
</li>
<li>
<img src="https://bootstraprev.com/img/blocks/icons/discord.svg" alt="" class="img-fluid">
</li>
<li>
<img src="https://bootstraprev.com/img/blocks/icons/hubspot.svg" alt="" class="img-fluid">
</li>
<li>
<img src="https://bootstraprev.com/img/blocks/icons/mailchimp.svg" alt="" class="img-fluid">
</li>
<ul class="clients-circle-small">
<li>
<img src="https://bootstraprev.com/img/blocks/icons/stackoverflow.svg" alt="" class="img-fluid">
</li>
</ul>
</ul>
</div>
</div>
</div>
</section>