---
title: "community"
description: "Join the Community" # quotation marks to allow colons where used
template: "page.html"
insert_anchor_links: "left"
extra:
  imgPath: community.png
---

<!-- section 1 (header) -->

<div class="container mx-auto">


{% row( style="center mtop semiNarrow") %}


<h2 class="text-balance font-normal tracking-tight text-white lg:text-6xl text-3xl fade-in visible">Join the Community</h2>

{% end %}


<br>

{% row( style="center semiNarrow") %}

<div class="myscale text-white">

[![Image](discourse_dark.png#social)](https://forum.threefold.io/)

</div>


<h6 class="text-white mt-4 font-semibold">Forum</h6>

<p class="text-base text-white  leading-snug">Ask Questions<p>

|||

<div class="myscale">

[![Image](github_dark.png#social)](https://github.com/threefoldfoundation)

</div>

<h6 class="text-white mt-4 font-semibold">GitHub | Tech</h6>

<p class="text-base text-white  leading-snug">Open-Source Collaboration for Tech Development<p>

|||

<div class="myscale">

[![Image](github_dark.png#social)](https://github.com/threefoldtech)

</div>

<h6 class="text-white mt-4 font-semibold">GitHub | Foundation</h6>

<p class="text-base text-white  leading-snug">Open-source Collaboration for Websites and Online Info<p>

|||

<div class="myscale">

[![Image](twitter.png#social)](https://x.com/threefold_io)

</div>

<h6 class="text-white mt-4 font-semibold">X | Twitter</h6>

<p class="text-base text-white  leading-snug">"Tweet" With Us<p>

{% end %}

{% row( style="center semiNarrow") %}

<div class="myscale">

[![Image](telegram.png#social)](https://t.me/threefoldnews)

</div>

<h6 class="text-white mt-4 font-semibold">Telegram News</h6>

<p class="text-base text-white  leading-snug">Stay Updated<p>

|||

<div class="myscale">

[![Image](telegram.png#social)](https://t.me/threefold)

</div>

<h6 class="text-white mt-4 font-semibold">Telegram Main Chat</h6>

<p class="text-base text-white  leading-snug">Community Conversation<p>

|||

<div class="myscale">

[![Image](telegram.png#social)](https://t.me/threefoldfarmers)

</div>

<h6 class="text-white mt-4 font-semibold">Telegram Farmers Chat</h6>

<p class="text-base text-white  leading-snug">Farming Community<p>

|||

<div class="myscale">

[![Image](telegram.png#social)](https://t.me/threefoldtesting)

</div>

<h6 class="text-white mt-4 font-semibold">Telegram Grid User Chat</h6>

<p class="text-base text-white  leading-snug">Grid User Community<p>

{% end %}



{% row( style="center mbottom semiNarrow") %}

<div class="myscale">

[![Image](reddit_dark.png#social)](https://www.reddit.com/r/threefold/)

</div>

<h6 class="text-white mt-4 font-semibold">Reddit</h6>

<p class="text-base text-white  leading-snug">Join In<p>

|||

<div class="myscale">

[![Image](youtube.png#social)](https://www.youtube.com/@ThreeFoldFoundation)

</div>

<h6 class="text-white mt-4 font-semibold">YouTube</h6>

<p class="text-base text-white  leading-snug">Watch Things Unfold<p>

|||

<div class="myscale">

<a target="_self" href="javascript:;" onclick="ml_account('webforms', '3562741', 'n7q9l7', 'show')">

![Image](mail_dark.png#social)

</a>

</div>

<h6 class="text-white mt-4 font-semibold">E-mail Newsletter</h6>

<p class="text-base text-white  leading-snug">Updates in Your Inbox<p>


|||

<div class="myscale">

[![Image](linkedin_dark.png#social)](https://www.linkedin.com/company/threefold-io/)

</div>

<h6 class="text-white mt-4 font-semibold">LinkedIn</h6>

<p class="text-base text-white  leading-snug">Lets Network<p>

{% end %}


{% row( style="center mtop semiNarrow") %}


<h2 class="fade-in text-balance text-4xl font-normal tracking-tight text-white sm:text-5xl">Keep up with ThreeFold Events</h2>

{% end %}

<br>

<iframe class="mx-auto w-full" src="https://calendar.google.com/calendar/embed?height=600&wkst=2&ctz=Europe%2FBrussels&bgcolor=%23ffffff&title&showTitle=0&showPrint=0&showCalendars=0&src=Y185OGMwNTEwZDVlMmMzMGY1MGM1NTNmZmUxZDNiOTRjMTliMzRmNTNiNDhhNzY3NjdkNDEyNTU3ZjVhYzc1ODAyQGdyb3VwLmNhbGVuZGFyLmdvb2dsZS5jb20&color=%2333B679" style="border:solid 1px #777"  frameborder="0" height="800px"></iframe>


</div>


<style>

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.myscale{
  transition: transform .5s; 
}

.myscale:hover{
  transform: scale(1.2); 
}
  </style>