Round Table Branding

Round Table encourages positive advertising of it’s brand.
Tablers are proud to be associated with this amazing club and are always looking out for potential Tablers!

Below is an example & instructions for a great way of adding Round Table information to your website in a subtle way.

• It’s clean and subtle.
• Easy to add to any website
• Clicking on the image can forward to your Table page or facebook page.

Hover or click on the right edge of the Rondel to see it.

HTML Code

<!-- ADD THE BELOW TO YOUR SITE FOOTER.
Use RT_SiteBranding_light.png if your site has a dark background -->

<div class="rt-branding">
  <figure class="rondel">
   <a href="https://www.rt28.co.ke" target="_blank">
    <img src="http://rt28.co.ke/wp-content/uploads/2017/06/RT_SiteBranding.png" alt="RoundTable">
   </a>
  </figure>
</div>

CSS Code

@keyframes slide {
0% {
    bottom: -15px;
    left: -320px;
}
80% {
    bottom: -15px;
    left: -10px;
}
100% {
    bottom: -15px;
    left: -40px;
}
}
.rt-branding {
    background: #eaeaed none repeat scroll 0 0;
    border-radius: 6px;
    height: 0;
    min-width: 350px;
    position: relative;
}
.rt-branding:hover .rondel {
    animation-delay: 0.5s;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-name: slide;
    animation-timing-function: ease-in-out;
}
.rt-branding:active .rondel {
    animation-play-state: running;
}
.rondel {
    bottom: -15px;
    left: -320px;
    position: absolute;
}