Added derivate index and relative assets

uitwww/templates/pages/derivate/index.html

@@ -21,15 +21,87 @@
 {% block title %}Derivate{% endblock %}
 
 {% block content %}
-<div class="row row-hero no-border" style="padding-bottom: 20px;">
-    <p>
-        Ubuntu è un sistema operativo diffuso ed è molto usato anche come punto di partenza per chi vuol creare il proprio sistema operativo. Progetti derivati da Ubuntu comprendono ad esempio versioni 	specifiche per lingua o per hardware. Qui sotto trovi le derivate ufficiali di Ubuntu. Esistono, inoltre, anche molte derivate non ufficiali. Per un elenco completo fare riferimento alla pagina wiki del <a href="https://wiki.ubuntu.com/DerivativeTeam/Derivatives">Derivatives Team</a> (en).
-    </p>
-    <p>
-        Se volete contribuire siete i benvenuti!
-        <a href="http://wiki.ubuntu-it.org/GruppoWeb/Contribuire">
-            Scopri come aiutarci</a>!
-    </p>
-    <p><b>Il Gruppo Web di ubuntu-it</b></p>
+
+<!--Start ROW HERO-->
+<div class="row row-hero">
+    	<div class="twelwe-col">
+		<h1>Progetti derivati</h1>
+		<p>Ubuntu è un sistema operativo diffuso ed è molto usato anche come punto di partenza per chi vuol creare il proprio sistema operativo. Progetti derivati da Ubuntu comprendono ad esempio versioni specifiche per lingua o per hardware. Qui sotto trovi le derivate ufficiali di Ubuntu.</p>    				
+		<p>Esistono, inoltre, anche molte derivate non ufficiali. Per un elenco completo fare riferimento alla pagina wiki del <a href="https://wiki.ubuntu.com/DerivativeTeam/Derivatives" target="_blank">Derivatives Team</a> (en).</p>		  
+    	</div>
+</div>
+<!--END ROW HERO-->
+
+<!--START ROW ZERO-->
+<div class="row vertical-divider">
+	<div class="four-col">
+		<h2>Kubuntu
+			<img src="+assets/images/derivate/kubuntu-logo-only_32.png">
+		</h2>
+		<p><a href="http://www.kubuntu.org" target="_blank">Kubuntu</a> è la versione di Ubuntu basata sull'ambiente grafico <a href="http://www.kde.org" target="_blank">KDE</a>, un sistema intuitivo e gradevole, che offre una coinvolgente esperienza utente.</p>
+		<p>Vuoi altre informazioni? Leggi la pagina <a href="derivate/kubuntu">Kubuntu</a>!</p>
+	</div>
+	<div class="four-col">
+		<h2>Xubuntu   
+			<img src="+assets/images/derivate/xubuntu-logo-only_32_0.png">			
+		</h2>
+		<p><a href="" target="_blank">Xubuntu</a> è un sistema operativo elegante e facile da configurare. Xubuntu è dotato di <a href="https://www.xfce.org/">Xfce</a>, che è un ambiente desktop stabile e leggero.</p>
+		<p>Vuoi altre informazioni? Leggi la pagina <a href="">Xubuntu</a>!</p>
+	</div>
+	<div class="four-col last-col">
+			<h2>Lubuntu
+				<img src="+assets/images/derivate/lubuntu-logo-small-new-11.png">
+			</h2>
+		<p><a href="https://wiki.ubuntu.com/Lubuntu" target="_blank">Lubuntu</a>, basato sull'ambiente grafico <a href="http://lxde.org/">LXDE</a>, fornisce un sistema leggero, poco esoso di risorse hardware e orientato al risparmio energetico.</p>
+		<p>Vuoi altre informazioni? Leggi la pagina <a href="">Lubuntu</a>!</p>
+	</div>
+</div>
+<!--END ROW ZERO-->
+
+<!--START ROW ONE-->
+<div class="row vertical-divider">
+	<div class="four-col">
+		<h2>Ubuntu GNOME
+			<img src="+assets/images/derivate/ubuntugnome.png">			
+		</h2>
+		<p><a href="http://ubuntugnome.org/" target="_blank">Ubuntu GNOME</a> utilizza un ambiente grafico <a href="http://gnome.org">GNOME 3</a>, fornendo un'esperienza il più possibile fedele a GNOME ma con tutti i vantaggi di Ubuntu.</p>
+		<p>Vuoi altre informazioni? Leggi la pagina <a href="derivate/ubuntugnome">Ubuntu GNOME</a>!</p>
+	</div>
+	<div class="four-col">
+		<h2>Ubuntu MATE   
+			<img src="+assets/images/derivate/ubuntu-mate-circle.png">			
+		</h2>
+		<p><a href="" target="_blank">Ubuntu MATE</a> è la versione di Ubuntu rilasciata con l'ambiente grafico MATE, fornendo un ambiente più tradizionale ma con tutti i pregi di Ubuntu.</p>
+		<p>Vuoi altre informazioni? Leggi la pagina <a href="">Ubuntu MATE</a>!</p>
+	</div>
+	<div class="four-col last-col">
+		<h2>Edubuntu
+			<img src="+assets/images/derivate/edubuntu-logo-only_32.png">
+		</h2>
+		<p><a href="" target="_blank">Edubuntu</a> è nata per l'uso negli ambienti scolastici. Per raggiungere questo scopo sono state implementate applicazioni, strumenti, contenuti e temi adatti all'apprendimento.</p>
+		<p>Vuoi altre informazioni? Leggi la pagina <a href="">Eubuntu</a>!</p>
+	</div>
+</div>
+<!--END ROW ONE-->
+
+<!--START ROW TWO-->
+<div class="row vertical-divider">
+	<div class="four-col pull-two">
+		<h2>Ubuntu STUDIO
+			<img src="+assets/images/derivate/ubuntu-studio-logo-only_32.png">			
+		</h2>
+		<p><a href="http://www.kubuntu.org" target="_blank">Ubuntu STUDIO</a> è rivolto agli appassionati e ai professionisti di audio, video e grafica nel mondo GNU/Linux. Fornisce una suite completa delle migliori applicazioni open source disponibili per creazioni multimediali.</p>
+		<p>Vuoi altre informazioni? Leggi la pagina <a href="">Ubuntu STUDIO</a>!</p>
+	</div>
+	<div class="four-col">
+		<h2>Mythbuntu   
+			<img src="+assets/images/derivate/mythbuntu-logo-only_32.png">			
+		</h2>
+		<p><a href="" target="_blank">Mythbuntu</a> è una versione di Ubuntu pensata per trasformare il tuo PC in un PC Home Theatre sfruttando le ricche funzionalità di MythTV.
+Può essere usata sia come sistema multimediale autonomo o integrata in una rete MythTV..</p>
+		<p>Vuoi altre informazioni? Leggi la pagina <a href="">Mythbuntu</a>!</p>
+	</div>
 </div>
+<!--END ROW TWO-->
+
 {% endblock %}