Prime modifiche

Prime modifiche (es. cambiato titolo, sottotitolo, footer,...)
Iniziata struttura del sito (con tiles diversi per ogni categoria di servizi offerti)
This commit is contained in:
LeonardoMantovani 2021-05-19 19:39:52 +02:00
parent a6070e66d8
commit 12444272b7
20 changed files with 245 additions and 140 deletions

View File

@ -1,6 +1,7 @@
source 'https://rubygems.org'
gem 'jekyll', '~> 4.2'
gem 'webrick', '~> 1.7'
group :jekyll_plugins do
gem 'jekyll-timeago', '~> 0.13.1'

View File

@ -1,17 +1,17 @@
# site settings
title: Forty
subtitle: by HTML5 UP
email: youremailaddress@gmail.com
description: A responsive site template designed by HTML5 Up<br /> and released under the Creative Commons.
baseurl: "/forty-jekyll-theme" # the subpath of your site, e.g. /blog
url: # the base hostname & protocol for your site
title: Devol
subtitle: .it
email: youremailaddress@protonmail.com
description: Un web più libero è possibile.
baseurl: "/devol-website" # the subpath of your site, e.g. /blog
url: https://LeonardoMantovani.github.io # the base hostname & protocol for your site
author:
street_address: 1234 Somewhere Road
city: Nashville
state: TN
zip_code: 55555
country: United States of America
phone: (716) 555-5555
street_address:
city:
state:
zip_code:
country: Italia
phone:
# homepage tiles
tiles-source: pages # accepts "posts" or "pages"
@ -22,14 +22,10 @@ tiles-count: 6
# Icons are not shown if value is empty
# You need to restart jekyll for changes to have an effect
socials:
GitHub: https://github.com/andrewbanchich
GitLab:
Google-Plus: https://plus.google.com/u/0/+AndrewBanchich
Instagram:
LinkedIn: https://www.linkedin.com/in/andrew-banchich-a4ba1195
Twitter: https://twitter.com/andrewbanchich
Facebook:
Slack:
GitHub: https://github.com/devolitalia
Mastodon: https://mastodon.uno/web/accounts/31114
Envelope: https://buttowndown.email/devol
Telegram: https://t.me/devolitalia
# build settings
markdown: kramdown
@ -41,4 +37,4 @@ exclude:
- "*.gemspec"
- LICENSE.md
- CONTRIBUTING.md
- README.md
- README.md

View File

@ -1,5 +1,5 @@
<!-- Contact -->
<section id="contact">
<!-- <section id="contact">
<div class="inner">
<section>
<form action="https://formspree.io/{{ site.email }}" method="POST">
@ -48,7 +48,7 @@
{{ site.city }},
{% endif %}
{% if site.state %}
{{ site.state }}
{{ site.state }}
{% endif %}
{% if site.zip_code %}
{{ site.zip_code }}<br />
@ -61,7 +61,7 @@
</section>
</section>
</div>
</section>
</section> -->
<!-- Footer -->
<footer id="footer">

View File

@ -21,7 +21,7 @@
<div class="content">
<p style="text-transform: uppercase;">{{ site.description }}</p>
<ul class="actions">
<li><a href="#one" class="button next scrolly">Get Started</a></li>
<li><a href="#one" class="button next scrolly">Scopri Come</a></li>
</ul>
</div>
</div>
@ -37,12 +37,12 @@
<section id="two">
<div class="inner">
<header class="major">
<h2>Massa libero</h2>
<h2>Non ho nulla da nascondere, ma neache nulla da mostrare</h2>
</header>
<p>{{ content }}</p>
<ul class="actions">
<!-- <ul class="actions">
<li><a href="landing.html" class="button next">Get Started</a></li>
</ul>
</ul> -->
</div>
</section>

View File

@ -2,7 +2,7 @@
layout: allposts
title: All posts
landing-title: 'All posts'
nav-menu: true
nav-menu: false
description: null
image: null
author: null

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

BIN
assets/images/fediverse.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

BIN
assets/images/invidious.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
assets/images/mobilizon.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 241 KiB

BIN
assets/images/music.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

BIN
assets/images/peertube.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

View File

@ -1,8 +1,10 @@
---
layout: page
title: Elements
image: assets/images/pic01.jpg
nav-menu: true
description:
image: assets/images/pic03.jpg
nav-menu: false
show_tile: false
---
<!-- Main -->
@ -12,20 +14,22 @@ nav-menu: true
<section id="one">
<div class="inner">
<header class="major">
<h1>Elements</h1>
<h1>Social</h1>
</header>
<!-- Content -->
<h2 id="content">Sample Content</h2>
<p>Praesent ac adipiscing ullamcorper semper ut amet ac risus. Lorem sapien ut odio odio nunc. Ac adipiscing nibh porttitor erat risus justo adipiscing adipiscing amet placerat accumsan. Vis. Faucibus odio magna tempus adipiscing a non. In mi primis arcu ut non accumsan vivamus ac blandit adipiscing adipiscing arcu metus praesent turpis eu ac lacinia nunc ac commodo gravida adipiscing eget accumsan ac nunc adipiscing adipiscing.</p>
<h2 id="content">Cos'è il Fediverso</h2>
<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 class="row">
<div class="6u 12u$(small)">
<h3>Sem turpis amet semper</h3>
<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat commodo eu sed ante lacinia. Sapien a lorem in integer ornare praesent commodo adipiscing arcu in massa commodo lorem accumsan at odio massa ac ac. Semper adipiscing varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
<h3>Micro-blogging: Mastodon</h3>
<p>Mastodon è l'alternativa a Twitter del Fediverso bla bla</p>
<ul>
<li>Mastodon: <a href='https://mastodon.uno/'>https://mastodon.uno</a></li>
</ul>
</div>
<div class="6u$ 12u$(small)">
<h3>Magna odio tempus commodo</h3>
<p>In arcu accumsan arcu adipiscing accumsan orci ac. Felis id enim aliquet. Accumsan ac integer lobortis commodo ornare aliquet accumsan erat tempus amet porttitor. Ante commodo blandit adipiscing integer semper orci eget. Faucibus commodo adipiscing mi eu nullam accumsan morbi arcu ornare odio mi adipiscing nascetur lacus ac interdum morbi accumsan vis mi accumsan ac praesent.</p>
<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=5s&subtitle=it" frameborder="0" allowfullscreen></iframe>
</div>
<!-- Break -->
<div class="4u 12u$(medium)">

View File

@ -1,13 +0,0 @@
---
layout: post
title: Generic
description: Lorem ipsum dolor est
image: assets/images/pic11.jpg
nav-menu: true
---
Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Curabitur sapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit tristique lorem ipsum dolor.

View File

@ -1,11 +1,11 @@
---
layout: home
title: Home
landing-title: 'Hi, my name is Forty'
landing-title: 'Siamo Devol'
description: null
image: null
author: null
show_tile: false
---
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.
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.

View File

@ -1,87 +0,0 @@
---
title: Landing
layout: landing
description: 'Lorem ipsum dolor sit amet nullam consequa<br />sed veroeros. tempus adipiscing nulla.'
image: assets/images/pic07.jpg
nav-menu: true
---
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="inner">
<header class="major">
<h2>Sed amet aliquam</h2>
</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 vel lacinia pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis libero. Nullam et orci eu lorem consequat tincidunt vivamus et sagittis magna sed nunc rhoncus condimentum sem. In efficitur ligula tate urna.</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 class="content">
<div class="inner">
<header class="major">
<h3>Orci maecenas</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>
<a href="generic.html" class="image">
<img src="{% link assets/images/pic09.jpg %}" alt="" data-position="top center" />
</a>
<div class="content">
<div class="inner">
<header class="major">
<h3>Rhoncus magna</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>
<a href="generic.html" class="image">
<img src="{% link assets/images/pic10.jpg %}" alt="" data-position="25% 25%" />
</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>

17
tiles/eventi.md Normal file
View File

@ -0,0 +1,17 @@
---
layout: post
title: Eventi
description:
image: assets/images/mobilizon.jpg
nav-menu: true
---
<img src="{% link assets/images/mobilizon.jpg %}" alt="" data-position="center center" />
## Mobilizon
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.
<ul class="actions">
<li><a href="https://mobilizon.it" class="button">Mobilizon.it</a></li>
</ul>

17
tiles/musica.md Normal file
View File

@ -0,0 +1,17 @@
---
layout: post
title: Musica
description:
image: assets/images/music.jpg
nav-menu: true
---
<img src="{% link assets/images/music.jpg %}" alt="" data-position="center center" />
## Funkwhale
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.
<ul class="actions">
<li><a href="https://funkwhale.it" class="button">Funkwhale.it</a></li>
</ul>

87
tiles/social.md Normal file
View File

@ -0,0 +1,87 @@
---
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>

83
tiles/video.md Normal file
View File

@ -0,0 +1,83 @@
---
title: Video
layout: landing
description:
image: assets/images/peertube.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>
<img src="{% link assets/images/peertube.jpg %}" alt="" data-position="center center" />
<div class="content">
<div class="inner">
<header class="major">
<h3>Peertube</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://peertube.uno" class="button">Peertube.uno</a></li>
<li><a href="https://peertube.devol.it" class="button">Peertube Devol</a></li>
<li><a href="https://sepiasearch.peertube.uno" class="button">Sepia Search</a></li>
</ul>
</div>
</div>
</section>
<section>
<img src="{% link assets/images/invidious.png %}" alt="" data-position="center center" />
<div class="content">
<div class="inner">
<header class="major">
<h3>Il Tubo</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://tubo.peertube.uno" class="button">Tubo</a></li>
</ul>
</div>
</div>
</section>
<section>
<img src="{% link assets/images/alltubedownload.png %}" alt="" data-position="center center" />
<div class="content">
<div class="inner">
<header class="major">
<h3>AllTubeDonwload</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://alltubedownload.peertube.uno" class="button">AllTubeDonwload</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>