Site Management Code Snippet
Support Articles

Code Snippet Library - Homepage User Showcase

Go to the profile of Zapnito
Zapnito
Code Snippet Library - Homepage User Showcase
Like

Share this post

Choose a social network to share with, or copy the URL to share elsewhere

Share with...

...or copy the link

This is a representation of how your post may appear on social media. The actual post will vary between social networks

Preview

HTML

<div class="container mt-12">
  <h3>Heading</h3>
  <div class="flex flex-col sm:flex-row">
    <!-- Image -->
    <div class="w-full sm:w-1/2 flex">
      <div class="w-full bg-cover bg-center aspect-w-2 aspect-h-1" 
           style="background-image: url('');">
      </div>
    </div>
    <!-- Text -->
    <div class="w-full sm:w-1/2 flex flex-col justify-center p-6 bg-brand-secondary">
      <div class="text-center">
        <h3 class="text-2xl lg:text-3xl text-brand-secondary-contrast">
        Title</h3>
        <p class="text-lg lg:text-xl text-brand-secondary-contrast">Subtitle</p>
          <!-- Add button URL below -->
          <a href="" class="btn btn--primary btn--lg">Button text</a>
      </div>
    </div>
  </div>
</div>
Go to the profile of Zapnito
Zapnito
Zapnito is the community platform built for personalized knowledge sharing. Build your custom branded community platform with discussions, content, courses, events and more – under one domain.

To access please sign in or register for free

If you are a registered user on Zapnito Knowledge Hub, please sign in

Sign In Register

Cookies

We and selected partners, use cookies or similar technologies as specified in the cookie policy and privacy policy.

You can consent to the use of such technologies by closing this notice.

Cookie Control

Customise your preferences for any tracking technology

The following allows you to customize your consent preferences for any tracking technology used to help us achieve the features and activities described below. To learn more about how these trackers help us and how they work, refer to the cookie policy. You may review and change your preferences at any time.

See the full cookie policy See the full privacy policy
More information

These trackers are used for activities that are strictly necessary to operate or deliver the service you requested from us and, therefore, do not require you to consent.

More information

These trackers help us to deliver personalized marketing content and to operate, serve and track ads.

More information

These trackers help us to deliver personalized marketing content to you based on your behaviour and to operate, serve and track social advertising.

More information

These trackers help us to measure traffic and analyze your behaviour with the goal of improving our service.

More information

These trackers help us to provide a personalized user experience by improving the quality of your preference management options, and by enabling the interaction with external networks and platforms.