bozza iniziale pagine contatti

uitwww/templates/pages/contatti/index.html

@@ -21,15 +21,106 @@
 
 {% block title %}Contatti{% endblock %}
 {% block content %}
-<div class="row row-hero">
-    <h1>Contatti</h1>
-    <div class="six-col">
-        <p>La comunità italiana di Ubuntu è sempre aperta a critiche e suggerimenti. In questa pagina saranno raccolti gli indirizzi email e le mailing list dei vari gruppi nel caso tu voglia metterti in contatto con loro.</p>
+<div class="page">
+    <div class="row">
+        <div class="col">
+            <h1 class="text-center">Contatti</h1>
+            <p class="intro text-center">Gli indirizzi mail e le pagine di contatto dei gruppi di lavoro. Collabora con noi!</p>
+        </div>
     </div>
-    <div class="six-col last-col">
-        <span class=" right not-for-small">
-            <img src="+assets/images/pictograms/email.svg">
-        </span>
+</div>
+<div class="page">
+    <div class="row">
+        <div class="col">
+            <h2>Informazioni e social network</h2>
+            <p>
+                Problemi tecnici e difficoltà nell'uso di Ubuntu:
+                <a href="{{ url_for("pages.supporto") }}">Supporto</a>
+            </p>
+            <p>
+                Richiedi la spedizione di un DVD di Ubuntu:
+                <a href="https://wiki.ubuntu-it.org/GruppoPromozione/ProgettoCDUbuntu">Richiesta DVD</a>
+            </p>
+            <p>
+                Rapporti con i media e comunicati:
+                <a href="mailto:ufficiostampa@ubuntu-it.org">ufficiostampa@ubuntu-it.org</a>
+            </p>
+            <p>
+                Organizzazione eventi e Newsletter:
+                <a href="mailto:gruppo-promozione@ubuntu-it.org">gruppo-promozione@ubuntu-it.org</a>
+            </p>
+            <p>
+                Contatto per i Lug e le altre associazioni:
+                <a href="mailto:contatto-lug@ubuntu-it.org">contatto-lug@ubuntu-it.org</a>
+            </p>
+            <p>
+                Organizzazione e funzionamento della Comunità:
+                <a href="mailto:consiglio@ubuntu-it.org">consiglio@ubuntu-it.org</a>
+            </p>
+        </div>
+        <div class="col col-third col-center">
+            <img src="{{ url_for("static", filename="images/contatti/email_orange_hex.png") }}" alt="Contatti">
+        </div>
+    </div>
+    <div class="row row-borderless text-center">
+        <div>
+            <a class="btn" href="https://www.facebook.com/ubuntu.it">Facebook</a>
+            <a class="btn" href="https://www.facebook.com/groups/ubuntu.it/">Gruppo Facebook</a>
+            <a class="btn" href="https://twitter.com/ubuntuit">Twitter</a>
+            <a class="btn" href="https://www.youtube.com/user/ubuntuitpromozione">YouTube</a>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col">
+            <h2> Gruppi di lavoro</h2>
+            <p>
+                La comunità italiana di Ubuntu è organizzata in gruppi di lavoro.
+                Per entrare in contatto con noi e contribuire a rendere Ubuntu
+                migliore, iscriviti alla mailing list del gruppo a cui
+                ti interessa partecipare e scrivici. Saremo felici di accorglieti!
+            </p>
+            <p>
+                Mailing list supporto tecnico:
+                <a href="https://lists.ubuntu.com/mailman/listinfo/ubuntu-it" target="_blank">Apri mailing list</a>
+            </p>
+            <p>
+                Mailing list Newsletter Italiana:
+                <a href="http://liste.ubuntu-it.org/cgi-bin/mailman/listinfo/Newsletter-italiana" target="_blank">Apri mailing list</a>
+            </p>
+            <p>
+                Redazione Noi Siamo Ubuntu:
+                <a href="mailto:noisiamoubuntu@ubuntu-it.org" target="_blank">Contatta la redazione</a>
+            </p>
+            <p>
+                Mailing list Gruppo Sviluppo:
+                <a href="http://liste.ubuntu-it.org/cgi-bin/mailman/listinfo/Gruppo-Sviluppo" target="_blank">Apri mailing list</a>
+            </p>
+            <p>
+                Mailing list Gruppo Traduzione:
+                <a href="https://lists.ubuntu.com/mailman/listinfo/ubuntu-l10n-it" target="_blank">Apri mailing list</a>
+            </p>
+            <p>
+                Mailing list Gruppo Documentazione:
+                <a href="http://liste.ubuntu-it.org/cgi-bin/mailman/listinfo/gruppo-doc" target="_blank">Apri mailing list</a>
+            </p>
+            <p>
+                Mailing list Gruppo FCM:
+                <a href="http://liste.ubuntu-it.org/cgi-bin/mailman/listinfo/ubuntu-it-fcm" target="_blank">Apri mailing list</a>
+            </p>
+            <p>
+                Mailing list Gruppo Test:
+                <a href="http://liste.ubuntu-it.org/cgi-bin/mailman/listinfo/Gruppo-Test" target="_blank">Apri mailing list</a>
+            </p>
+            <p>
+                Mailing list Gruppo Promozione:
+                <a href="http://liste.ubuntu-it.org/cgi-bin/mailman/listinfo/facciamo-promozione" target="_blank">Apri mailing list</a>
+            </p>
+            <p>
+                Mailing list Gruppo Ubuntu Women-it:
+                <a href="http://liste.ubuntu-it.org/cgi-bin/mailman/listinfo/women" target="_blank">Apri mailing list</a>
+            </p>
+        </div>
+>>>>>>> 0cbe276 (bozza iniziale pagine contatti)
     </div>
 </div>
 <div class="row">