devol.it/tiles/social.md

---
title: Social e Fediverso
layout: landing
description:
image: assets/images/fediverse.jpg
nav-menu: true
---

<!-- Main -->
<div id="main">

<!-- One -->
<section id="one">
	<div class="inner">
		<header class="major">
			<h2>Cos'è il Fediverso?</h2>
		</header>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	</div>
</section>

<!-- Two -->
<section id="two" class="spotlights">
	<section>
		<!-- <a href="generic.html" class="image">
			<img src="{% link assets/images/pic08.jpg %}" alt="" data-position="center center" />
		</a> -->
		<div style="background-color: black; align-items: center; vertical-align: middle;">
			<iframe style="display: block;" width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" src="https://peertube.uno/videos/embed/d3ae46fe-fd9a-448c-8c94-8fda9b73b54f?start=0s&subtitle=it" frameborder="0" allowfullscreen></iframe>
		</div>

		<div class="content">
			<div class="inner">
				<header class="major">
					<h3>Micro-blogging: Mastodon</h3>
				</header>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
				<ul class="actions">
					<li><a href="https://mastodon.uno" class="button">Mastodon.uno</a></li>
				</ul>
			</div>
		</div>
	</section>
	<section>
		<img src="{{ site.baseurl }}/assets/images/image-sharing.jpg" alt="">
		<div class="content">
			<div class="inner">
				<header class="major">
					<h3>Image Sharing: Pixelfed e Bibliogram</h3>
				</header>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
				<ul class="actions">
					<li><a href="https://pixelfed.uno" class="button">Pixelfed.uno</a></li>
					<li><a href="https://bibliogram.pixelfed.uno" class="button">Bibliogram</a></li>
				</ul>
			</div>
		</div>
	</section>
	<section>
		<img src="{{ site.baseurl }}/assets/images/writefreely.jpg" alt="">
		<div class="content">
			<div class="inner">
				<header class="major">
					<h3>Blogging: Noblogo</h3>
				</header>
				<p>Nullam et orci eu lorem consequat tincidunt vivamus et sagittis magna sed nunc rhoncus condimentum sem. In efficitur ligula tate urna. Maecenas massa sed magna lacinia magna pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis tempus.</p>
				<ul class="actions">
					<li><a href="https://noblogo.org" class="button">Noblogo.org</a></li>
				</ul>
			</div>
		</div>
	</section>
</section>

<!-- Three -->
<!-- <section id="three">
	<div class="inner">
		<header class="major">
			<h2>Massa libero</h2>
		</header>
		<p>Nullam et orci eu lorem consequat tincidunt vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus pharetra. Pellentesque condimentum sem. In efficitur ligula tate urna. Maecenas laoreet massa vel lacinia pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus amet pharetra et feugiat tempus.</p>
		<ul class="actions">
			<li><a href="generic.html" class="button next">Get Started</a></li>
		</ul>
	</div>
</section> -->

</div>