88 lines
4.1 KiB
Markdown
88 lines
4.1 KiB
Markdown
---
|
|
title: Social
|
|
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> -->
|
|
<iframe 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 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="{% link assets/images/image-sharing-temp.jpg %}" alt="" data-position="center center" />
|
|
<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>
|
|
<a href="generic.html" class="image">
|
|
<img src="{% link assets/images/pic10.jpg %}" alt="" data-position="center center" />
|
|
</a>
|
|
<div class="content">
|
|
<div class="inner">
|
|
<header class="major">
|
|
<h3>Sed nunc ligula</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="generic.html" class="button">Learn more</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>
|