Move up the Resources section, and add a Tutorial item

Author: fmadiot

index.html

@@ -149,6 +149,82 @@
     </div>
 </section>
 
+<section id="resources" class="anchor-offset bg_indigo text-center">
+    <div class="container">
+        {% include block_heading.html
+            title="Resources"
+            sub_title=""
+            desc=""
+        %}
+
+		<div class="row">
+			<div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+                <iframe style="margin:10px" class="shadow" width="530" height="298" src="https://www.youtube.com/embed/p8qcFOu1ats?fs=1&amp;loop=1&amp;autohide=1&amp;theme=light&amp;color=white" frameborder="0" allowfullscreen=""></iframe>
+			</div>
+			<div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
+				<iframe style="margin:10px" class="shadow" width="530" height="298" src="https://www.youtube.com/embed/LFNAkQXmpYU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+			</div>
+		</div>
+
+		<div class="row">
+			{% include block_cols.html
+				col="4"
+				icon_name="fa fa-graduation-cap"
+				icon_color="txt_white"
+				title="Tutorial"
+				desc=""
+				href="https://asattepress.com/Downloads/Tutorials/Simple_SysML_V2_for_SysON/SysML-V2-SysON-Materials.html"
+				link_txt="Create a simple SysML v2 model "
+				href_icon="fas fa-arrow-alt-circle-right"
+			%}
+			{% include block_cols.html
+				col="4"
+				icon_name="fa fa-youtube-play"
+				icon_color="txt_white"
+				title="Videos"
+				desc=""
+				href="https://www.youtube.com/@EclipseSysON"
+				link_txt="Youtube channel "
+				href_icon="fas fa-arrow-alt-circle-right"
+			%}
+			{% include block_cols.html
+				col="4"
+				icon_name="far fa-newspaper"
+				icon_color="txt_white"
+				title="Articles"
+				desc=""
+				href="https://blog.obeosoft.com/tags/syson"
+				target="_blank"
+				link_txt="SysON blog posts "
+				href_icon="fas fa-arrow-alt-circle-right"
+			%}
+        </div>
+		<div class="row">
+			{% include block_cols.html
+				col="4 offset-md-2"
+				icon_name="fa fa-picture-o"
+				icon_color="txt_white"
+				title="Presentations"
+				desc=""
+				href="presentations.html"
+				link_txt="Slides about SysON "
+				href_icon="fas fa-arrow-alt-circle-right"
+			%}
+			{% include block_cols.html
+				col="4"
+				icon_name="far fa-file-alt"
+				icon_color="txt_white"
+				title="Documentation"
+				desc=""
+				href="https://doc.mbse-syson.org/"
+				link_txt="SysON documentation "
+				href_icon="fas fa-arrow-alt-circle-right"
+			%}
+        </div>
+    </div>
+</section>
+
+
 <section id="status" class="anchor-offset bg_magenta text-center">
     <div class="container">
         {% include block_heading.html
@@ -221,69 +297,6 @@ <h5 class="card-title">Obeo Enterprise for SysON</h5>
     </div>
 </section>
 
-<section id="resources" class="anchor-offset bg_indigo text-center">
-    <div class="container">
-        {% include block_heading.html
-            title="Resources"
-            sub_title=""
-            desc=""
-        %}
-
-		<div class="row">
-			<div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
-                <iframe style="margin:10px" class="shadow" width="530" height="298" src="https://www.youtube.com/embed/p8qcFOu1ats?fs=1&amp;loop=1&amp;autohide=1&amp;theme=light&amp;color=white" frameborder="0" allowfullscreen=""></iframe>
-			</div>
-			<div class="col-md-6 col-xs-12 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
-				<iframe style="margin:10px" class="shadow" width="530" height="298" src="https://www.youtube.com/embed/LFNAkQXmpYU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-			</div>
-		</div>
-
-		<div class="row">
-			{% include block_cols.html
-				col="3"
-				icon_name="fa fa-youtube-play"
-				icon_color="txt_white"
-				title="Videos"
-				desc=""
-				href="https://www.youtube.com/@EclipseSysON"
-				link_txt="Youtube channel "
-				href_icon="fas fa-arrow-alt-circle-right"
-			%}
-			{% include block_cols.html
-				col="3"
-				icon_name="far fa-newspaper"
-				icon_color="txt_white"
-				title="Articles"
-				desc=""
-				href="https://blog.obeosoft.com/tags/syson"
-				target="_blank"
-				link_txt="SysON blog posts "
-				href_icon="fas fa-arrow-alt-circle-right"
-			%}
-			{% include block_cols.html
-				col="3"
-				icon_name="fa fa-picture-o"
-				icon_color="txt_white"
-				title="Presentations"
-				desc=""
-				href="presentations.html"
-				link_txt="Slides about SysON "
-				href_icon="fas fa-arrow-alt-circle-right"
-			%}
-			{% include block_cols.html
-				col="3"
-				icon_name="far fa-file-alt"
-				icon_color="txt_white"
-				title="Documentation"
-				desc=""
-				href="https://doc.mbse-syson.org/"
-				link_txt="SysON documentation "
-				href_icon="fas fa-arrow-alt-circle-right"
-			%}
-        </div>
-    </div>
-</section>
-
 <section id="roadmap" class="anchor-offset text-center">
     <div class="container">
         {% include block_heading.html