Bulma v9 website (#3249)

* Add Bulma v9

* Add vendor dependencies

* Fix native

* Fix sponsors

* Add style attribute

docs/documentation/components/modal.html

@@ -55,6 +55,8 @@ meta:
 </div>
 {% endcapture %}
 
+<!--  -->
+
 <div class="content">
   <p>The modal structure is very simple:</p>
   <ul>
@@ -87,7 +89,7 @@ meta:
   </p>
 </div>
 
-<div class="message is-danger">
+<div class="message is-info">
   <div class="message-header">
     No JavaScript
   </div>
@@ -96,9 +98,7 @@ meta:
   </div>
 </div>
 
-<hr>
-
-<h3 class="title">Image modal</h3>
+{% include elements/anchor.html name="Image modal" %}
 
 <div class="content">
   <p>Because a modal can contain <strong>anything you want</strong>, you can very simply use it to build an image gallery for example:</p>
@@ -109,9 +109,7 @@ meta:
 
 {% highlight html %}{{ image_modal }}{% endhighlight %}
 
-<hr>
-
-<h3 class="title">Modal card</h3>
+{% include elements/anchor.html name="Modal card" %}
 
 <div class="content">
   <p>If you want a more classic modal, with a <strong>head</strong>, a <strong>body</strong> and a <strong>foot</strong>, use the <code>modal-card</code>.</p>
@@ -120,11 +118,11 @@ meta:
   </p>
 </div>
 
-<div class="highlight-full">
+<div class="bd-highlight-full">
   {% highlight html %}{{ modal_card }}{% endhighlight %}
 </div>
 
-{% include elements/variables.html type='component' %}
+{% include components/variables.html type='component' %}
 
 <div id="modal" class="modal">
   <div class="modal-background"></div>