Start working on the new pages

assets/sass/scopriUbuntu.scss

+.row--intro {
+  background: #DD4814 none repeat scroll 0% 0%;
+  color: #FFF;
+
+  .ubuntu-intro {
+      display: flex;
+      margin-bottom: 10px;
+  }
+}
+
+@media only screen and (min-width : 769px) {
+  .row--intro {
+    padding-top:inherit
+  }
+
+  .ubuntu-intro {
+    display:-webkit-box;
+    display:-moz-box;
+    display:-ms-flexbox;
+    display:flex;
+    margin-bottom:10px
+  }
+}
+
+@media only screen and (min-width:984px) {
+  .ubuntu-intro__list {
+    position:relative
+  }
+
+  .ubuntu-intro__list:before {
+    background-image: url(https://assets.ubuntu.com/v1/bcb69486-image-intro-dots.svg);
+    background-position: right center;
+    background-repeat: repeat-x;
+    background-size: 10px;
+    content: "";
+    display:block;
+    height:20px; position:absolute;
+    top:65px;
+    width:20px;
+  }
+}
+
+// @media only screen and (max-width :
+// 768px){.ubuntu-intro__list:before{display:none}}@media only screen and
+// (min-width :
+// 769px){.intro-left,.intro-right{-webkit-flex-grow:1;-moz-flex-grow:1;flex-grow:1;height:150px}}@media
+// only screen and (min-width :
+// 984px){.intro-left,.intro-right{background:url(https://assets.ubuntu.com/v1/bcb69486-image-intro-dots.svg)
+// repeat-x right
+// center;background-size:10px}}.intro-right{background-position:left
+// center;margin-left:-20px}.intro-middle
+// ul{text-align:center;padding-bottom:40px;float:left;width:100%}@media only
+// screen and (min-width : 769px){.intro-middle
+// ul{margin:0;padding-bottom:0}}.intro-middle
+// li{display:inline-block;float:left;margin-right:0;text-align:center;position:relative;width:50%}@media
+// only screen and (max-width : 768px){.intro-middle li{width:32%}}@media only
+// screen and (max-width : 667px) and (orientation : landscape){.intro-middle
+// li{width:20%}}@media only screen and (min-width : 768px){.intro-middle
+// li{text-indent:-999em;width:124px}}@media only screen and (min-width :
+// 984px){.intro-middle li{width:164px}}.intro-middle li
+// a{background-position:center
+// center;background-repeat:no-repeat;background-size:96px;color:#fff;display:block;line-height:1.3;overflow:visible;padding-top:115px;text-align:center;text-decoration:none;position:relative;width:100%}@media
+// only screen and (min-width : 984px){.intro-middle li a:after,.intro-middle li
+// a:before{display:block;background:url(https://assets.ubuntu.com/v1/bcb69486-image-intro-dots.svg)
+// repeat-x right
+// center;background-size:10px;content:"";position:absolute;top:60px}}@media only
+// screen and (min-width : 984px){.intro-middle li
+// a:before{height:30px;left:0;width:60px;background-size:18px;background-repeat:no-repeat}}@media
+// only screen and (min-width : 984px){.intro-middle li
+// a:after{height:30px;right:0;width:65px}}@media only screen and (min-width :
+// 769px){.intro-middle li a{padding-top:130px}}.intro-middle li
+// a.intro-cloud{background-image:url(https://assets.ubuntu.com/v1/7153d45d-icon-intro-cloud.svg)}.intro-middle
+// li a.intro-cloud:before{width:36px}.intro-middle li
+// a.intro-cloud:after{right:-19px;width:45px}.intro-middle li
+// a.intro-server{background-image:url(https://assets.ubuntu.com/v1/949bb7ae-icon-intro-server.svg)}.intro-middle
+// li a.intro-server:before{width:38px}.intro-middle li
+// a.intro-server:after{right:-20px;width:50px}.intro-middle li
+// a.intro-desktop{background-image:url(https://assets.ubuntu.com/v1/0a347261-icon-intro-desktop.svg)}.intro-middle
+// li a.intro-desktop:before{width:38px}.intro-middle li
+// a.intro-desktop:after{right:-36px}.intro-middle li
+// a.intro-phone{background-image:url(https://assets.ubuntu.com/v1/1f6d7af8-icon-intro-phone.svg)}.intro-middle
+// li a.intro-phone:before{width:54px}.intro-middle li
+// a.intro-phone:after{right:-16px}.intro-middle li
+// a.intro-tablet{background-image:url(https://assets.ubuntu.com/v1/08d4cf5a-icon-intro-tablet.svg)}.intro-middle
+// li a.intro-tablet:before{width:34px}.intro-middle li
+// a.intro-tablet:after{right:-20px;width:44px}.intro-middle li
+// a.intro-iot{background-image:url(https://assets.ubuntu.com/v1/473ea07f-icon-intro-iot.svg)}.intro-middle
+// li a.intro-iot:before{width:39px}.intro-middle li
+// a.intro-iot:after{right:20px;width:14px}body.homepage .row--intro .intro-middle
+// li a:hover{color:#fff;display:block;text-indent:0

assets/sass/website.scss

@@ -11,3 +11,6 @@
 
 // Import Ubuntu-it website's customizations
 @import "www.scss";
+
+// Import style for scopriUbuntu
+@import "scopriUbuntu.scss"

package.json

@@ -3,8 +3,8 @@
     "gulp-postcss": "~5.1.8",
     "gulp": "~3.9.0",
     "autoprefixer": "~5.2.0",
-    "vanilla-framework": "0.0.50",
-    "ubuntu-vanilla-theme": "0.0.7",
+    "vanilla-framework": "0.0.59",
+    "ubuntu-vanilla-theme": "0.0.12",
     "gulp-concat": "~2.6.0",
     "gulp-uglify": "~1.2.0",
     "gulp-sass": "~2.1.0"

uitwww/templates/pages/scopriUbuntu/index.html

@@ -21,18 +21,25 @@
 {% block title %}Scopri Ubuntu{% endblock %}
 
 {% block content %}
-<div class="row row-hero no-border" style="padding-bottom: 20px;">
-    <p>
-        Questo sito contiene la versione in fase di sviluppo del sito web
-        di ubuntu-it.<br>
-        Non è ancora completo, e potrebbe subire modifiche sostanziali,
-        oltre a contenere errori.
-    </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>
-</div>
+<section class="row row--intro strip no-border">
+    <div class="ubuntu-intro">
+        <div class="intro-left"></div>
+            <div class="intro-middle">
+                <ul class="ubuntu-intro__list no-bullets inline-list">
+                    <li><a class="intro-cloud" href="/scopriUbuntu/cloud">Cloud</a></li>
+                    <li><a class="intro-server" href="/scopriUbuntu/server">Server</a></li>
+                    <li><a class="intro-desktop" href="/scopriUbuntu/desktop">Desktop</a></li>
+                    <li><a class="intro-phone" href="/scopriUbuntu/phone">Phone</a></li>
+                    <li><a class="intro-tablet" href="/scopriUbuntu/tablet">Tablet</a></li>
+                    <li><a class="intro-iot" href="/scopriUbuntu/things">Things</a></li>
+                </ul>
+            </div>
+            <div class="intro-right"></div>
+        </div>
+        <div class="strip-inner-wrapper">
+            <h2 class="text-center twelve-col">
+                Ubuntu è una piattaforma opensource che funziona dal cloud ai telefoni, passando per qualsiasi tuo dispositivo
+            </h2>
+        </div>
+</section>
 {% endblock %}